/* Échec de l'agrandissement. Renvoi du contenu non agrandi.
(546,28): run-time error CSS1030: Expected identifier, found '#left'
(546,33): run-time error CSS1031: Expected selector, found ')'
(546,33): run-time error CSS1025: Expected comma or open brace, found ')'
(551,28): run-time error CSS1030: Expected identifier, found '#left'
(551,33): run-time error CSS1031: Expected selector, found ')'
(551,33): run-time error CSS1025: Expected comma or open brace, found ')'
(554,33): run-time error CSS1030: Expected identifier, found '#left'
(554,39): run-time error CSS1031: Expected selector, found ')'
(554,39): run-time error CSS1025: Expected comma or open brace, found ')'
(565,30): run-time error CSS1030: Expected identifier, found '>'
(565,45): run-time error CSS1031: Expected selector, found ')'
(565,45): run-time error CSS1025: Expected comma or open brace, found ')'
(568,30): run-time error CSS1030: Expected identifier, found '>'
(568,45): run-time error CSS1031: Expected selector, found ')'
(568,45): run-time error CSS1025: Expected comma or open brace, found ')'
(571,30): run-time error CSS1030: Expected identifier, found '>'
(571,45): run-time error CSS1031: Expected selector, found ')'
(571,45): run-time error CSS1025: Expected comma or open brace, found ')'
(574,30): run-time error CSS1030: Expected identifier, found '>'
(574,45): run-time error CSS1031: Expected selector, found ')'
(574,45): run-time error CSS1025: Expected comma or open brace, found ')'
(1225,32): run-time error CSS1030: Expected identifier, found '['
(1225,37): run-time error CSS1031: Expected selector, found '='
(1225,37): run-time error CSS1025: Expected comma or open brace, found '='
(1232,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1934,20): run-time error CSS1039: Token not allowed after unary operator: '-appcolor'
(2216,39): run-time error CSS1030: Expected identifier, found '#SobankIds'
(2216,49): run-time error CSS1031: Expected selector, found ')'
(2216,49): run-time error CSS1025: Expected comma or open brace, found ')'
(2219,39): run-time error CSS1030: Expected identifier, found '#SobankIds'
(2219,49): run-time error CSS1031: Expected selector, found ')'
(2219,49): run-time error CSS1025: Expected comma or open brace, found ')'
 */
#accueil-index div.infos-dossier div.white.block {
  min-height: 200px;
}
#accueil-index div.inline-blocks.buttons {
  table-layout: auto;
}
/*#accueil-index div.inline-blocks.buttons button {
    width: calc((960px - 4 * 8px) / 3);
}*/
#accueil-index div.inline-blocks.buttons button {
  width: 100%;
}
#accueil-index div.inline-blocks.buttons div.block.assistant {
  width: 33.333%;
}
#accueil-index div.inline-blocks.buttons button.conversion-button {
  width: 100%;
}
#accueil-index div.inline-blocks.buttons {
  text-align: center;
}
#accueil-index div.inline-blocks.buttons a {
  font-size: 0.75em;
}
#accueil-index div.inline-blocks.buttons button {
  margin-bottom: 8px;
}
#accueil-index div.inline-blocks.buttons button.save-button {
  margin-bottom: 0;
}
#accueil-index table.param td {
  font-size: 12px;
}
#accueil-index table.param td:nth-child(odd) {
  font-weight: bold;
}
#PPHistorique div.GridViewContainer {
  max-height: calc(100vh - 128px);
}
#PPHistorique .typeprevisu {
  padding: 0 0.25em;
}
#PPHistorique .typeprevisu img {
  width: 1.5em;
}
#PPHistorique #legendeHisto {
  white-space: nowrap;
  font-weight: bold;
  font-size: 0.75em;
  margin-top: 1em;
  display: none;
  /*block;*/
}
#PPHistorique #legendeHisto dl {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  font-weight: normal;
}
#PPHistorique #legendeHisto dl dt {
  margin-left: 1.5em !important;
}
#PPHistorique #legendeHisto dl dt,
#PPHistorique #legendeHisto dl dd {
  display: none;
  /*inline-block;*/
  vertical-align: middle;
  margin: 0;
}
#PPHistorique #legendeHisto img {
  width: 1.5em;
}
#PPAddRIB {
  min-width: 300px;
}
@media screen and (min-width: 1470px) {
  #accueil-index table.param td {
    font-size: 14px;
  }
}
main#accueil-cfonb div.white.block[tb-role="recup"] {
  font-size: 13px;
}
@media screen and (max-width: 1630px) {
  main#accueil-cfonb div.white.block[tb-role="recup"] {
    font-size: 10px;
  }
  main#accueil-cfonb div.white.block[tb-role="recup"] strong {
    font-size: 12px;
  }
}
@media screen and (max-width: 1439px) {
  main#accueil-cfonb div.white.block[tb-role="recup"] select {
    width: 9.5em;
  }
}
@media screen and (max-width: 1299px) {
  main#accueil-cfonb div.white.block[tb-role="recup"] strong {
    font-size: 11px;
  }
}
main#accueil-cfonb div.white.block[tb-role="recup"] table.dxeButtonEdit {
  width: 7.75em;
}
main#accueil-cfonb table#GridViewCFONB table.dxgvTable {
  font-size: 12px;
}
main#accueil-cfonb table#GridViewCFONB table.dxgvTable td.dxgvHeader table {
  font-size: 10px;
}
#ie {
  width: 70%;
  margin: 30px auto 0 auto;
  justify-content: space-around;
}
#ie a {
  color: black;
}
#ie .wrap-column {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#ie .wrap-column img {
  height: 92px;
  width: 92px;
}
td.RIBCell button {
  margin-left: 2em;
}
main#ajoutbanque-index h2 {
  text-align: left;
}
div.etape-assistant {
  overflow: hidden;
  max-height: 600px;
  display: block;
  transition: max-height 1s;
}
div.etape-assistant[data-shown=false] {
  max-height: 0;
  transition: max-height 0.2s;
}
div.etape-assistant.type-releves button {
  width: 100% ;
}
#ajax-container > aside ul li.assistant a {
  background-image: url(/Content/tb/images/aside/assistant.png);
}
#ajax-container > aside ul li.settings a {
  background-image: url(/Content/tb/images/aside/settings.png);
}
#ajax-container > aside ul li.pcg a {
  background-image: url(/Content/tb/images/aside/pcg.png);
}
#ajax-container > aside ul li.criteres a {
  background-image: url(/Content/tb/images/aside/criteres.png);
}
#ajax-container > aside ul li.supervision {
  position: relative;
}
#ajax-container > aside ul li.supervision a {
  background-image: url(/Content/tb/images/aside/supervision.png);
}
#ajax-container > aside ul li.supervision span.number {
  min-width: 1em;
  height: 1em;
  background: #E52621;
  color: white;
  border-radius: 100%;
  padding: 0.25em;
  font-size: 8px;
  font-family: arial, sans-serif;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 34px;
  text-align: center;
  display: none;
}
#ajax-container > aside ul li.supervision[tb-errors="true"] span.number {
  display: block;
}
#ajax-container > aside ul li.supervisionglobale a {
  background-image: url(/Content/tb/images/aside/supervisionglobale.png);
}
#ajax-container > aside ul li.batch a {
  background-image: url(/Content/tb/images/aside/batch.png);
}
#ajax-container > aside ul li.jdd a {
  background-image: url(/Content/tb/images/aside/jdd.png);
}
#ajax-container > aside ul li.tuto a {
  background-image: url(/Content/tb/images/aside/tuto.png);
}
#ajax-container > aside ul li.pdf a {
  background-image: url(/Content/tb/images/aside/pdf.png);
}
#ajax-container > aside ul li.clients a {
  background-image: url(/Content/tb/images/aside/clients.png);
}
#ajax-container > aside ul li.relevesweb a {
  background-image: url(/Content/tb/images/aside/relevesweb.png);
}
#ajax-container > aside ul li.banks a {
  background-image: url(/Content/tb/images/aside/banks.png);
}
#ajax-container > aside ul li.cabinet a {
  background-image: url(/Content/tb/images/aside/users.png);
}
#ajax-container > aside ul li.change a {
  background-image: url(/Content/tb/images/aside/change.png);
}
#ajax-container > aside ul li.multi-cabinets a {
  background-image: url(/Content/tb/images/aside/multi-users.png);
}
#ajax-container #btn-ajax_infos {
  color: black;
  text-shadow: none;
  word-wrap: break-word;
  overflow: visible;
  white-space: wrap;
  width: 100%;
}
#banques-index table.param td {
  font-size: 14px;
}
.bank-button {
  background-color: #1FA9DB;
}
.fec-button {
  color: #f19000;
  background: transparent;
  border-color: transparent;
  text-shadow: none;
  text-decoration: underline;
}
.idea-button {
  background-color: #fff173;
  color: transparent !important;
  text-shadow: none;
  background-image: url(/Content/Images/ampoule.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 80%;
}
.config-button {
  color: transparent !important;
  text-shadow: none;
  background-image: url(/Content/tb/images/config-button.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 90%;
}
#accueil-index .assistant-button,
#accueil-index .conversion-button {
  height: 4em;
}
.transfert-button:before {
  content: "\25b6  ";
}
.cross-eye-button {
  background-image: url(/Content/tb/images/eye-crossed.png);
}
.mail-button {
  background-color: white;
  color: black;
  text-shadow: none;
  background-image: url(/Content/tb/images/mail.png);
}
.teamviewer-button {
  background-color: #0C77D7;
  background-image: url(/Content/tb/images/teamviewer.png);
}
.anydesk-button {
  background-image: url(/Content/tb/images/anydesk.png);
}
.sync-button {
  background-image: url(/Content/tb/images/sync.png);
}
.lamp-button {
  background-image: url(/Content/Images/ampoule.png);
}
.azure-button {
  font-weight: normal;
  background-image: url(/Content/tb/images/microsoft-logo.png);
}
.eclat-button {
  position: relative;
}
.eclat-button:before {
  content: "\271a";
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-55%, -50%);
}
button.add-list {
  float: right;
  margin-top: 0.333em;
}
td[readonly="true"] > button.eclat-button {
  opacity: 0.4;
}
button.bare-button,
button.aside-menu-button {
  border-color: transparent;
  background-color: transparent;
  color: transparent;
  text-shadow: none;
}
button.aside-menu-button {
  background-image: url(/Content/tb/images/aside/menu.png);
  background-size: 18px;
  background-position: center center;
  background-repeat: no-repeat;
}
/* champs critère avec boutons à gauche et droite */
div.with-side-button {
  display: table;
  border-collapse: collapse;
  width: 100%;
}
div.custom > * {
  display: inline-block;
  vertical-align: middle;
}
div.custom div.with-side-button {
  display: inline-table;
  width: 1px;
}
div.with-side-button > div {
  display: table-cell;
  vertical-align: top;
}
div.with-side-button > div.side-button-container {
  width: 1px;
  height: 1em;
}
div.with-side-button > div.side-button-container button {
  padding: 0 0.5em;
  height: 100%;
  display: block;
}
div.with-side-button > div.side-button-container button.left-side-button {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin-right: -2px;
  /* sinon 1px d'écrat avec l'input */
}
div.with-side-button > div.side-button-container button.right-side-button {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  margin-left: -1px;
}
div.with-side-button > div.component-container {
  position: relative;
}
div.with-side-button > div.component-container > input[type=text] {
  width: 100%;
}
/* TAUX IMPUTATION */
.button-look-alike.tauximputation {
  white-space: nowrap;
  position: relative;
  width: 50px;
  /* Taux non calculé */
  /* Level - 0.5 <= Taux < Level + 0.5 */
}
.button-look-alike.tauximputation:after {
  content: "-";
  color: transparent;
  display: inline;
}
.button-look-alike.tauximputation.inline {
  display: inline-block;
}
.button-look-alike.tauximputation .bar {
  background: silver;
  vertical-align: middle;
  border-radius: 2px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  line-height: 1.333em;
}
.button-look-alike.tauximputation .bar .impute,
.button-look-alike.tauximputation .bar .non-impute {
  height: 100%;
}
.button-look-alike.tauximputation .bar .impute {
  border-right: inherit;
  overflow: visible;
  text-align: center;
}
.button-look-alike.tauximputation .bar .impute .detail {
  padding: 0.2em 0.5em;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5), 1px -1px 0 rgba(0, 0, 0, 0.5), -1px 1px 0 rgba(0, 0, 0, 0.5), 1px 1px 0 rgba(0, 0, 0, 0.5);
  text-shadow: 0 0 3px black;
}
.button-look-alike.tauximputation[data-level="-1"] {
  display: none;
}
.button-look-alike.tauximputation[data-level="0"] .bar .impute {
  width: 5%;
}
.button-look-alike.tauximputation[data-level="1"] .bar .impute {
  width: 10%;
}
.button-look-alike.tauximputation[data-level="2"] .bar .impute {
  width: 20%;
}
.button-look-alike.tauximputation[data-level="3"] .bar .impute {
  width: 30%;
}
.button-look-alike.tauximputation[data-level="4"] .bar .impute {
  width: 40%;
}
.button-look-alike.tauximputation[data-level="5"] .bar .impute {
  width: 50%;
}
.button-look-alike.tauximputation[data-level="6"] .bar .impute {
  width: 60%;
}
.button-look-alike.tauximputation[data-level="7"] .bar .impute {
  width: 70%;
}
.button-look-alike.tauximputation[data-level="8"] .bar .impute {
  width: 80%;
}
.button-look-alike.tauximputation[data-level="9"] .bar .impute {
  width: 90%;
}
.button-look-alike.tauximputation[data-level="10"] .bar .impute {
  width: 100%;
  border: none;
}
.button-look-alike.tauximputation[data-level="0"] .bar .impute,
.button-look-alike.tauximputation[data-level="1"] .bar .impute,
.button-look-alike.tauximputation[data-level="2"] .bar .impute {
  background: #F93A35;
}
.button-look-alike.tauximputation[data-level="3"] .bar .impute,
.button-look-alike.tauximputation[data-level="4"] .bar .impute {
  background: #FFAF1D;
}
.button-look-alike.tauximputation[data-level="5"] .bar .impute,
.button-look-alike.tauximputation[data-level="6"] .bar .impute,
.button-look-alike.tauximputation[data-level="7"] .bar .impute {
  background: #FFEC15;
}
.button-look-alike.tauximputation[data-level="8"] .bar .impute,
.button-look-alike.tauximputation[data-level="9"] .bar .impute,
.button-look-alike.tauximputation[data-level="10"] .bar .impute {
  background: #5ACE40;
}
.gvTauxImputation {
  padding: 0 !important;
  border-left: none !important;
  border-right: none !important;
}
#choose-client #message {
  text-align: start;
}
#choose-client {
  overflow: auto;
  width: 100%;
  max-height: 700px;
  display: flex !important;
  flex-flow: column nowrap;
  justify-content: center;
}
#choose-client .message {
  text-align: start !important;
}
#choose-client .block-item {
  align-items: start !important;
}
#choose-client form {
  width: fit-content;
  height: fit-content;
  align-self: center;
}
#choose-client #clients {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  width: 870px;
  height: 300px;
  overflow: auto;
  margin-block: 10px;
}
#choose-client #clients button {
  text-shadow: none !important;
  height: 80px;
  width: 270px;
  filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.25));
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  margin: 10px;
  background-color: #fbffff;
  border: none;
  color: black;
  white-space: normal !important;
}
#choose-client #clients button:hover {
  filter: brightness(80%);
}
#choose-client #clients button span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
#choose-client .search-bar {
  display: flex;
  margin-block: 10px;
  margin-inline: 10px;
  width: 850px;
  justify-content: space-evenly;
  align-items: center;
}
#choose-client .fa-search:hover {
  cursor: default !important;
}
#choose-client .search-text {
  width: 800px;
  font-size: 16px;
  padding: 2px;
}
.fa-search {
  height: 28px;
}
main#clientfinal-cgu iframe#CGU {
  width: 100%;
  height: calc(100vh - 200px);
  border: none;
}
main#clientfinal-index:has(#left) {
  overflow: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
main#clientfinal-index:has(#left)::-webkit-scrollbar {
  display: none;
}
main#clientfinal-index:not(:has(#left)) {
  overflow: auto;
}
div#accueil__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
div#accueil__grid > div {
  overflow-y: auto;
  height: calc(100vh - 65px);
}
div#accueil__grid > div :has(> table.releves):not(:first-child) {
  word-break: break-word;
}
div#accueil__grid > div :has(> table.releves):not(:first-child) .balance {
  white-space: nowrap;
}
div#accueil__grid > div :has(> table.releves):not(:first-child):hover {
  background-color: lightgray;
}
div#accueil__grid > div :has(> table.releves):not(:first-child) * {
  cursor: pointer;
}
.accueil__eye .number {
  min-width: 1em;
  height: 1em;
  background: #E52621;
  color: white;
  border-radius: 100%;
  padding: 0.25em;
  font-size: 9px;
  font-family: arial, sans-serif;
  font-weight: bold;
  position: absolute;
  text-align: center;
}
@media only screen and (max-width: 650px) {
  div#accueil__grid {
    display: grid;
    grid-template-columns: 1fr;
  }
  div#accueil__grid > div {
    height: inherit;
  }
  div#accueil__grid > div::-webkit-scrollbar {
    display: none;
  }
  main#clientfinal-index {
    overflow: scroll;
  }
}
.accueil__eye,
.accueil__view {
  background: none;
  border: none;
}
div[tb-role="connections"] {
  margin-bottom: 200px !important;
  padding: 20px;
}
div[tb-role="connections"] div[tb-role="connection"] {
  padding: 0 !important;
  text-align: center;
  margin-top: 3em !important;
  margin-bottom: 0.25em !important;
  overflow: hidden;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
div[tb-role="connections"] div[tb-role="connection"] div.connection-header {
  display: table;
  width: 100%;
  border-bottom: 4px solid #33BDEF;
  text-align: left;
}
div[tb-role="connections"] div[tb-role="connection"] div.connection-header > div {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.25em;
  font-weight: bold;
  padding: 0.333em;
}
div[tb-role="connections"] div[tb-role="connection"] div.connection-header > div.logo img {
  display: block;
  width: 2em;
  border-radius: 4px;
}
div[tb-role="connections"] div[tb-role="connection"] div.connection-header > div.infos {
  width: 100%;
  position: relative;
}
div[tb-role="connections"] div[tb-role="connection"] div.connection-header > div.infos h3 {
  font-size: 1em;
  margin: 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div[tb-role="connections"] div[tb-role="connection"] div.connection-header > div div.valid {
  font-size: 0.667em;
  font-weight: normal;
  position: absolute;
  bottom: 0.25em;
  left: 0;
  padding-left: 1.5em;
  background: url(/Content/Images/valid.png) 0.25em center no-repeat;
  background-size: contain;
}
div[tb-role="connections"] div[tb-role="connection"] div.message strong {
  display: block;
  margin: 1em;
}
div[tb-role="connections"] div[tb-role="connection"] ul.accounts {
  text-align: left;
  display: block;
  padding: 1em;
  margin: 0;
}
div[tb-role="connections"] div[tb-role="connection"] ul.accounts li {
  display: block;
  padding: 0.5em;
  border-top: 1px solid silver;
}
div[tb-role="connections"] div[tb-role="connection"] ul.accounts li span.iban {
  display: block;
  font-size: 0.8em;
}
div[tb-role="connections"] div[tb-role="connection"] a {
  color: #33BDEF;
  text-decoration: none;
  display: block;
  font-weight: bold;
}
div[tb-role="connections"] div[tb-role="connection"] a:hover {
  text-decoration: underline;
}
div[tb-role="connections"] div[tb-role="connection"] a.update-link {
  margin-top: 1em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
div[tb-role="connections"] div[tb-role="connection"] a.addremove-link {
  font-size: 0.8em;
  padding-bottom: 1.25em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
div[tb-role="connections"] div[tb-role="connection"][tb-alert=true] {
  background: #FFE5E5;
  color: #FF3B30;
}
div[tb-role="connections"] div[tb-role="connection"][tb-alert=true] div.connection-header {
  border-bottom-color: #FF3B30 !important;
}
div[tb-role="connections"] div[tb-role="connection"][tb-alert=true] ul.accounts li:last-child {
  padding-bottom: 0;
}
div[tb-role="connections"] div[tb-role="connection"][tb-alert=true] a {
  color: inherit;
}
div[tb-role="connections"] div[tb-role="connection"]:not([tb-alert=true]) ul.accounts li:last-child {
  border-bottom: 1px solid silver;
}
div[tb-role="connections"] div[tb-role="connection"]:not([tb-alert=true]) ul.accounts li.not-existing {
  color: #888888;
}
div[tb-role="connections"] div[tb-role="connection"]:not([tb-alert=true]) ul.accounts li .message {
  font-size: 0.8em;
  font-weight: bold;
  margin-bottom: 0.25em;
}
div[tb-role="connections"] a.delete-link {
  font-size: 0.8em;
  color: gray;
  float: right;
}
@media only screen and (max-width: 650px) {
  #PPRelevesWeb {
    min-width: unset;
    max-width: unset;
    width: 100%;
    border-radius: 0;
    box-sizing: border-box;
    top: unset;
    bottom: 0;
    transform: translate(-50%, 0);
    animation: none;
    height: calc(100vh - 70px);
  }
  #PPRelevesWeb:after {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  #PPRelevesWeb #CallbackRelevesWeb {
    width: 100% !important;
    min-height: unset !important;
    max-height: calc(100vh - 120px) !important;
  }
  #PPRelevesWeb #CallbackRelevesWeb iframe.remark-container {
    height: calc(100vh - 330px) !important;
    min-height: 80px;
  }
}
main#clientfinal-renouvellement div#GoBank,
main#clientfinal-renouvellementoauth div#GoBank {
  text-align: center;
}
main#clientfinal-renouvellement div#GoBank img,
main#clientfinal-renouvellementoauth div#GoBank img,
main#clientfinal-renouvellement div#GoBank button,
main#clientfinal-renouvellementoauth div#GoBank button {
  display: inline-block;
  vertical-align: middle;
}
main#clientfinal-renouvellement div#GoBank img,
main#clientfinal-renouvellementoauth div#GoBank img {
  width: 2.25em;
  margin-right: 0.5em;
}
main#clientfinal-applimobile img.logo {
  float: right;
  width: 100px;
  border-radius: 10%;
}
main#clientfinal-applimobile a.download {
  margin-right: 2em;
}
main#clientfinal-applimobile a.download img {
  max-height: 60px;
  max-width: 40%;
}
main#clientfinal-applimobile ul li {
  margin-bottom: 1em;
}
main#clientfinal-applimobile p.notes {
  color: gray;
  text-align: left;
  font-size: 0.7em;
  margin: 0px 0px 50px 0px;
  padding: 0 1em;
}
.accueil__save {
  margin-top: 10px;
}
.float-right {
  float: right;
}
button.help__rw {
  background: none;
  border: none;
  border-radius: 10%;
  margin-inline: 0.5em;
}
button.help__rw:hover {
  background: lightgray !important;
  border: inherit !important;
  cursor: pointer;
}
#SoldePartial div {
  display: flex;
  justify-content: space-between;
}
#SoldePartial div p:first-child {
  margin-right: 0.5em;
}
#SoldePartial p {
  margin: 0;
  font-weight: bold;
  font-size: 1.1em;
}
#SoldePartial #SoldeDebut:not(.negative-balance),
#SoldePartial #SoldeFin:not(.negative-balance) {
  color: #4AAC35;
}
.positive-balance {
  color: #4AAC35;
}
.negative-balance {
  color: #F93A35;
}
main#clients-index h2 {
  text-align: left;
  font-size: 1.25em;
  font-weight: bold;
  margin: 1em 0 0 0;
}
main#clients-index table.param {
  white-space: nowrap;
}
main#clients-index table.connection {
  width: 100%;
}
main#clients-index button.delete {
  float: right;
}
main#clients-index div.white.block[tb-role=status] table.param td {
  white-space: initial;
}
main#clients-index .dxh-content {
  white-space: pre;
}
main#clients-index div#deleted-connections > p {
  font-size: 0.8em;
  text-align: left;
  font-weight: bold;
}
main#clients-index div#deleted-connections > p div.white.block[tb-role=connection][tb-alert=true] {
  border-color: #AAA;
  opacity: 0.8;
}
main#clients-index div#deleted-connections > p div.white.block[tb-role=connection][tb-alert=true] div.connection-header {
  background-color: #AAA;
  background-image: repeating-linear-gradient(-45deg, #AAA 0 5px, #CCC 5px 10px);
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.25), 1px -1px 0 rgba(0, 0, 0, 0.25), -1px 1px 0 rgba(0, 0, 0, 0.25), 1px 1px 0 rgba(0, 0, 0, 0.25);
}
main#clients-index div.white.block[tb-role=connection] {
  overflow: hidden;
  padding: 0;
  margin-bottom: 2em;
  position: relative;
}
main#clients-index div.white.block[tb-role=connection][tb-alert=true] {
  border: 5px solid #c81515;
}
main#clients-index div.white.block[tb-role=connection][tb-alert=true] div.connection-header {
  background-color: #c81515;
  color: white;
}
main#clients-index div.white.block[tb-role=connection][tb-alert=true] table.accounts span.bull-state[tb-active=true] {
  color: red;
}
main#clients-index div.white.block[tb-role=connection] div.connection-header {
  background-color: rgba(0, 0, 0, 0.03);
  display: table;
  width: 100%;
}
main#clients-index div.white.block[tb-role=connection] div.connection-header > div.logo,
main#clients-index div.white.block[tb-role=connection] div.connection-header > div.infos {
  display: table-cell;
  vertical-align: top;
}
main#clients-index div.white.block[tb-role=connection] div.connection-header > div.logo img {
  width: 3em;
  margin: 0.5em;
  border-radius: 4px;
}
main#clients-index div.white.block[tb-role=connection] div.connection-header > div.infos {
  width: 100%;
}
main#clients-index div.white.block[tb-role=connection] div.connection-header h3 {
  margin: 0;
  padding: 0.75em 0 0 0;
  font-size: 1.5em;
  font-weight: bold;
}
main#clients-index div.white.block[tb-role=connection] div.connection-header div.state {
  font-weight: bold;
}
main#clients-index div.white.block[tb-role=connection] div.connection-header div.state:not(:empty) {
  margin-bottom: 0.5em;
}
main#clients-index div.white.block[tb-role=connection] button.delete-button {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
}
main#clients-index table.accounts {
  width: 100%;
  width: calc(100% - 1em);
  margin: 0 0.5em;
}
main#clients-index table.accounts tr.deleted {
  color: silver;
}
main#clients-index table.accounts th,
main#clients-index table.accounts td {
  vertical-align: middle;
}
main#clients-index table.accounts img.activate {
  height: 1.25em;
}
main#clients-index table.accounts div.bulls-container {
  position: relative;
}
main#clients-index table.accounts div.bulls-container div.details {
  position: absolute;
  bottom: -75%;
  right: 50%;
  display: none;
  color: black;
}
main#clients-index table.accounts span.bull-state {
  color: silver;
}
main#clients-index table.accounts span.bull-state[tb-active=true] {
  color: #35A8D8;
}
main#clients-index table.accounts span.bull-state div.details ul {
  padding: 0;
  margin: 0;
}
main#clients-index table.accounts span.bull-state div.details ul li {
  display: block;
}
main#clients-index table.accounts span.bull-state:hover div.details {
  display: block;
}
main#clients-index table.accounts input.nom_cfonb {
  width: 100%;
}
main#clients-index form[name=formrelevesweb] {
  width: inherit;
}
main#clients-index .bank {
  margin: 28px 0;
  padding-top: 6px;
}
main#clients-index .bank .bankname {
  text-align: left;
  font-size: 1.25em;
  font-weight: bold;
}
main#clients-index .bank .bankname img {
  width: 1.75em;
  border-radius: 0.25em;
  display: inline-block;
  vertical-align: middle;
}
main#clients-index .bank .bankname span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.25em;
}
main#clients-index .bank .bankname + .white.block {
  margin-top: 8px;
}
main#clients-index .bank[tb-in-filter=false],
main#clients-index .bank > div[tb-in-filter=false] {
  display: none;
}
main#clients-index .bank .white.block {
  padding: 0;
}
main#clients-index .bank .white.block[data-is-error=false][data-exists=false] {
  color: #747474;
  background: #F4F4F4;
}
main#clients-index .bank .white.block[data-is-error=false][data-exists=false] .message {
  background: #D4D4D4;
}
main#clients-index .bank .white.block[data-is-error=true][data-exists=true] {
  border: 4px solid #E52621;
}
main#clients-index .bank .white.block[data-is-error=true][data-exists=true] .message {
  background: #E52621;
  color: white;
}
main#clients-index .bank .white.block[data-is-error=true][data-exists=true] .cpt {
  /* permet de compenser le décalage du à la bordure */
  position: relative;
  left: -4px;
  width: calc(100% + 2 * 4px);
}
main#clients-index .bank .logo {
  line-height: 0;
}
main#clients-index .bank .logo img {
  width: 2em;
  border-radius: 0.25em;
}
main#clients-index .bank .cpt {
  display: table;
  border-collapse: separate;
  border-spacing: 8px;
  white-space: nowrap;
}
main#clients-index .bank .cpt > * {
  display: table-cell;
  vertical-align: top;
}
main#clients-index .bank .cpt .name {
  font-weight: bold;
  line-height: 2.25em;
  padding: 0 0.5em;
  width: 100%;
}
main#clients-index .bank .cpt .name .overflow {
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
main#clients-index .bank .cpt .name.with-iban {
  line-height: initial;
}
main#clients-index .bank .cpt .name input.nom_cfonb {
  width: 100%;
  box-sizing: border-box;
}
main#clients-index .bank .cpt .name div.iban {
  font-size: 0.75em;
  line-height: 1.333em;
  font-weight: normal;
}
main#clients-index .bank .cpt .spacer {
  width: 100%;
}
main#clients-index .bank .cpt .recup,
main#clients-index .bank .cpt .datedebut,
main#clients-index .bank .cpt .filtre,
main#clients-index .bank .cpt .linked {
  font-size: 0.8em;
}
main#clients-index .bank .cpt .recup {
  text-align: center;
}
main#clients-index .bank .cpt .recup input {
  margin-top: 0.333em;
}
main#clients-index .bank .cpt .recup .toggle {
  font-size: 0.8em;
}
main#clients-index .bank .cpt .recup .toggle label {
  width: 100%;
}
main#clients-index .bank .cpt .state {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.8em;
}
main#clients-index .bank .cpt .state span {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
main#clients-index .bank .cpt .state span .inner-circle {
  width: 13px;
  height: 13px;
  background: white;
  border-radius: 50%;
}
main#clients-index .bank .cpt .state span .inner-circle img {
  width: 100%;
  height: 100%;
}
main#clients-index .bank .cpt .legend {
  font-weight: normal;
  font-size: 0.9em;
}
main#clients-index .bank .cpt .anteriorite {
  min-width: 112px;
}
main#clients-index .bank .cpt button {
  line-height: 1em;
}
main#clients-index .bank .cpt .more {
  vertical-align: middle;
}
main#clients-index .bank .cpt .more label {
  font-size: 3em;
  margin: 0 0.1em 0 0.25em;
  line-height: 0.6em;
  color: #7a7a7a;
  display: inline-block;
  user-select: none;
}
main#clients-index .bank .cpt .more label:hover {
  cursor: pointer;
}
main#clients-index .bank .cpt[tb-cfonb-only=true] .name.with-iban {
  width: 100%;
}
main#clients-index .bank .cpt[tb-cfonb-only=true] .name.with-iban > div {
  display: table-cell;
  white-space: nowrap;
}
main#clients-index .bank .cpt[tb-cfonb-only=true] .name.with-iban > div.overflow {
  width: 100%;
}
main#clients-index .bank .cpt[tb-cfonb-only=true] .name.with-iban > div.iban {
  font-size: 1em;
}
main#clients-index .bank .cpt[tb-cfonb-only=true] .name.with-iban > div.iban input {
  width: 280px;
}
main#clients-index .bank .cpt[tb-cfonb-only=true] .name.with-iban > div span.magic-iban {
  display: inline-block;
}
main#clients-index .bank .cpt[tb-cfonb-only=true] .name.with-iban > div span.magic-iban img {
  width: 1em;
  position: relative;
  top: 0.125em;
}
main#clients-index .bank .cpt[tb-cfonb-only=true] .spacer {
  display: none;
}
main#clients-index .bank .cpt[tb-cfonb-only=true] .linked {
  display: none;
}
main#clients-index .bank .message {
  padding: 0.5em 1em;
  font-weight: bold;
  background: silver;
}
main#clients-index .bank .cbDetails {
  display: none;
}
main#clients-index .bank .cbDetails:checked ~ .white.block {
  margin-bottom: 0;
}
main#clients-index .bank .cbDetails:checked ~ .white.block .more label {
  transform: rotate(90deg) translateX(50%);
  margin: 0 0.1em 0 0.25em;
}
main#clients-index .bank .cbDetails:checked ~ .details {
  display: block;
}
main#clients-index .bank .details {
  display: none;
  text-align: left;
  margin-bottom: 2em;
  background: rgba(255, 255, 255, 0.7);
}
main#clients-index .bank .details strong {
  display: block;
  padding: 0.5em;
}
main#clients-index .bank:not(.actions),
main#clients-index .bank + .actions {
  border-left: 4px solid #35A8D8;
  padding-left: 16px;
}
main#clients-index .bank:not(.actions):hover,
main#clients-index .bank + .actions:hover {
  border-left-width: 8px;
  padding-left: 12px;
}
main#clients-index .bank:not(.bottom) {
  /*background: linear-gradient(180deg, white 25px, transparent 125px);
            background: linear-gradient(180deg, white 40px, transparent 75px);*/
  background: #FFFFFF77;
}
main#clients-index .bank + .actions {
  margin-top: 48px;
}
main#clients-index .bank.actions {
  border-color: transparent;
}
main#clients-index .bank.actions .name {
  width: unset;
}
main#clients-index .bank.actions.bottom {
  margin-top: 0;
  position: fixed;
  top: 100%;
  transform: translateY(-100%);
  width: inherit;
}
main#clients-index .bank.actions.bottom .white.block {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.75);
  transition: box-shadow linear 0.05s;
}
main#clients-index .bank.actions.bottom.scrolled .white.block {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0);
}
main#clients-index td:has(input[type="checkbox"]) {
  padding-right: 0;
}
#PPAsk table.param tr > td:nth-child(odd):not(:first-child):empty {
  padding-left: 12px;
}
:root {
  --appcolor: #E52621;
}
main#configurer-index div.inline-blocks.conf {
  table-layout: auto;
}
main#configurer-index div.inline-blocks.conf > div.block:first-child {
  width: 33%;
  min-width: 400px;
}
main#configurer-index div.inline-blocks.conf > div.block {
  vertical-align: top;
}
main#configurer-index div.inline-blocks.conf > div.block > div.white.block {
  height: auto;
}
main#configurer-index div.inline-blocks.conf table.param {
  font-size: 13px;
}
main#configurer-index div.inline-blocks.conf div.providers {
  font-size: 12px;
}
main#configurer-index label[for="advanced"] {
  font-weight: bold;
}
main#configurer-index label[for="advanced"]:hover {
  cursor: pointer;
}
main#configurer-index input#advanced {
  visibility: hidden;
}
main#configurer-index div.inline-blocks.conf div.providers div.callback-container,
main#configurer-index div.inline-blocks.conf div.providers div.callback-container .provider {
  height: 100%;
}
main#configurer-index div.inline-blocks.conf div.providers div.provider {
  border: 1px solid silver;
  border-radius: 5px;
  padding: 5px;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
main#configurer-index div.inline-blocks.conf div.providers div.provider button {
  margin-top: 1em;
  padding: inherit !important;
}
main#configurer-index div.inline-blocks.conf div.providers div.provider:hover {
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
main#configurer-index div.inline-blocks.conf div.providers div.provider div.logo {
  height: 70px;
  width: 100%;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 65px;
}
main#configurer-index div.inline-blocks.conf div.providers div.provider div.logo img {
  display: inline-block;
  vertical-align: middle;
  max-width: 90%;
  max-height: 36px;
}
main#configurer-index div.inline-blocks.conf div.providers div.provider div.state {
  text-align: center;
  font-weight: bold;
}
main#configurer-index div.inline-blocks.conf div.providers div.provider div.spacer {
  flex: 1;
}
main#configurer-index div.inline-blocks.conf div.providers div.provider a {
  display: block;
  text-align: center;
  position: absolute;
  bottom: 0.5em;
  left: 0;
  right: 0;
}
main#configurer-index #BtnSave {
  margin-top: 1em;
}
main#configurer-index div.import-plan table.param > tbody > tr > td:nth-child(2n+1):not(:first-child) {
  /*padding-left: 12px;*/
  padding-left: 2vw;
}
main#configurer-index table#GridViewUsers table.dxgvTable {
  font-size: 12px;
}
main#configurer-index table#GridViewUsers table.dxgvTable td.dxgvHeader table {
  font-size: 11px;
}
.configurer-defaut {
  float: right;
  font-size: 0.75em;
  font-weight: normal;
  color: #E52621;
}
main#configurer-index div.center-block > table.commands {
  position: absolute;
  z-index: 1;
  top: -0.25em;
}
main#configurer-index table.param > tbody > tr > td #labelBatchEmail {
  font-weight: bold;
  margin-left: 0.75em;
  vertical-align: text-bottom;
}
#groupinfos #users,
#groupinfos #dossiers {
  width: 50%;
  float: left;
}
#groupinfos a {
  color: inherit;
}
#groupinfos td:hover {
  text-decoration: underline;
}
#groupinfos,
#userinfos,
#dossierinfos {
  max-height: 35vh;
  min-width: 40vw;
  overflow-y: scroll;
  text-align: left;
}
#groupinfos td,
#userinfos td,
#dossierinfos td {
  width: 50%;
  overflow: hidden;
}
#prev-leg-critere {
  color: #2da8da;
}
#prev-leg-cc {
  color: #800080;
}
#prev-leg-tva {
  color: #228b22;
}
main#criteres-assistant,
main#criteres-assistantfec,
main#criteres-liste {
  overflow-y: hidden;
}
main#criteres-assistant div.formcritere {
  text-align: left;
  font-size: 13px;
  margin: 0;
  margin-top: 1em;
}
main#criteres-assistant div.formcritere > div.block {
  padding: 0.5em 0.5em 1em 0.5em;
}
main#criteres-assistant div.formcritere > div.block:first-child {
  padding-right: 1em;
}
main#criteres-assistant div.formcritere > div.block + div.block {
  padding-left: 1em;
  border-left: 1px solid silver;
}
main#criteres-assistant div.formcritere input,
main#criteres-assistant div.formcritere select {
  min-width: 30px;
}
main#criteres-assistant div.formcritere table.param td {
  vertical-align: middle;
  white-space: nowrap;
}
main#criteres-assistant div.formcritere table.param > tr > td:nth-child(odd):not(:first-child),
main#criteres-assistant div.formcritere table.param > tbody > tr > td:nth-child(odd):not(:first-child) {
  padding-left: 0;
}
main#criteres-assistant div.formcritere table.param > tr > td:nth-child(odd):not(:first-child):not(:empty),
main#criteres-assistant div.formcritere table.param > tbody > tr > td:nth-child(odd):not(:first-child):not(:empty) {
  padding-left: 12px;
}
table.param td.Critere1Cell div.with-side-button > div.component-container:before,
table.param td.Critere2Cell div.with-side-button > div.component-container:before {
  position: absolute;
  left: 0.5em;
  bottom: 110%;
  font-size: 0.75em;
  font-weight: bold;
}
table.param td.Critere1Cell div.with-side-button > div.component-container:before {
  content: "critère 1";
}
table.param td.Critere2Cell div.with-side-button > div.component-container:before {
  content: "critère 2";
}
main#criteres-assistant div.formcritere .NombreCriteresCell {
  width: 50px;
}
main#criteres-assistant div.formcritere #Sens {
  width: 125px;
}
main#criteres-assistant div.formcritere #OperateurMontant,
div#PPAjoutCritere #ajoutcritereOperateurMontant,
main#criteres-assistant div.formcritere #Montant1,
div#PPAjoutCritere #ajoutcritereMontant1,
main#criteres-assistant div.formcritere #Montant2,
div#PPAjoutCritere #ajoutcritereMontant2 {
  width: 70px;
}
main#criteres-assistant div.formcritere #containerMontant2,
div#PPAjoutCritere #containerMontant2 {
  display: inline-block;
}
main#criteres-assistant div.formcritere #Priorite {
  width: 30px;
}
main#criteres-assistant div.formcritere .CodeAnalytiqueSpecCell {
  width: 70px;
}
main#criteres-assistant div.formcritere #PrefixePiece {
  width: 70px;
}
main#criteres-assistant div.formcritere #TauxTVA {
  width: 80px;
}
main#criteres-assistant div.formcritere #CompteTVA {
  width: 100px !important;
}
table.dxgv#AssistantGridView,
table.dxgv#CriteresGridView,
table.dxgv#AssistantGridView table.dxgvTable,
table.dxgv#CriteresGridView table.dxgvTable,
table.dxgv#AssistantGridView td.dxgvHeader table,
table.dxgv#CriteresGridView td.dxgvHeader table {
  font-size: 11px;
}
table.dxgv#AssistantGridView td.dxgv.lib,
table.dxgv#CriteresGridView td.dxgv.lib {
  padding: 0;
}
table.dxgv#AssistantGridView tr.dxgvDataRow.critere *,
table.dxgv#CriteresGridView tr.dxgvDataRow.critere * {
  color: #2da8da;
}
table.dxgv#AssistantGridView tr.dxgvDataRow.cc *,
table.dxgv#CriteresGridView tr.dxgvDataRow.cc * {
  color: #800080;
}
table.dxgv#AssistantGridView tr.dxgvDataRow.tva *,
table.dxgv#CriteresGridView tr.dxgvDataRow.tva * {
  color: #228b22;
}
main#criteres-assistant td.dxgv.ancLib {
  font-size: 0px !important;
}
#PPLibelleAuto {
  max-width: max(500px, 40%);
}
#PPLibelleAuto div#PPLibelleAutoContainer {
  font-size: 0.8em;
  text-align: left;
}
#PPLibelleAuto label {
  margin-top: 1em;
  display: block;
}
#PPLibelleAuto #idLEB,
#PPLibelleAuto #lib,
#PPLibelleAuto #pattern,
#PPLibelleAuto #patterncolor,
#PPLibelleAuto #result {
  width: 100%;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
}
#PPLibelleAuto #patterncontainer {
  position: relative;
}
#PPLibelleAuto #pattern,
#PPLibelleAuto #patterncolor {
  position: relative;
  border: 1px solid gray;
  padding: 0.2em 0.4em;
}
#PPLibelleAuto #pattern:not(:focus) {
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}
#PPLibelleAuto #patterncolor {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: black;
  background: white;
  white-space: nowrap;
  overflow: hidden;
}
#PPLibelleAuto #patterncolor .tag {
  color: blue;
}
#PPLibelleAuto ul.addTags {
  margin: 8px 0;
  padding: 0;
}
#PPLibelleAuto ul.addTags li {
  display: inline-block;
  color: white;
  background: navy;
  border-radius: 0.5em;
  padding: 2px 4px;
  margin: 2px 0;
}
#PPLibelleAuto ul.addTags.special li {
  background: #25B4E7;
}
#PPLibelleAuto ul.addTags li:hover {
  background: blue;
  cursor: pointer;
}
#PPLibelleAuto ul.addTags li.hiddenTag {
  display: none;
}
/* ---------- PPOperations ------------ */
#PPOperations div.GridViewContainer {
  max-height: calc(100vh - 256px);
}
#PPOperations {
  font-size: 13px !important;
}
#PPOperations #operations-std {
  text-align: left;
  max-width: 600px;
  margin-bottom: 1em;
}
#PPOperations #operations-std #operations-std-buttons {
  display: none;
  line-height: 2.66em;
}
#PPOperations button {
  margin-top: 0;
}
#PPOperations .tree-op {
  text-align: left;
  width: 100%;
}
#PPOperations .tree-op td {
  vertical-align: middle;
}
#PPOperations .tree-op .hg {
  padding: 0.5em;
}
#PPOperations .tree-op .hd {
  padding: 0.5em;
  border-left: 1px solid black;
}
#PPOperations .tree-op .bg {
  padding: 0.5em;
}
#PPOperations .tree-op .bd {
  padding: 0.5em;
  border-left: 1px solid black;
}
#PPOperations .tree-op .bd.last,
#PPOperations .tree-op .bd:last-child {
  border-top: 1px solid black;
}
#PPOperations .tree-op .op {
  /*width: 100%;*/
  padding-right: 2em;
}
#PPOperations .tree-op .op .dxeButtonEdit,
#PPOperations .tree-op .op .dxeTextBox,
#PPOperations .tree-op .op .with-side-button {
  display: inline-table;
  vertical-align: -25%;
}
#PPOperations .tree-op .op .with-side-button {
  width: 125px;
}
#PPOperations .tree-op .example {
  border: 1px solid black;
  background: white;
  width: 0;
}
#PPOperations .tree-op .example input {
  border: none;
  padding-left: 3px;
  padding-right: 3px;
}
#PPOperations .tree-op .example input.montant {
  text-align: right;
  width: 50px;
}
#PPOperations .tree-op .example input.compte {
  width: 75px;
}
#PPOperations .tree-op .example input.codeTiers {
  width: 75px;
}
#PPOperations .tree-op .example input[disabled] {
  background: white;
  color: #333333;
}
#PPOperations .tree-op tr:first-child .example {
  border-bottom-width: 2px;
}
#PPOperations .tree-op tr:first-child .example input {
  border: 1px solid #dddddd;
}
main#criteres-assistantfec #CallbackFec {
  height: 50vh;
}
main#criteres-assistantfec #FecCommands {
  text-align: right;
  vertical-align: top;
}
main#criteres-assistantfec #FecCommands button {
  margin-bottom: 1em;
}
#ajax-container > aside:not(.fullscreen) ~ main div.header-select {
  margin: 0;
}
div.header-select {
  display: table;
  white-space: nowrap;
  margin: 16px;
  text-align: left;
}
div.header-select > * {
  display: table-cell;
  vertical-align: top;
}
div.header-select > *:first-child {
  padding-left: 0;
}
div.header-select > *:last-child {
  padding-right: 0;
}
div.header-select > strong {
  padding-top: 0.5em;
}
div.header-select > div {
  padding: 0 0.5em;
}
div.header-select select {
  width: 100%;
  padding: 0 0.5em !important;
  height: 2.25em;
  box-sizing: border-box;
  border: 1px solid silver;
  background-color: white;
}
div.header-select #ComboBoxDossiers {
  width: 100%;
  height: 2.25em;
  border-radius: 4px;
}
div.header-select #ComboBoxDossiers .dxic {
  padding: 0 0.5em 0 40px !important;
  background: url(/Content/tb/images/loupe.png) 5px 0 no-repeat;
  background-size: contain;
}
div.header-select > div.header-menu {
  display: none;
}
div.header-select div.header-select-full {
  width: 100%;
}
div.header-select div.header-select-full .click-to-edit {
  display: inline-block;
  vertical-align: middle;
}
div.header-select div.header-select-full .click-to-edit table td {
  padding: 0 0.2em;
}
div.header-select div.header-select-full .click-to-edit table td:first-child {
  padding-left: 0;
}
div.header-select div.header-select-full .click-to-edit table td:last-child {
  padding-right: 0;
}
div.header-select div.header-select-full .click-to-edit table td.text {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
div.header-select div.header-select-full .click-to-edit table td.displayable {
  display: none;
}
div.header-select div.header-select-full .with-overflow {
  height: 1.1em;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 75vw;
  display: block;
}
div.header-select div.header-select-full .with-overflow:hover {
  white-space: initial;
  overflow: visible;
  height: auto;
}
@keyframes callbackfade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.25;
  }
}
@keyframes callbacklaoding {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
div.callback-container[data-is-processing=true] {
  position: relative;
}
div.callback-container[data-is-processing=true] > * {
  animation: 0.1s linear 0.25s 1 forwards callbackfade;
}
div.callback-container[data-is-processing=true]:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.01);
  opacity: 1;
  z-index: 998;
}
div.callback-container[data-is-processing=true]:not(.no-message):after {
  content: "Chargement...";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  opacity: 0;
  animation: 0.1s linear 0.25s 1 forwards callbacklaoding;
}
.unused-data {
  background: #fffbdd;
  border: 1px solid rgba(0, 0, 0, 0.25);
  font-weight: bold;
  padding: 0.5em;
  display: inline-block;
  margin-top: 0.33em;
}
input.invalid-iban {
  border-color: #E52621;
  color: maroon;
}
form.hiddenfileform {
  display: none !important;
}
iframe#dl_frame {
  position: absolute;
  top: -999em;
  left: -999em;
}
/* champs mdp avec oeil */
span.input-password-container {
  position: relative;
  display: block;
}
span.input-password-container span.input-password-reveal {
  position: absolute;
  display: block;
  top: 50%;
  right: 0.25em;
  line-height: 1em;
  transform: translateY(-50%);
  background-image: url(/Content/tb/images/password-eye.png);
  background-size: cover;
  width: 24px;
  height: 24px;
  text-align: center;
}
span.input-password-container span.input-password-reveal:hover {
  cursor: pointer;
}
/* ----- HACK DEVEXPRESS ----- */
.dxeButtonEditSys {
  font: inherit !important;
}
table.gridview .dxgvDataRow[data-capture="true"] td.dxgv.ColonneLibelle,
table.dxgv .dxgvDataRow[data-capture="true"] td.dxgv.ColonneLibelle {
  padding-left: 25px !important;
  background: center left no-repeat !important;
  background-image: url(/Content/Images/captureL.png) !important;
}
table.gridview .dxgvDataRow[data-histo="true"][data-capture="true"] td.dxgv.ColonneLibelle,
table.dxgv .dxgvDataRow[data-histo="true"][data-capture="true"] td.dxgv.ColonneLibelle {
  background-image: url(/Content/Images/captureHL.png) !important;
}
table.gridview tbody tr[data-histo=true],
table.dxgv tr[data-histo=true] {
  color: gray;
}
table.gridview tbody tr[data-hidden=true],
table.dxgv tr[data-hidden=true] {
  color: #722a00;
}
#ExtraitsGridView .dxgvTable {
  border-collapse: collapse !important;
}
#ExtraitsGridView tr.dxgvDataRow {
  border: 1px solid gray;
}
#ExtraitsGridView tr.dxgvDataRow[data-expclient="true"] {
  background-color: #c6dff5;
}
#ExtraitsGridView tr.dxgvDataRow[data-eclat=true] {
  background: #e7f6b4 !important;
}
#ExtraitsGridView tr.dxgvDataRow[data-eclat=true]:hover {
  background: #d0e9ce !important;
}
#download-app {
  background: white;
  text-align: center;
  position: relative;
  z-index: 2;
  font-weight: bold;
}
#download-app:hover {
  cursor: pointer;
}
#download-app table {
  margin: auto;
}
#download-app img {
  width: 50px;
  padding: 5px 10px;
  border-radius: 20%;
}
#download-app a {
  color: black;
  text-decoration: none;
}
main#login-index {
  display: table;
  width: 100vw;
  overflow-x: hidden;
  overflow-y: auto;
  background: url(/Content/tb/images/login/pont.jpg);
  background-position: center center;
  background-size: cover;
}
main#login-index div.white.block {
  border-radius: 20px;
  box-sizing: border-box;
  padding: 30px;
}
main#login-index #left,
main#login-index #right {
  display: table-cell;
  width: 50%;
  position: relative;
  vertical-align: top;
  align-items: center;
  z-index: 10;
}
main#login-index #left {
  text-align: center;
  font-size: 1.25em;
}
main#login-index #left div.white.block {
  display: inline-block;
  text-align: left;
  max-width: 400px;
  margin: 30px;
}
main#login-index #left img.logo,
main#login-index #left input,
main#login-index #left button {
  width: 100%;
  box-sizing: border-box;
}
main#login-index #left img.logo {
  margin-top: 20px;
}
main#login-index #left img.logo,
main#login-index #left label + input,
main#login-index #left label + span.input-password-container {
  display: block;
  margin-bottom: 30px;
}
main#login-index #left label {
  display: block;
}
main#login-index #left input {
  margin-top: 0.25em;
  font-size: 1em;
  padding: 0.5em;
}
main#login-index #left button#LoginButton {
  background: var(--appcolor);
  font-size: 1.25em;
}
main#login-index #left .error-msg {
  color: #E52621;
  text-align: center;
  margin-bottom: 0.5em;
  font-size: 0.75em;
}
main#login-index #left a#forgotten-password {
  display: block;
  text-align: center;
  font-size: 0.75em;
  margin-top: 1em;
  color: #3F3F3F;
}
main#login-index #right div#news {
  min-width: 500px;
  width: 65%;
}
main#login-index #right div#news #important-infos {
  color: #FF9B09;
}
main#login-index #right .vcenter-block {
  top: 50vh;
}
main#login-index #version {
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  bottom: 0.5em;
  right: 0.5em;
  color: white;
  z-index: 1;
}
@media screen and (max-width: 1023px) {
  main#login-index {
    height: 100vh;
    display: block;
  }
  main#login-index #left {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden;
  }
  main#login-index #left div.white.block {
    width: calc(100vw - 60px);
  }
  main#login-index div.vcenter-block {
    position: static;
    transform: none;
  }
  main#login-index #right {
    display: none;
  }
}
#PPForgotPassword {
  max-width: 300px;
}
#PPForgotPassword input[type=text],
#PPForgotPassword button {
  width: 100%;
  box-sizing: border-box;
}
#PPForgotPassword input[type=text] {
  padding: 0.333em;
}
main#login-reset div.center-block {
  min-width: unset;
  max-width: 500px;
}
main#login-index #loginExternalSeparator span::before {
  content: "";
  flex: 1 1;
  border-bottom: 1px solid grey;
  margin: auto;
  height: 3px;
  margin-inline-end: 5px;
}
main#login-index #loginExternalSeparator span::after {
  content: "";
  flex: 1 1;
  border-bottom: 1px solid grey;
  margin: auto;
  height: 3px;
  margin-inline-start: 5px;
}
main#login-index #loginExternalSeparator span {
  font-size: 12px;
  margin-block: 30px;
  color: gray;
  display: flex;
  flex-direction: row;
}
main#login-index .icon {
  width: 26px;
  height: 26px;
  padding-inline-end: 10px;
}
main#login-index .img-txt-btn {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background-color: white;
  color: black;
  text-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.5);
  font-size: 18px;
}
main#login-index form {
  margin-block-start: 10px;
}
main#parametres-index table.param,
main#parametres-assistant table.param {
  font-size: 14px;
}
main#parametres-index table.param input#RIB,
main#parametres-assistant table.param input#RIB {
  padding: 0.25em;
}
button#VerifInfos[tb-associated="true"] {
  margin-left: 1em;
}
.dxeButtonEdit#TypeReleves + .dxpcDropDown tr.dxeListBoxItemRow td {
  padding-left: 15px;
}
.dxeButtonEdit#TypeReleves + .dxpcDropDown tr.dxeListBoxItemRow[tb-value="41"] td:before,
.dxeButtonEdit#TypeReleves + .dxpcDropDown tr.dxeListBoxItemRow[tb-value="17"] td:before,
.dxeButtonEdit#TypeReleves + .dxpcDropDown tr.dxeListBoxItemRow[tb-value="51"] + tr td:before {
  display: block;
  background-color: white;
  margin: -3px -3px 3px -15px;
  color: black;
  font-weight: bold;
  padding: 0.1em;
}
.dxeButtonEdit#TypeReleves + .dxpcDropDown tr.dxeListBoxItemRow[tb-value="41"] td:before {
  content: "Collecte automatisée des relevés";
}
.dxeButtonEdit#TypeReleves + .dxpcDropDown tr.dxeListBoxItemRow[tb-value="17"] td:before {
  content: "Types de fichiers standards";
}
.dxeButtonEdit#TypeReleves + .dxpcDropDown tr.dxeListBoxItemRow[tb-value="51"] + tr td:before {
  content: "Autres types de fichiers";
}
@keyframes loadingjournal {
  from {
    transform: translate(0.25em, -50%) rotate(0deg);
  }
  to {
    transform: translate(0.25em, -50%) rotate(360deg);
  }
}
div.JournalCombobox[tb-is-loading="true"] {
  position: relative;
}
div.JournalCombobox[tb-is-loading="true"]:after {
  display: block;
  content: "\2B6E";
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(0.25em, -50%) rotate(0deg);
  font-weight: bold;
  color: #ff9900;
  animation: 1s linear 0s infinite normal loadingjournal;
}
#plans-index {
  overflow: hidden;
}
#plans-index div.plans div.white.block {
  max-width: 525px;
  margin: 0 auto;
}
#plans-index div.plans div.white.block:not([tb-nb-blocks="2"]),
#plans-index div.plans div.white.block:not([tb-nb-blocks="1"]) {
  max-width: unset;
}
#plans-index div.plans table.dxgv {
  margin-bottom: 5px;
}
#plans-index div.plans table.dxgv table.dxgvTable {
  font-size: 11px;
}
@keyframes clignoter {
  0% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/* ----- PRESSE PAPIER ------ */
div.clipboard-textarea {
  position: relative;
}
div.clipboard-textarea.pastable {
  margin-top: 10px;
}
div.clipboard-textarea.pastable:after {
  z-index: 1;
  content: 'Clic droit ici, puis clic sur "Coller"';
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: #99cc33;
  font-size: 0.8em;
  font-weight: bold;
}
div.clipboard-textarea textarea#copiable {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: none;
  font-size: 0.0001em;
  color: rgba(0, 0, 0, 0);
  border: none;
  overflow: hidden;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  resize: none;
}
div.clipboard-textarea textarea.pastable-textarea {
  width: 100%;
  height: 50px;
  color: transparent;
  border: 3px solid #99cc33;
  border-radius: 8px;
  box-sizing: border-box;
  resize: none;
  z-index: 10;
  position: relative;
  background: none;
}
div.clipboard-textarea textarea.pastable-textarea:hover {
  cursor: pointer;
}
div.clipboard-textarea textarea.pastable-textarea::selection {
  background: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0);
}
div.PopUpWindow div.clipboard-textarea textarea {
  display: none;
}
div.PopUpWindow[data-shown=true] div.clipboard-textarea textarea {
  display: unset;
}
/* ----- Sog/jdc/syc ------ */
#PPProvider form[name=formprovider] {
  width: 400px;
}
#PPProvider .save-anyway {
  display: none;
  margin-top: 1em;
}
#PPProvider .remove {
  color: #E52621;
  display: block;
  text-align: right;
  font-weight: bold;
}
#PPProvider td.button-column {
  width: unset;
}
#PPProvider div.GridViewContainer:has(#SobankIds) {
  max-height: calc(100vh - 256px);
}
#PPProvider div.GridViewContainer:has(#SobankIds) #SobankIds .button-column button {
  aspect-ratio: unset;
}
/* ----- Logiciel SaaS ------ */
#PPLogicielSaaS .PopUpTitle {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 20;
}
#PPLogicielSaaS .PopUpContent {
  margin-top: 1em;
}
#PPLogicielSaaS iframe {
  border: none;
  width: 500px;
  height: 400px;
}
body.popup-body {
  background: white;
  text-align: center;
  height: 100%;
}
body.popup-body div.PopUpTitle {
  justify-content: center;
}
/* ------- TUTOS ---------*/
#PPTuto {
  width: 80vw;
  max-width: 960px;
}
#PPTuto #TutoContainer {
  overflow: hidden;
}
#TutoContainer video {
  width: 100%;
  height: calc(60vh - 100px);
  display: block;
  margin: auto;
  margin-bottom: 1em;
  background: black;
}
#TutoContainer video.hidden {
  display: none;
}
#TutoContainer #tuto-videos img,
#TutoContainer table img {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.15);
  width: 100%;
}
#TutoContainer #tuto-videos a,
#TutoContainer table a {
  width: 25%;
  font-size: 0.8em;
  color: black;
}
#TutoContainer #tuto-videos a:hover,
#TutoContainer table a:hover {
  text-decoration: none;
}
#TutoContainer #tuto-videos a:hover img,
#TutoContainer table a:hover img {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#TutoContainer #tuto-videos {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
#TutoContainer table {
  border-collapse: collapse;
  table-layout: fixed;
  border: 0px !important;
}
#TutoContainer table td {
  padding: 10px;
  vertical-align: top;
  width: 25%;
}
#PPHowToRelevesWeb #TutoContainer table td:last-child {
  vertical-align: middle;
}
/* ------ CONTACT ---------- */
#PPContact {
  width: 775px;
  font-size: 0.8em;
}
#PPContact #ContactContainer {
  display: table;
  table-layout: fixed;
  margin-bottom: 1em;
}
#PPContact #ContactContainer > div {
  display: table-cell;
  width: 33.333%;
  padding: 1em;
  vertical-align: top;
}
#PPContact #ContactContainer > div + div {
  border-left: 1px solid silver;
}
#PPContact #ContactContainer > div h3 {
  margin: 0;
  margin-bottom: 1em;
}
#PPContact #ContactContainer > div #PPContact #ContactContainer > div button + div,
#PPContact #ContactContainer > div button + button,
#PPContact #ContactContainer > div button + form,
#PPContact #ContactContainer > div form + button {
  margin-top: 1em;
}
#PPContact #ContactTutos button {
  display: block;
  margin: auto;
}
#PPContact #ContactTutos button.teamviewer-button,
#PPContact #ContactTutos button.anydesk-button {
  display: inline-block !important;
}
/* ------- TICKET -------- */
#PPTicket {
  width: 820px;
}
#PPTicket table.formticket {
  font-size: 0.75em;
  text-align: left;
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px;
  white-space: nowrap;
}
#PPTicket table.formticket td.prenom,
#PPTicket table.formticket td.nom,
#PPTicket table.formticket td.phone {
  width: 120px;
}
#PPTicket table.formticket td.mail {
  width: 200px;
}
#PPTicket table.formticket td input[type=text] {
  width: 100%;
  box-sizing: border-box;
}
#PPTicket table.formticket td:empty {
  display: none;
}
#PPTicket #dossiers_concernes {
  display: none;
}
/* ---- Autres actions -----  */
#PPPrevisuAutresActions table {
  border-collapse: separate;
  border-spacing: 5px;
  font-size: 0.8em;
}
#PPPrevisuAutresActions table td {
  text-align: justify;
  vertical-align: top;
}
/* ---- BANQUES DISPO ----- */
#PPBanks input.search,
#CallbackRelevesWeb input.search,
#clients-index input.search {
  width: 95%;
  box-sizing: border-box;
  padding: 0.2em 0.2em 0.2em 2.25em;
  font-size: 1.5em;
  border-radius: 0.25em;
}
input.search,
input.magnifying-glass {
  background: white url(/Content/tb/images/loupe.png) 5px 0 no-repeat;
  background-size: contain;
  padding-left: calc(1.25em + 20px) !important;
}
#PPBanks {
  width: 50%;
  min-width: 800px;
  overflow: visible;
}
#PPBanks span.non-dispo,
#PPBanks span.info {
  display: block;
  font-size: 0.75em;
  font-weight: bold;
  margin-bottom: 0.5em;
}
#PPBanks div.banks-container {
  height: 70vh;
  overflow-y: scroll;
  overflow-x: hidden;
  text-align: center;
  padding-top: 0.5em;
  margin-top: 10px;
}
#PPBanks div.banks-container div.bank {
  width: 140px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 2em;
  position: relative;
  padding: 0.5em;
  box-sizing: border-box;
  border-radius: 5px;
}
#PPBanks div.banks-container div.bank[tb-unavailable="true"]:after,
#PPBanks div.banks-container div.bank[tb-subbanks="true"]:after {
  position: absolute;
  border: 2px solid black;
  border-radius: 100%;
}
#PPBanks div.banks-container div.bank[tb-subbanks="true"]:after {
  content: "+";
  top: 50px;
  right: 23px;
  background: white;
  width: 1.1em;
  height: 1.1em;
  line-height: 1.1em;
  font-weight: bold;
}
#PPBanks div.banks-container div.bank[tb-unavailable="true"]:after {
  content: "!";
  top: 68px;
  right: 23px;
  background: #FF9B09;
  text-shadow: 0 0 1px black;
  width: 1.1em;
  height: 1.1em;
  line-height: 1.1em;
  font-weight: bold;
}
#PPBanks div.banks-container div.bank[tb-in-filter=false] {
  display: none;
}
#PPBanks div.banks-container div.bank img {
  width: 75px;
  border-radius: 10px;
}
#PPBanks div.banks-container div.bank span.name {
  display: block;
  font-weight: bold;
}
#PPBanks div.banks-container div.bank ul,
#PPBanks div.banks-container div.bank div.unavailable {
  display: none;
  position: absolute;
  top: 95%;
  left: 0;
  min-width: 100%;
  white-space: nowrap;
  font-size: 0.8em;
  background: white;
  margin: 0;
  padding: 0;
  border-radius: inherit;
  z-index: 20;
  text-align: left;
  font-weight: bold;
}
#PPBanks div.banks-container div.bank ul li,
#PPBanks div.banks-container div.bank div.unavailable li {
  display: block;
  padding: 0.25em 0.5em;
}
#PPBanks div.banks-container div.bank div.unavailable {
  white-space: normal;
  padding: 0.5em;
}
#PPBanks div.banks-container div.bank:hover {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
#PPBanks div.banks-container div.bank:hover ul,
#PPBanks div.banks-container div.bank:hover div.unavailable {
  display: block;
  box-shadow: inherit;
}
/*  DEMANDER AU CLIENT  */
#PPAskRelevesWeb p {
  text-align: left;
}
#PPAskRelevesWeb ul.liste {
  max-height: 200px;
  width: 450px;
  overflow-y: scroll;
  overflow-x: hidden;
  white-space: nowrap;
  text-align: left;
}
#PPAskRelevesWeb textarea {
  box-sizing: border-box;
}
/* Autres actions */
.popup__otherActions tr {
  vertical-align: middle;
}
.popup__otherActions button {
  width: 100%;
}
/*  Report relevés web  */
#PPReportRelevesWeb {
  max-width: 600px;
}
#PPReportRelevesWeb textarea {
  box-sizing: border-box;
  width: 100%;
  height: 200px;
}
/* Quand on clique sur la checkbox d'une ListBox placée dans une PopUpWindow, la popup disparait... */
.PopUpWindow .dxeListBoxItem.dxeT:before {
  content: "";
  display: block;
  background: transparent;
  width: 0.1em;
  height: 0.1em;
  transform: scale(20);
  transform-origin: 0 0;
  position: relative;
  top: -0.25em;
  left: -2em;
}
.popup-tabs {
  font-size: 16px;
}
#PPChangelog::after {
  background: #f2f4f7;
}
#PPTransfertLocal .PopUpTitle {
  padding-bottom: 1em;
}
main#previsu-index {
  overflow-y: hidden;
}
main#previsu-index table.dxgv#PrevisuGridView {
  font-size: 11px;
}
main#previsu-index table.dxgv#PrevisuGridView table.dxgvTable {
  font-size: 11px;
}
main#previsu-index td.dxgv.ancLib {
  font-size: 0px !important;
}
table.dxgv#PrevisuGridView td.dxgvHeader table {
  font-size: 11px;
}
#EclaterGridView {
  font-size: 11px;
}
#EclaterGridView div.dxgvCSD {
  height: auto !important;
  max-height: 75vh;
}
#PPEclater div.GridViewContainer {
  max-height: calc(100vh - 256px);
}
#PPEclater {
  min-width: 60%;
  max-width: 95%;
}
#PPEclater #EclaterMessage {
  color: maroon;
  animation: clignoter 3s infinite;
  text-align: left;
  font-weight: bold;
}
#PPEclater #EclaterMessage img {
  height: 1.5em;
  vertical-align: bottom;
}
#PPEclater #EclaterOrigine {
  font-size: 0.8em;
  font-weight: bold;
}
#PPEclater #EclaterReste {
  font-size: 0.8em;
  font-weight: bold;
}
#PPEclater #EclaterReste .EclaterMontant {
  color: #E52621;
}
#PPEclater #EclaterReste[tb-reste='0.00'] {
  display: none;
}
#PrevisuGridView tr.dxgvDataRow[data-eclat=true],
#EclaterGridView tr.dxgvDataRow[data-eclat=true] {
  background: #e7f6b4 !important;
}
#PrevisuGridView tr.dxgvDataRow[data-eclat=true] button.eclat-button,
#EclaterGridView tr.dxgvDataRow[data-eclat=true] button.eclat-button {
  background-color: #89c421 !important;
}
#PrevisuGridView tr.dxgvDataRow[data-eclat=true]:hover,
#EclaterGridView tr.dxgvDataRow[data-eclat=true]:hover {
  background: #d0e9ce !important;
}
#PrevisuGridView tr.dxgvDataRow[data-eclat=true] td.eclated-column,
#EclaterGridView tr.dxgvDataRow[data-eclat=true] td.eclated-column {
  color: transparent;
}
#PrevisuGridView tr.dxgvDataRow[data-eclat=true] td.eclated-column > *,
#EclaterGridView tr.dxgvDataRow[data-eclat=true] td.eclated-column > * {
  display: inline-block;
}
#PrevisuGridView tr.dxgvDataRow[data-eclat=true] td.eclated-column.account-column:before,
#EclaterGridView tr.dxgvDataRow[data-eclat=true] td.eclated-column.account-column:before {
  content: "Eclatée";
  color: black;
}
#PrevisuGridView button.eclat-button:hover,
#EclaterGridView button.eclat-button:hover {
  background-color: #89c421 !important;
}
#PrevisuGridView .dxgvDataRow[data-comClient="true"] td.dxgv.ColonneLibelle,
#EclaterGridView .dxgvDataRow[data-comClient="true"] td.dxgv.ColonneLibelle {
  padding-left: 2em;
  background: center left no-repeat;
  background-image: url(/Content/Images/bulle.png);
  background-size: 1.5em !important;
}
#PrevisuGridView .dxgvDataRow[data-comClient="true"] .ColonneLibelle,
#EclaterGridView .dxgvDataRow[data-comClient="true"] .ColonneLibelle {
  font-weight: bold !important;
}
#CallbackRelevesWeb {
  height: 100%;
  min-height: 300px;
  max-height: calc(90vh - 50px);
  width: 500px;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
}
/* HEADER */
#CallbackRelevesWeb div.connection-header {
  border-radius: 8px;
  position: relative;
  margin-top: 1em;
  margin-bottom: 1em;
  overflow: hidden;
  text-align: center;
}
#CallbackRelevesWeb div.connection-header:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
#CallbackRelevesWeb div.connection-header > div.logo img {
  width: 5em;
  border-radius: 0.5em;
}
#CallbackRelevesWeb div.connection-header > div.logo,
#CallbackRelevesWeb div.connection-header > div.infos {
  position: relative;
  z-index: 10;
}
#CallbackRelevesWeb div.connection-header > div.infos {
  width: 100%;
}
#CallbackRelevesWeb div.connection-header h3 {
  margin: 0;
  padding: 0;
  font-size: 1.25em;
  font-weight: bold;
}
#CallbackRelevesWeb div.connection-header h4 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: bold;
}
#CallbackRelevesWeb div.connection-header ul.flow-switch {
  display: table;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 0;
  z-index: 10;
  font-size: 0.75em;
}
#CallbackRelevesWeb div.connection-header ul.flow-switch li {
  display: table-cell;
  white-space: nowrap;
  background-color: #1FA9DB;
}
#CallbackRelevesWeb div.connection-header ul.flow-switch li span,
#CallbackRelevesWeb div.connection-header ul.flow-switch li a {
  display: block;
  padding: 0.25em 0.5em;
}
#CallbackRelevesWeb div.connection-header ul.flow-switch li span {
  background: white;
}
#CallbackRelevesWeb div.connection-header ul.flow-switch li a {
  background: rgba(255, 255, 255, 0.8);
  color: black;
  font-weight: bold;
  text-decoration: none;
}
#CallbackRelevesWeb div.connection-header ul.flow-switch li.selected a,
#CallbackRelevesWeb div.connection-header ul.flow-switch li a:hover {
  background: none;
  color: white;
}
/* Liste */
#CallbackRelevesWeb h1,
#PPAskRelevesWeb h1 {
  margin-top: 0;
}
#CallbackRelevesWeb ul.liste,
#PPAskRelevesWeb ul.liste {
  margin: 0;
  margin-top: 1em;
  padding: 0;
}
#CallbackRelevesWeb ul.liste.banks,
#PPAskRelevesWeb ul.liste.banks,
#CallbackRelevesWeb ul.liste.subbanks,
#PPAskRelevesWeb ul.liste.subbanks {
  max-height: 360px;
}
#CallbackRelevesWeb ul.liste li,
#PPAskRelevesWeb ul.liste li {
  display: table;
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
}
#CallbackRelevesWeb ul.liste li:not(.noline):not(:last-child),
#PPAskRelevesWeb ul.liste li:not(.noline):not(:last-child) {
  border-bottom: 1px solid silver;
}
#CallbackRelevesWeb ul.liste li:not(.search):hover,
#PPAskRelevesWeb ul.liste li:not(.search):hover {
  background-color: #F0F0F0;
}
#CallbackRelevesWeb ul.liste li[tb-onclick]:not(.search):hover,
#PPAskRelevesWeb ul.liste li[tb-onclick]:not(.search):hover {
  cursor: pointer;
}
#CallbackRelevesWeb ul.liste li[tb-in-filter=false],
#PPAskRelevesWeb ul.liste li[tb-in-filter=false] {
  display: none;
}
#CallbackRelevesWeb ul.liste li span,
#PPAskRelevesWeb ul.liste li span,
#CallbackRelevesWeb ul.liste li.unavailable:after,
#PPAskRelevesWeb ul.liste li.unavailable:after {
  display: table-cell;
  vertical-align: middle;
}
#CallbackRelevesWeb ul.liste li span img,
#PPAskRelevesWeb ul.liste li span img {
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px;
}
#CallbackRelevesWeb ul.liste li span.select,
#PPAskRelevesWeb ul.liste li span.select,
#CallbackRelevesWeb ul.liste li span.logo,
#PPAskRelevesWeb ul.liste li span.logo,
#CallbackRelevesWeb ul.liste li.unavailable:after,
#PPAskRelevesWeb ul.liste li.unavailable:after {
  width: 1px;
}
#CallbackRelevesWeb ul.liste li span.logo img,
#PPAskRelevesWeb ul.liste li span.logo img {
  width: 1.5em;
}
#CallbackRelevesWeb ul.liste li span.select input,
#PPAskRelevesWeb ul.liste li span.select input,
#CallbackRelevesWeb ul.liste li span.logo img,
#PPAskRelevesWeb ul.liste li span.logo img {
  margin-right: 1em;
}
#CallbackRelevesWeb ul.liste li.unavailable:after,
#PPAskRelevesWeb ul.liste li.unavailable:after {
  content: "\26a0";
  color: gray;
  transform: scale(1.75);
  padding-right: 5px;
}
#CallbackRelevesWeb ul.liste li.search,
#PPAskRelevesWeb ul.liste li.search {
  background: #F0F0F0;
}
#CallbackRelevesWeb ul.liste li span.search input,
#PPAskRelevesWeb ul.liste li span.search input {
  box-sizing: border-box;
  width: 100%;
}
#CallbackRelevesWeb ul.liste li span.cb,
#PPAskRelevesWeb ul.liste li span.cb {
  padding-right: 1em;
  vertical-align: top;
  width: 1px;
}
#CallbackRelevesWeb ul.liste li span.iban,
#PPAskRelevesWeb ul.liste li span.iban {
  display: block;
  font-size: 0.8em;
}
#CallbackRelevesWeb ul.liste li span.solde,
#PPAskRelevesWeb ul.liste li span.solde {
  padding-left: 1em;
  width: 1px;
}
#CallbackRelevesWeb ul.liste li span .smaller,
#PPAskRelevesWeb ul.liste li span .smaller {
  color: gray;
}
#CallbackRelevesWeb ul.liste li table.commands td,
#PPAskRelevesWeb ul.liste li table.commands td {
  padding: 0 0.5em 0 0;
}
#PPAskRelevesWeb ul.liste {
  margin-top: 0;
}
/* remarque */
#CallbackRelevesWeb #remark-loader strong {
  display: block;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}
#CallbackRelevesWeb .remark-container {
  border: none;
  display: block;
  width: 100%;
  box-sizing: border-box;
  max-height: calc(100vh - 300px);
  height: calc(100vh - 500px);
  min-height: 100px;
}
#CallbackRelevesWeb .indications {
  font-size: 0.8em;
  font-weight: bold;
}
/* credentials */
form[name=credentials] {
  margin-bottom: 1.5em;
}
form[name=credentials] label,
form[name=credentials] input,
form[name=credentials] textarea {
  display: block;
}
form[name=credentials] label {
  font-weight: bold;
  margin-bottom: 0.5em;
  margin-top: 1em;
}
form[name=credentials] input,
form[name=credentials] textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 0.25em;
}
form[name=credentials] div.input-placeholder {
  color: gray;
}
form[name=credentials] input[tb-valid=false]:not(:focus) {
  border: 1px solid #c00;
  color: #E52621;
}
button#EnregistrerIdentifiants {
  display: none;
}
a.change-flow {
  display: block;
  font-weight: bold;
  text-align: center;
  margin: 0.5em;
  text-decoration: none;
  font-size: 0.9em;
  color: #1FA9DB;
}
a.change-flow:hover {
  text-decoration: underline;
}
/* --- BANQUE DE DEMO --- */
main#relevesweb-demo div.center-block.responsive {
  min-width: unset;
  max-width: 500px;
}
main#relevesweb-demo div.center-block.responsive div.white.block {
  position: relative;
  margin: 1em;
}
main#relevesweb-demo button#BackButton {
  position: absolute;
  top: 1em;
  left: 1em;
}
main#relevesweb-demo div#logo {
  font-weight: bold;
  font-size: 1.5em;
}
main#relevesweb-demo div#logo img {
  width: 1.5em;
  margin-right: 0.5em;
  border-radius: 0.25em;
}
main#relevesweb-demo div#logo span {
  position: relative;
  top: -0.35em;
}
main#relevesweb-demo pre {
  color: gray;
  white-space: pre-wrap;
  font-family: inherit;
  font-size: 0.8em;
  margin-top: 0;
}
main#clientfinal-releveswebmobile {
  overflow: hidden;
}
main#clientfinal-releveswebmobile .PopUpClose {
  position: absolute;
  top: 0.25em;
  right: 0.25em;
}
main#clientfinal-releveswebmobile #CallbackRelevesWeb {
  max-height: unset;
  min-height: unset;
  height: calc(100vh - 200px);
  width: unset;
}
main#clientfinal-releveswebmobile #CallbackRelevesWeb .remark-container {
  max-height: unset;
  min-height: unset;
  height: calc(100vh - 370px);
}
main[id^="supervision-"] button.tab-button {
  min-width: 7em;
  position: relative;
}
main[id^="supervision-"] button.tab-button div.problems {
  min-width: 1em;
  height: 1em;
  background: #E52621;
  color: white;
  border-radius: 100%;
  padding: 0.25em;
  font-size: 0.75em;
  font-family: arial, sans-serif;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(33%, -33%);
  text-align: center;
}
main[id^="supervision-"] div.tab {
  display: none;
}
main[id^="supervision-"] div.tab.focused {
  display: block;
}
main[id^="supervision-"] div.tab table.gridview:not(:last-child) {
  margin-bottom: 5em;
}
main[id^="supervision-"] div.tab .unknown {
  color: gray;
}
main[id^="supervision-"] div.nb-dossiers {
  float: right;
}
main[id^="supervision-"] div.caption {
  font-size: 0.8em;
  margin: 1em 0;
}
main[id^="supervision-"] div.caption span.title {
  display: block;
  font-weight: bold;
  font-size: 1.25em;
  margin-bottom: 0.2em;
}
main[id^="supervision-"] div.caption div.legend {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
main[id^="supervision-"] div.caption div.legend ul {
  margin: 0;
  padding: 0;
}
main[id^="supervision-"] div.caption div.legend ul li {
  display: block;
  padding-left: 1.5em;
}
main[id^="supervision-"] div.caption div.legend ul li img {
  margin-right: 0.25em;
  max-width: 1.25em;
}
main[id^="supervision-"] div.caption div.legend ul li:not(:last-child) {
  margin-bottom: 0.2em;
}
main[id^="supervision-"] div.caption div.legend span {
  vertical-align: text-top;
}
main[id^="supervision-"] #GridViewSupervision td.nomdossier {
  vertical-align: middle;
}
main[id^="supervision-"] #GridViewSupervision tr.confidentiel td.nomdossier:before {
  content: " ";
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 4px;
  background: url(/Content/tb/images/confidentiel.png);
  background-size: contain;
}
main[id^="supervision-"] table.periodes-manquantes {
  width: 95%;
  margin: auto;
  text-align: left;
  font-size: 0.75em;
}
main[id^="supervision-"] table.periodes-manquantes tr {
  border: none;
}
main[id^="supervision-"] table.periodes-manquantes tr td {
  padding: 2px !important;
}
main[id^="supervision-"] table.periodes-manquantes tr.soldes td > span {
  display: inline-block;
}
main[id^="supervision-"] table.periodes-manquantes tr.soldes td.periode-ok {
  text-align: right;
}
main[id^="supervision-"] table.periodes-manquantes tr.soldes td.periode-ok > span {
  transform: translateX(50%);
}
main[id^="supervision-"] table.periodes-manquantes tr.soldes td.periode-manquante {
  text-align: left;
}
main[id^="supervision-"] table.periodes-manquantes tr.soldes td.periode-manquante > span {
  transform: translateX(-50%);
}
main[id^="supervision-"] table.periodes-manquantes tr.dates td {
  text-align: center;
}
main[id^="supervision-"] table.periodes-manquantes tr.dates td.periode-ok {
  background: rgba(0, 196, 0, 0.25);
}
main[id^="supervision-"] table.periodes-manquantes tr.dates td.periode-manquante {
  background: rgba(255, 0, 0, 0.5);
}
main[id^="supervision-"] table.filters-table {
  border-collapse: separate;
  border-spacing: 10px;
  white-space: nowrap;
  position: relative;
  left: -10px;
  width: calc(100% + 2 * 10px);
}
main[id^="supervision-"] table.filters-table > tbody > tr > td {
  vertical-align: middle;
}
main[id^="supervision-"] table.filters-table td.sources[data-count="0"],
main[id^="supervision-"] table.filters-table td.sources[data-count="1"] {
  display: none;
}
main[id^="supervision-"] table.filters-table td.sources[data-count="0"] ~ td.source,
main[id^="supervision-"] table.filters-table td.sources[data-count="1"] ~ td.source {
  display: none;
}
main[id^="supervision-"] table.filters-table td.source.hidden {
  display: none;
}
main[id^="supervision-"] table.filters-table td.source .filter-provider {
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-position: center center;
  position: relative;
  margin: 0 5px;
}
main[id^="supervision-"] table.filters-table td.source .filter-provider.relevesweb {
  background-image: url(/Content/tb/images/relevesweb.png);
  border-radius: 12px;
}
main[id^="supervision-"] table.filters-table td.source .filter-provider.sobank {
  background-image: url(/Content/tb/images/sobank.png);
}
main[id^="supervision-"] table.filters-table td.source .filter-provider.jedeclare {
  background-image: url(/Content/tb/images/jedeclare.png);
  border: 1px solid rgba(0, 0, 0, 0.25);
}
main[id^="supervision-"] table.filters-table td.source .filter-provider.cedricom {
  background-image: url(/Content/tb/images/cedricom.png);
}
main[id^="supervision-"] table.filters-table td.source .filter-provider.depot {
  background-image: url(/Content/tb/images/depot.png);
  background-color: black;
}
main[id^="supervision-"] table.filters-table td.source .filter-provider label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 0;
}
main[id^="supervision-"] table.filters-table td.source .filter-provider label:hover {
  cursor: pointer;
}
main[id^="supervision-"] table.filters-table td.source .filter-provider input {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(25%, 25%);
}
main[id^="supervision-"] table.filters-table #filter-text,
main[id^="supervision-"] table.filters-table .filter-provider,
main[id^="supervision-"] table.filters-table #FilterState {
  box-sizing: border-box;
  border-radius: 4px;
  height: 2.25em;
}
main[id^="supervision-"] table.filters-table #filter-text {
  width: 100%;
}
main[id^="supervision-"] #GridViewCollecte td.origin-column {
  text-align: center;
  line-height: 0;
}
main[id^="supervision-"] #GridViewCollecte td.help-column:hover {
  cursor: help;
}
#GridViewCollecte td.origin-column,
#GridviewPlusieursMandats td.origin-column {
  white-space: nowrap;
}
#GridViewCollecte td.origin-column img,
#GridviewPlusieursMandats td.origin-column img {
  width: 1.5em;
  border-radius: 15%;
}
#GridViewCollecte td.origin-column img.rw,
#GridviewPlusieursMandats td.origin-column img.rw {
  border-radius: 33%;
}
main[id^="supervision-"] div.white.block[tb-role="provider-error"],
#accueil-index div.white.block[tb-role="provider-error"] {
  background: #FFEC15;
  font-weight: bold;
  color: #E52621;
  border: 5px solid #E52621;
  text-align: center;
}
main[id^="supervision-"] div.white.block[tb-role="provider-error"] a,
#accueil-index div.white.block[tb-role="provider-error"] a {
  color: maroon;
}
#PPPeriodesManquantes,
#PPPlusieursMandats {
  width: 450px;
}
#PPPeriodesManquantes div.GridViewContainer,
#PPPlusieursMandats div.GridViewContainer {
  max-height: calc(100vh - 128px);
}
#PPPeriodesManquantes table.gridview,
#PPPlusieursMandats table.gridview {
  margin-top: 1em;
}
main#transferts-batch h3 {
  margin-top: 0;
}
main#transferts-batch #BtnSynthese {
  display: none;
}
main#transferts-batch div.white.block.hidden {
  position: relative;
  opacity: 0.55;
}
main#transferts-batch div.white.block.hidden:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.1);
}
main#transferts-batch div.white.block.hidden .bull-state {
  color: inherit;
}
main#transferts-batch div.white.block[tb-role='batch-errors'] {
  max-height: 30vh;
  overflow: auto;
  text-align: left;
  font-weight: bold;
}
main#transferts-batch div.white.block[tb-role='batch-errors'][tb-nb='0'] {
  display: none;
}
main#transferts-batch div.white.block[tb-role='batch-errors'] .erreur {
  color: #E52621;
}
main#transferts-batch div.white.block[tb-role='batch-errors'] .aucunreleve {
  color: gray;
}
main#transferts-batch div.white.block[tb-role='batch-errors'] table {
  width: 100%;
  text-align: left;
}
main#transferts-batch div.white.block[tb-role='batch-errors'] table tr:not(:last-child) td {
  border-bottom: 1px solid silver;
}
main#transferts-batch div.white.block[tb-role='batch-errors'] table tr > td {
  vertical-align: top;
}
main#transferts-batch div.white.block[tb-role='batch-errors'] table tr > td:not(:empty) {
  padding: 2px;
}
main#transferts-batch div.white.block[tb-role='batch-errors'] table tr > td:first-child:not(:empty) {
  padding-right: 10px;
  max-width: 50%;
}
main#transferts-batch div.white.block[tb-role='batch-errors'] table tr > td:last-child {
  min-width: 50%;
}