@charset "UTF-8";
/*=============================================>>>>>
= /!\ WARNING /!\ = /!\ ATTENTION /!\    
===============================================>>>>>*/
/**
  * WARNING : DO NOT MODIFY CSS THIS FILE
  *
  * CSS GENERATED WITH SCSS !
  *
  * DO NOT MODIFY CSS THIS FILE
  *
  * MODIFY ONLY CORRESPONDING SCSS FILE !!!
  *
  * ATTENTION : NE PAS MODIFIER CE FICHIER CSS
  *
  * CSS GÉNÉRÉ AVEC DE L' SCSS
  *
  * NE PAS MODIFIER CE FICHIER CSS
  *
  * MODIFIER UNIQUEMENT FICHIER SCSS CORRESPONDANT !!!
  *
  *
  *
  *
  * WARNING : DO NOT MODIFY CSS THIS FILE
  *
  * CSS GENERATED WITH SCSS !
  *
  * DO NOT MODIFY CSS THIS FILE
  *
  * MODIFY ONLY CORRESPONDING SCSS FILE !!!
  *
  * ATTENTION : NE PAS MODIFIER CE FICHIER CSS
  *
  * CSS GÉNÉRÉ AVEC DE L' SCSS
  *
  * NE PAS MODIFIER CE FICHIER CSS
  *
  * MODIFIER UNIQUEMENT FICHIER SCSS CORRESPONDANT !!!
  *
  */
/*= End of /!\ WARNING /!\ = /!\ ATTENTION /!\    */
/*=============================================<<<<<*/
/*------------------------------ GENERALITES ------------------------------*/
@import url(_app.safari.css);
@font-face {
  font-family: 'Source Sans Pro';
  src: url(fonts/SourceSansPro-Regular.otf) format("opentype"); }

@font-face {
  font-family: 'Source Sans Pro Semibold';
  src: url(fonts/SourceSansPro-Semibold.otf) format("opentype"); }

::-moz-selection {
  background: yellow; }

::selection {
  background: yellow; }

body {
  font-family: Verdana,arial,helvetica,sans-serif;
  margin: 0;
  padding: 0 0 0 0px;
  background-color: white; }

.contenu {
  width: auto;
  min-width: calc(100% - 40px - 40px);
  padding-top: 30px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px; }

hr {
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-top: 1px solid #DDD;
  margin: 10px 0 10px 0; }

table {
  border-collapse: collapse; }

label {
  cursor: pointer; }

fieldset {
  margin: 15px 0 10px 0;
  padding: 10px; }
  fieldset .soustitre {
    padding-bottom: 10px;
    padding-top: 15px;
    padding-left: 2.5px; }
  fieldset hr {
    margin-left: -10px; }
  fieldset .t {
    padding-left: 5px; }

fieldset#td_fieldset {
  z-index: 100; }

.fieldset_forecast {
  position: fixed;
  bottom: 70px;
  right: 85px; }

u {
  text-decoration: none; }

.break-word {
  word-wrap: break-word; }

.hidden {
  display: none; }

div.box-shadow {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1); }
  div.box-shadow * {
    box-sizing: border-box; }
  div.box-shadow table {
    width: 100%;
    margin: 5px 0; }
    div.box-shadow table td {
      text-align: center;
      box-sizing: border-box; }

.calculatrice {
  padding: 10px;
  border-radius: 5px;
  background-color: #FFF !important;
  box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.5) !important; }
  .calculatrice legend {
    font-weight: bold;
    padding: 30px 5px 0px 5px; }

.t a {
  text-decoration: underline; }

a {
  color: #643586;
  text-decoration: none; }
  a:hover {
    text-decoration: none; }
  a.action {
    font-size: 12px;
    text-decoration: underline; }
  a img {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 5px;
    padding-left: 0px;
    border: none;
    vertical-align: bottom; }

.underline-link {
  text-decoration: underline !important; }

.nowrap {
  white-space: nowrap; }

blockquote, q {
  quotes: "" ""; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: ""; }

.margetabonglet {
  padding: 30px;
  background-color: #f6f6f6;
  border-radius: 0px 8px 8px 8px;
  border: 1px solid #fff; }
  .margetabonglet .soustitre span {
    padding-right: 5px;
    background-color: #f6f6f6;
    position: relative;
    z-index: 0; }
    .margetabonglet .soustitre span:before {
      content: '';
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      height: 1px;
      width: 91vw;
      background-color: #DDD;
      z-index: -1; }
    .margetabonglet .soustitre span span::before {
      width: 0; }

.icon-voir-plus:before {
  font-size: 25px;
  color: #643586 !important; }

.icon-drag-drop:before {
  font-size: 20px;
  color: #643586 !important; }

/** Select simple **/
select {
  color: #4D4D4D;
  white-space: normal;
  margin: 3px 3px 2px 0px;
  background-color: #ffffff;
  padding: 3px;
  border-radius: 5px;
  border: 1px solid #DDDBDC;
  outline: none; }
  select option {
    font-family: verdana !important;
    padding: 3px !important;
    background-color: #ffffff; }
  select[multiple], select[size] {
    font-family: verdana,sans-serif !important; }

/** Select large **/
pre > select {
  padding: 4px;
  margin: 7px 0px;
  border-radius: 5px; }
  pre > select option {
    margin: 0 !important;
    padding: 5px; }
  pre > select optgroup > option {
    margin: 0 !important;
    padding: 5px; }

input {
  font-size: 13px;
  color: #4D4D4D;
  margin: 3px 3px 2px 0px;
  white-space: normal;
  padding: 4px 5px;
  border-radius: 5px;
  border: 1px solid #DDDBDC; }
  input a img {
    margin-top: 3px !important; }
  input[type="checkbox"] {
    vertical-align: middle;
    margin: 0px; }
  input[type="radio"], input[type="text"], input[type="file"] {
    vertical-align: middle; }
  input[type="image"] {
    border: none !important;
    outline: none;
    margin: 0px;
    padding: 0px 5px 0 0; }

.date-hour {
  font-size: 12px;
  color: #4D4D4D;
  font-weight: normal;
  padding-right: 20px; }

textarea {
  font-size: 12px;
  color: #4D4D4D;
  margin: 0 3px 2px 0 !important;
  white-space: normal;
  background-color: #ffffff;
  line-height: 25px;
  padding-left: 5px;
  border-radius: 5px;
  border: 1px solid #DDDBDC !important;
  font-family: verdana;
  margin-bottom: -5px; }

#recherche_nom_benef {
  padding-right: 25px; }

/* class t sans retour à  la ligne */
.tri {
  font-size: 13px;
  color: #643586; }

.t {
  position: relative;
  font-size: 12px;
  color: #4D4D4D;
  font-weight: normal;
  line-height: 28px;
  padding: 0px 5px 0px 0px;
  width: auto;
  font-family: Verdana,arial,helvetica,sans-serif; }
  .t img,
  .t a img {
    vertical-align: middle; }
  .t ul {
    /* Utilisé dans la présentation des valideurs d'une remise dans le détail de cette dernière */
    padding-left: 10px;
    line-height: 15px; }

.t2 {
  /* Champs obligatoires alignés à gauche dans le formulaire */
  color: #643586;
  font-size: 12px;
  font-weight: bold;
  margin-left: 2.5px;
  padding: 0px 5px 0px 0px;
  width: auto;
  line-height: 25px; }

.t2right {
  /* Champs obligatoires alignés à droite dans le formulaire */
  color: #643586;
  font-size: 12px;
  font-weight: bold;
  margin-left: 2.5px;
  padding: 0px 5px 0px 0px;
  width: auto;
  line-height: 20px;
  white-space: normal;
  text-align: right; }

.t20 {
  color: #A683B6;
  font-size: 12px;
  font-weight: bold;
  margin-left: 2.5px;
  padding: 0 5px 0 0;
  width: auto;
  line-height: 25px;
  white-space: normal; }

.t20right {
  color: #A683B6;
  font-size: 12px;
  font-weight: bold;
  margin-left: 2.5px;
  padding: 0 5px 0 0;
  width: auto;
  line-height: 25px;
  white-space: normal;
  text-align: right; }

.t3 {
  color: green;
  margin-left: 2.5px;
  line-height: 25px; }

thead .t3 {
  font-family: "Source sans pro"; }

.t4 {
  color: #4D4D4D;
  margin-left: 2.5px;
  padding: 0 10px 0 0;
  line-height: 25px; }

.t5rouge {
  font-size: 11px;
  font-weight: bold;
  margin-left: 2.5px;
  padding: 0 10px 0 0;
  color: #C11111;
  line-height: 25px;
  min-width: 150px; }

.t6 {
  color: #A683B6;
  margin-left: 2.5px;
  padding: 0 10px 0 0;
  font-weight: bold;
  font-style: italic;
  line-height: 25px; }

.t7 {
  font-size: 13px;
  color: #FFBE00;
  line-height: 25px;
  margin-left: 2.5px;
  padding: 0 0 0 10px; }

.t7rouge {
  font-size: 13px;
  color: #C11111;
  line-height: 25px;
  margin-left: 2.5px;
  padding: 0 0 0 10px; }

.t7vert {
  font-size: 13px;
  color: #398331;
  line-height: 25px;
  margin-left: 2.5px;
  padding: 0 0 0 10px; }

.nowrap {
  white-space: nowrap !important; }

.tright {
  font-size: 12px;
  font-weight: normal;
  margin-left: 2.5px;
  padding: 3px 5px 0px 0;
  width: auto;
  line-height: 18px;
  white-space: normal;
  text-align: right;
  color: #4D4D4D; }

.tnowrap {
  font-size: 12px;
  color: #4D4D4D;
  font-weight: normal;
  white-space: nowrap;
  line-height: 30px;
  margin-left: 2.5px;
  padding: 0 5px 0 0; }

.tu {
  font-size: 12px;
  color: #4D4D4D;
  text-decoration: underline;
  line-height: 25px;
  margin-left: 2.5px;
  padding: 0 10px 0 0; }

.pt {
  color: #4D4D4D;
  font-size: 12px;
  font-weight: normal;
  line-height: 25px;
  margin-left: 2.5px;
  padding: 5px 10px 0 0; }

#tbody_hab_droits_comptes_body td.pt {
  /* Style utilisé pour uniformiser des tailles min de td */
  /* Ecran utilisateurs / habilitations : Tableau ayant entête flottante */
  box-sizing: border-box;
  min-width: 100px;
  padding: 5px 5px 0 5px; }

.ptb {
  color: #4D4D4D;
  font-weight: bold;
  font-size: 8pt;
  text-align: center;
  margin-left: 2.5px;
  line-height: 25px;
  padding: 0 10px 0 0;
  background-color: #f6f6f6; }

#tbody_hab_droits_comptes_header td.ptb {
  /* Style utilisé pour uniformiser des tailles min de td */
  /* Ecran utilisateurs / habilitations : Tableau ayant entête flottante */
  box-sizing: border-box;
  min-width: 100px;
  max-width: 100px;
  padding: 0px 5px 0 5px; }

.t_champs_complementaires {
  font-size: 12px;
  color: #abacaf;
  font-weight: bold;
  white-space: normal;
  line-height: 25px;
  margin-left: 2.5px;
  padding: 0px 15px 0 0;
  text-align: right;
  font-style: italic;
  width: auto; }

.label_compte {
  /* Utilisé pour donner un label à des champs de saisie en dessous */
  /* Exemple d'utilisation : Destinataires > Modification des domiciliations */
  font-size: 10px;
  color: #4D4D4D;
  font-weight: normal;
  padding: 3px 5px 0px 0;
  width: auto;
  line-height: 10px; }

.bold {
  font-weight: bold;
  font-size: 12px;
  color: #4D4D4D;
  line-height: 25px;
  margin-left: 2.5px;
  padding: 0px 5px 0 0; }

.tb {
  font-weight: bold;
  font-size: 12px;
  color: #4D4D4D;
  line-height: 25px;
  margin-left: 2.5px;
  padding: 3px 5px 0 0; }

.champaligntop {
  vertical-align: top;
  padding-top: 3px; }
  .champaligntop a img {
    vertical-align: top;
    padding-top: 4px; }

.champalignmiddle {
  vertical-align: middle; }

.champalignbottom {
  vertical-align: bottom; }
  .champalignbottom a img {
    padding-bottom: 5px; }

.logo {
  color: blue;
  font-size: 18px;
  font-weight: bold; }

.transparent-background {
  background: transparent !important; }

/* FIN Classes t sans retour à la ligne */
/* Affichage des titres */
.titremenu {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF; }

.TitreSection1,
.titresection1 {
  color: #4D4D4D;
  white-space: nowrap;
  padding: 5px 0 10px 0;
  font-size: 18px;
  font-weight: bold;
  font-family: 'Source sans pro'; }

.TitreSection2,
.titresection2 {
  color: #4D4D4D;
  font-size: 11px;
  font-weight: bold;
  text-decoration: underline; }

.tabnoborder {
  color: #4D4D4D;
  border-collapse: collapse;
  background-color: white;
  font-size: 12px;
  padding: 3px;
  border: none;
  line-height: 15px; }
  .tabnoborder img {
    margin: 0;
    padding: 0; }

/* FIN Affichage des titres */
/* Affichage des sous-titres */
.soustitre {
  font-weight: bold;
  font-size: 14px;
  font-family: 'Source sans pro';
  padding-top: 15px;
  padding-bottom: 12px;
  color: #4D4D4D; }
  .soustitre a {
    font-weight: bold;
    color: #4D4D4D;
    font-size: 14px; }
  .soustitre a[href*=aide] {
    background: white; }
  .soustitre span {
    background-color: white;
    padding-right: 5px;
    position: relative; }
    .soustitre span:before {
      content: '';
      position: absolute;
      top: calc(50% + 2px);
      transform: translateY(-50%);
      height: 1px;
      width: 95vw;
      background-color: #ededed;
      z-index: -1; }

/* FIN Affichage des sous-titres */
.TitreNumabonne {
  color: #4D4D4D;
  font-size: 10px;
  font-weight: bold; }

.TitreNumabonneBis {
  color: #4D4D4D;
  font-size: 10px;
  font-weight: bold; }

.num-abonne {
  color: #643586;
  font-size: 12px;
  font-weight: bold; }

.TitreFax {
  color: #4D4D4D;
  font-size: 12pt;
  font-weight: bold;
  text-decoration: underline; }

.MessageAccueil {
  color: #4D4D4D;
  font-weight: bold;
  font-size: 17px;
  padding-bottom: 30px;
  line-height: 28px;
  font-family: 'Source sans pro'; }

.MessageUtilisation,
.Messageutilisation,
.messageutilisation {
  color: #4D4D4D;
  font-size: 12px;
  font-style: italic;
  white-space: nowrap;
  padding-bottom: 10px;
  padding-right: 10px;
  line-height: 18px; }

.messageutilisation div {
  margin: 20px; }

.messageutilisation label {
  margin-left: 5px; }

.messageutilisation input[type="checkbox"] {
  margin: 0; }

.ml5 {
  margin-left: 5px; }

.MessageImportant,
.messageimportant {
  color: #643586;
  font-weight: bold;
  font-size: 12px;
  line-height: 20px; }

.MessageImportantPromo {
  font-size: 14px;
  color: #643586; }

.MessageErreur {
  color: #643586;
  font-weight: bold;
  font-size: 13px;
  line-height: 18px; }

.MessageConfirmation {
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
  color: #643586; }

.MessageVert {
  font-size: 12px;
  font-weight: bold;
  color: #AEB208; }

.MessageRouge {
  color: #D00E30;
  font-size: 13px;
  font-weight: bold; }

.TitreContrat1 {
  font-size: 12px;
  font-weight: bold;
  line-height: 30px;
  color: #0093AA; }

.MessageInformation {
  color: #4D4D4D;
  font-weight: bold;
  font-size: 12px;
  padding-bottom: 10px; }

.MessageInformation2 {
  font-weight: bold;
  font-size: 13px;
  color: #AEB208; }

.MessageInformation3 {
  color: #4D4D4D;
  font-weight: bold;
  font-size: 12px; }

.Messagefacturation,
.messagefacturation {
  /* Affichage du contrat Exabanque et FTPbank */
  color: #4D4D4D;
  font-size: 12px;
  line-height: 25px;
  white-space: nowrap; }

.obj_inactif {
  background-color: #cc0066; }

.profil_interface {
  border: 1px solid #643586;
  border-radius: 8px;
  padding: 15px;
  background-color: #FFF;
  height: auto;
  z-index: 1; }
  .profil_interface td.t {
    line-height: 25px !important; }

.t-usage {
  color: #643586;
  font-size: 12px;
  font-weight: bold; }

.ligne_releve_on {
  background-color: #ededed; }

.ligne_on {
  background-color: #ededed;
  font-weight: bold !important; }

.ligne_off {
  background-color: white; }

.treso_ligne_on {
  background-color: #ededed; }

.treso_ligne_off {
  background-color: white; }

.treso_ligne_select {
  background-color: #A19FCB; }

.treso_ligne_survol {
  background-color: #DBDBEC; }

.treso_ligne_rouge {
  background-color: #C50077; }

.treso_ligne_verte {
  background-color: #AEB208; }

.rlv_societe {
  background-color: #F1F1F1; }

.rlv_serveur {
  background-color: #F1F1F1; }

.rlv_devise {
  background-color: white; }

.rlv_perso {
  background-color: #F1F1F1; }

.border_solid {
  border: 1px solid black; }

.border_solid_silver {
  border: 1px solid silver; }

.tab,
.tab2 {
  color: #4D4D4D;
  font-size: 12px;
  padding: 7px 15px 7px 15px;
  line-height: 15px;
  border: 1px solid #ededed !important;
  border-left: none !important;
  border-bottom: none !important; }
  .tab:last-child,
  .tab2:last-child {
    border-right: none !important; }

.tab_beneficaire {
  color: #4D4D4D;
  font-size: 12px;
  cursor: pointer;
  padding: 8px;
  line-height: 15px;
  border: 1px solid #ededed !important;
  font-weight: normal; }

.tab_sans_color {
  font-size: 12px;
  padding: 3px;
  line-height: 15px;
  border: 1px solid #F1F1F1 !important; }

.tabvert {
  color: green;
  font-size: 12px;
  padding: 3px;
  line-height: 15px;
  border: 1px solid #F1F1F1 !important; }

.tabrouge {
  color: red;
  font-size: 12px;
  padding: 3px;
  line-height: 15px;
  border: 1px solid #F1F1F1 !important; }

.tabbb {
  color: #4D4D4D;
  font-size: 9pt;
  padding: 8px 15px;
  line-height: 15px;
  border: 1px solid #F1F1F1 !important;
  text-align: center; }

.tabb {
  color: #4D4D4D;
  font-size: 12px;
  padding: 3px;
  font-weight: bold;
  line-height: 15px;
  padding: 8px 15px 8px 15px;
  border: 1px solid #F1F1F1 !important; }

#field_taux {
  /* Utilisé dans les blocs pour le paramétrage des devises */
  /* Ecran d'exemple : Variation par rubrique budgétaire */
  border: 1px solid #A683B6;
  border-radius: 8px;
  padding: 0px 15px 15px 15px;
  background-color: #FFF;
  width: 350px;
  margin: 0px !important; }
  #field_taux legend.soustitre {
    padding: 0px !important; }

table.fiche-detail {
  /* Propriété appliquée sur le tableau de la fiche détaillée */
  border: none !important; }
  table.fiche-detail tbody {
    /* Propriété appliquée sur le tableau de la fiche détaillée */
    border-collapse: collapse;
    background-color: white;
    font-size: 11px;
    line-height: 15px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 15px; }
    table.fiche-detail tbody td.ligne-entete {
      /* Première ligne du tableau qui contient généralement l'en-tête */
      /* Valeurs reprises de entetetab */
      color: #4D4D4D !important;
      background-color: #ededed !important;
      font-family: 'Source sans pro';
      font-size: 13px;
      font-weight: bold;
      text-align: center;
      padding: 10px; }
    table.fiche-detail tbody td.colonne-entete {
      /* Colonne de gauche qui contient les libellés contenues dans les autres colonnes */
      /* Valeur reprises de entecoltab puis amendées qui n'était utilisé que sur le détail relevés CB */
      color: #4D4D4D;
      font-size: 12px;
      padding: 3px;
      line-height: 15px;
      padding: 7px 15px 7px 15px;
      white-space: nowrap;
      border-bottom: 1px solid #ededed;
      border-left: 1px solid #ededed;
      border-right: 1px solid #F1F1F1; }
    table.fiche-detail tbody td.cellule {
      /* Cellule du tableau qui contient les valeurs */
      /* Valeur reprises de tab */
      color: #4D4D4D;
      font-size: 12px;
      padding: 7px 15px 7px 15px;
      line-height: 15px;
      border: 1px solid #ededed; }

.tabt {
  border: none !important; }
  .tabt > tbody {
    border-collapse: collapse;
    background-color: white;
    font-size: 11px;
    line-height: 15px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #ededed;
    margin-bottom: 15px; }
    .tabt > tbody td.t, .tabt > tbody td.t2, .tabt > tbody td.t20 {
      padding-left: 15px; }
  .tabt img {
    margin: 0;
    padding: 0; }
  .tabt input {
    margin: 0; }

table.nth-last2-border-bottom tr:nth-last-of-type(2) {
  border-bottom: 1px solid #ededed !important; }

/* Tableau dont le contenu contient des actions */
/* Ecrans impactés : Remise à valider */
table.tableau-action {
  /* Propriété appliquée sur le tableau de la fiche détaillée */
  /* Valeurs reprises de tabt */
  border: none !important; }
  table.tableau-action tbody {
    /* Propriété appliquée sur le tableau de la fiche détaillée */
    /* Valeurs reprises de tabt */
    border-collapse: collapse;
    background-color: white;
    font-size: 11px;
    line-height: 15px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #ededed;
    margin-bottom: 15px; }
    table.tableau-action tbody tr.ligne-total {
      /* Ligne qui met en avant les données de total du tableau */
      /* Valeurs reprises de ligne_on */
      background-color: #f4f4f4;
      font-weight: bold !important; }
    table.tableau-action tbody td.ligne-entete,
    table.tableau-action tbody th.ligne-entete {
      /* Première ligne du tableau qui contient généralement l'en-tête */
      /* Valeurs reprises de entetetab */
      color: #4D4D4D !important;
      background-color: #ededed !important;
      font-family: 'Source sans pro';
      font-size: 13px;
      font-weight: bold;
      text-align: center;
      padding: 10px; }
    table.tableau-action tbody td.colonne-entete {
      /* Colonne de gauche qui contient les libellés des valeurs contenues dans les autres colonnes */
      /* Valeur reprises de entecoltab puis amendées qui n'était utilisé que sur le détail relevés CB */
      color: #4D4D4D;
      font-size: 12px;
      padding: 3px;
      line-height: 15px;
      padding: 7px 15px 7px 15px;
      white-space: nowrap;
      border-right: 1px solid #F1F1F1;
      border-bottom: 1px solid #ededed; }
    table.tableau-action tbody td.cellule {
      /* Cellule du tableau qui contient les valeurs */
      /* Valeur reprises de tab */
      color: #4D4D4D;
      font-size: 12px;
      padding: 7px 15px 7px 15px;
      line-height: 15px;
      border: 1px solid #ededed;
      border-bottom: none; }

/* Zone contenant des critères de recherche */
div.zone-criteres-recherche,
table.zone-criteres-recherche,
div.zone-criteres-parametrage,
table.zone-criteres-parametrage {
  /*  */
  /* Valeurs reprises de margetabonglet et modifiées */
  padding: 10px 20px;
  background-color: #f6f6f6;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #fff;
  margin-top: 10px; }
  div.zone-criteres-recherche .soustitre-lvl-2,
  table.zone-criteres-recherche .soustitre-lvl-2,
  div.zone-criteres-parametrage .soustitre-lvl-2,
  table.zone-criteres-parametrage .soustitre-lvl-2 {
    background-color: #f6f6f6;
    font-family: 'Source sans pro';
    font-size: 13px; }
    div.zone-criteres-recherche .soustitre-lvl-2 span,
    table.zone-criteres-recherche .soustitre-lvl-2 span,
    div.zone-criteres-parametrage .soustitre-lvl-2 span,
    table.zone-criteres-parametrage .soustitre-lvl-2 span {
      padding-right: 5px;
      background-color: #f6f6f6;
      position: relative; }
      div.zone-criteres-recherche .soustitre-lvl-2 span:before,
      table.zone-criteres-recherche .soustitre-lvl-2 span:before,
      div.zone-criteres-parametrage .soustitre-lvl-2 span:before,
      table.zone-criteres-parametrage .soustitre-lvl-2 span:before {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 1px;
        width: 89vw;
        background-color: #DDD;
        z-index: -1; }

/* Zone contenant les option de paramétrage pour une sortie PDF */
/* Exemple écran : Variation par rubrique budgétaire */
.position_relative {
  /* A appliquer sur le parent pour que le tableau soit positionné correctement à la verticale, cf top de table.parametrage_export_pdf */
  position: relative; }

/* Complément de classe */
.position_absolute {
  /* A appliquer sur l'enfant pour qu'il soit en absolue par rapport au parent */
  position: absolute !important; }

table.parametrage_export_pdf {
  position: absolute;
  z-index: 100;
  background-color: white;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.25);
  top: 35px; }
  table.parametrage_export_pdf tr:first-child td {
    /* Gère le padding avant la croix de le bouton "Fermer" */
    padding-top: 5px; }
  table.parametrage_export_pdf tr:last-child td {
    /* Gère le padding en fin de tableau */
    padding-bottom: 5px; }
  table.parametrage_export_pdf tr td.t {
    /* Gère le padding des textes dans le tableau */
    padding: 0px 10px;
    white-space: nowrap; }

/* Zone contenant les options de paramétrage d'un tableau de sortie */
/* Exemple écran : Agios > Comptes : fenetre d'option d'affichage, Variation par rubriques budgétaires */
[id^=tab_param] .t {
  padding-left: 5px; }

[id^=tab_param] > table {
  border: 1px solid #ededed !important;
  background-color: white;
  border-radius: 10px;
  box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.25); }
  [id^=tab_param] > table tbody tr:first-child td {
    padding-top: 5px; }
  [id^=tab_param] > table tbody tr:last-child td {
    padding-bottom: 5px; }
  [id^=tab_param] > table tbody tr td.t {
    /* Gère le padding des textes dans le tableau */
    padding: 0px 10px;
    white-space: nowrap; }
  [id^=tab_param] > table tbody tr td input[type="checkbox"] {
    /* Permet de gérer les checkboxes pour qu'elles soient bien alignées de la zone de paramétrage */
    margin-bottom: 3px; }
  [id^=tab_param] > table tbody tr td input[type="button"],
  [id^=tab_param] > table tbody tr td input[type="submit"] {
    /* Permet de gérer le bouton de fin pour qu'il soit placé au dessus de la zone de paramétrage */
    margin-bottom: 7px; }

/* Zone contenant des boutons d'actions relatifs à la trésorerie */
/* Exemple écran : Variation par rubriques budgétaires, clic sur "Liquidités" */
table#tab_param_raccourci {
  position: absolute;
  margin: 0px;
  z-index: 100;
  background-color: white;
  border-radius: 10px;
  box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.25); }
  table#tab_param_raccourci tbody tr:first-child td {
    /* Gère le padding avant la croix de le bouton "Fermer" */
    padding-top: 5px; }
  table#tab_param_raccourci tr:last-child td {
    /* Gère le padding en fin de tableau */
    padding-bottom: 5px; }

.arbitrage-tooltip-container {
  cursor: pointer; }

.arbitrage-tooltip-container .arbitrage-tooltip {
  position: absolute;
  margin: 0px;
  padding: 0px;
  z-index: 100;
  background-color: white;
  border: 1px solid black;
  text-align: center;
  margin-left: 100px;
  padding: 10px;
  white-space: nowrap;
  text-align: left;
  font-weight: normal;
  font-size: 12px;
  color: #4D4D4D; }

.arbitrage-tooltip-container .arbitrage-tooltip.same-line {
  top: 0px !important;
  padding: 5px !important; }

/*=============================================>>>>>
= Table_haut/bas iframe =
===============================================>>>>>*/
/**
	* Styles corrigeant des paddings de la nouvelle ergo pour une tableau spécifique
	*
	* Ecrans concernés :
	* AMB Treasury > Rapports de Gestion > Trésorerie nette > Variation sur une période
	* AMB Treasury > Rapports de Gestion > Analyse des flux > Par Rubrique budgétaire
	* AMB Treasury > Rapports de Gestion > Analyse des flux > Par Code Flux
	*/
table#table_bas_g .treso_entetetab,
table#table_bas_d .treso_entetetab,
table#table_haut_g .treso_entetetab,
table#table_haut_d .treso_entetetab {
  /* Concerne le l'entête du tableau */
  padding: 3px !important; }

table#table_bas_g.treso_tabt tbody,
table#table_bas_d.treso_tabt tbody,
table#table_haut_g.treso_tabt tbody,
table#table_haut_d.treso_tabt tbody {
  /* Concerne le tbody du tableau */
  /* Ecran AMB Treasury > Variation sur une période */
  /* Utilisé pour remettre le comportement normal à une tbody */
  display: table-row-group;
  table-layout: fixed; }

table#table_bas_g .treso_tab2,
table#table_bas_d .treso_tab2,
table#table_haut_g .treso_tab2,
table#table_haut_d .treso_tab2 {
  /* Concerne les td du tableau */
  padding: 3px !important; }

table#table_bas_g .treso_tab2_sans_color,
table#table_bas_d .treso_tab2_sans_color,
table#table_haut_g .treso_tab2_sans_color,
table#table_haut_d .treso_tab2_sans_color {
  /* Concerne d'autre td du tableau */
  padding: 3px !important; }

table#table_bas_g .treso_tab3,
table#table_bas_d .treso_tab3,
table#table_haut_g .treso_tab3,
table#table_haut_d .treso_tab3 {
  /* Concerne d'autre td du tableau */
  background-color: #eee;
  color: #c40 !important;
  padding: 3px !important; }

table#table_bas_g .weekend,
table#table_bas_d .weekend,
table#table_haut_g .weekend,
table#table_haut_d .weekend {
  background-color: #778899;
  color: white; }

table#table_bas_g .previ_du_jour,
table#table_bas_d .previ_du_jour,
table#table_haut_g .previ_du_jour,
table#table_haut_d .previ_du_jour {
  background-color: #ffd;
  color: #4D4D4D; }

/*= End of Table_haut/bas iframe =*/
/*=============================================<<<<<*/
/*Palette de choix des couleurs*/
#cadre_palette {
  border: 1px solid #DDDBDC;
  padding: 5px;
  position: absolute;
  display: block;
  left: 153px;
  z-index: 9 !important;
  background-color: #FFFFFF;
  min-width: 481px;
  min-height: 135px; }

/*=============================================>>>>>
= IE Scrollable-container fix =
===============================================>>>>>*/
/* Div qui sert de header pour les tableaux scrollable-container */
/* Exemple d'écrans : Remise de VIRT INT / SEPA / DOM, Modèles de VIR INT */
#table-header {
  /* Styles de la div qui définit le container */
  /* A utiliser en conjonction avec scrollable-container.js */
  /* Sert a proposer un entête sticky pour IE */
  display: flex;
  background: #ededed;
  max-width: 840px; }
  #table-header div {
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    z-index: 199; }

/*= End of IE Scrollable-container fix =*/
/*=============================================<<<<<*/
/*=============================================>>>>>
= .scrollable-container Table css =
===============================================>>>>>*/
/* Div qui encadre des tableaux */
/* Exemple d'écrans : Remise de VIRT INT / SEPA / DOM, Modèles de VIR INT */
div.scrollable-container {
  /* Styles de la div qui définit le container */
  max-height: 450px;
  overflow-y: hidden;
  overflow-x: hidden;
  max-width: 840px;
  position: relative;
  /* Classes ajoutés avec du JS pour afficher ou cacher l'overflow de .scrollable-container */
  /* En fonction des classes visible / hidden, afficher ou non le tableau */ }
  div.scrollable-container * {
    box-sizing: border-box; }
  div.scrollable-container table {
    /* Au chargement initial de la page, le tableau est caché */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    width: 100%;
    transition: none;
    display: none;
    /* thead */ }
    div.scrollable-container table th {
      position: sticky;
      z-index: 199;
      -webkit-position: sticky;
      /* Cette ligne est nécessaire pour Safari */
      position: -webkit-sticky;
      /* Cette ligne est nécessaire pour Safari */
      top: -1px; }
      div.scrollable-container table th:not(:first-child) {
        cursor: pointer; }
    div.scrollable-container table tbody tr.selected {
      /* Couleur de sélection lorsqu'on clique sur un tr dans nos tableaux */
      background: rgba(200, 200, 200, 0.3); }
    div.scrollable-container table tbody tr:hover {
      /* Couleur de hover lorsqu'on positionne la souris sur un tr dans nos tableaux */
      background: rgba(200, 200, 200, 0.15);
      cursor: pointer; }
    div.scrollable-container table tbody td .tab:first-child {
      /* Solves the overflow issue in the table */
      border-left: none !important; }
    div.scrollable-container table tbody td .tab:last-child {
      /* Solves the overflow issue in the table */
      border-right: none !important; }
    div.scrollable-container table tbody td div.td-inner {
      /* Classe utilisée sur une div dans une td pour espacer deux éléments le premier à gauche et l'autre à droite */
      display: flex;
      justify-content: space-between;
      pointer-events: none; }
      div.scrollable-container table tbody td div.td-inner span.icon-verrou {
        /* Utilisé pour ajouter des effets de souris sur les cadenas */
        pointer-events: auto; }
    div.scrollable-container table tbody td:first-child {
      width: 20px;
      /* La valeur est nécessaire pour ajuster la taille du champ */
      box-sizing: border-box; }
  div.scrollable-container.hidden {
    overflow-y: none !important; }
    div.scrollable-container.hidden table {
      opacity: 0 !important;
      visibility: hidden !important; }
  div.scrollable-container.visible {
    overflow-y: scroll !important;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1); }
    div.scrollable-container.visible table {
      opacity: 1 !important;
      visibility: visible !important;
      display: table; }

@supports (-ms-ime-align: auto) {
  div.scrollable-container.visible {
    /*Retrait du boxshadow sur Edge car cause un décalage visuel horrible*/
    box-shadow: unset;
    border: 1px solid #eee; } }

/* Container de la loupe et des boutons */
/* Ecran Modèles de virt int */
td label.afficher-plus {
  /* Styles du container */
  position: relative;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  td label.afficher-plus .custom-checkbox {
    /* Styles du checkbox -> le cacher mais faire en sorte qu'il est clickable */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer; }
  td label.afficher-plus #form_virint_bouton_afficher {
    /* Bouton afficher qui est hidden dans afficher-plus */
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    max-width: 100%;
    max-height: 100%;
    color: transparent; }

/*= End of .scrollable-container Table css =*/
/* =============================================<<<<< */
table #tab_tri {
  background-color: #ededed;
  border-radius: 8px;
  padding: 10px !important;
  margin-bottom: 20px; }

.htab {
  color: #4D4D4D;
  background-color: #d1e2fe;
  font-size: 12px;
  padding: 3px;
  line-height: 15px;
  border: 1px solid #ededed !important; }

.entetetab span.t2 {
  color: #4D4D4D; }

.no-margin {
  margin: 0; }

.treso_entetetab, .entetetab, .entetetab2, .entetetab3, .entetetab4, .entetetab222 {
  color: #4D4D4D !important;
  background-color: #ededed !important;
  font-family: 'Source sans pro';
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  padding: 10px; }
  .treso_entetetab a, .entetetab a, .entetetab2 a, .entetetab3 a, .entetetab4 a, .entetetab222 a {
    color: #4D4D4D !important;
    margin-right: 2px; }

/* Forcer le style pour le lien du code opération du mvt B à rapprocher */
.treso_entetetab a {
  color: #4D4D4D;
  text-decoration: none; }

.entetetab2 .no-pointer-events {
  pointer-events: none !important;
  margin-left: 5px; }

.treso_tabt tbody {
  border-collapse: collapse;
  background-color: white;
  line-height: 15px;
  box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.1) !important; }

.treso_tabt img {
  margin: 0;
  padding: 0; }

.treso_tab2 {
  /* Utilisé avec treso_tab2_b dans l'écran d'intégration des mouvements en trésorerie */
  color: #4D4D4D;
  font-weight: normal;
  font-size: 13px;
  padding: 5px 15px 5px 15px;
  line-height: 15px;
  min-width: 22px;
  border: 1px solid #ededed; }
  .treso_tab2 li {
    margin-left: 15px;
    list-style-type: none;
    color: #c5062c;
    line-height: 16px; }

/* Utilisé pour les mouvements bancaires à rapprocher */
.treso_tab2_b {
  color: #c40;
  border: 1px solid #f4f4f4;
  font-size: 13px;
  padding: 5px 15px 5px 15px;
  line-height: 15px;
  font-weight: bold; }
  .treso_tab2_b a {
    /* Forcer le style pour le lien du code operation du mvt B a rapprocher */
    color: #c40; }

.treso_tab3 {
  /* Utilisé dans les prévisions par code (Variation par rubriques budgétaires) */
  /* color: $globalTextColor; */
  font-weight: normal;
  font-size: 11px;
  min-width: 22px;
  border: 1px solid #ededed;
  padding: 3px 3px 3px 8px; }
  .treso_tab3:hover {
    color: #000; }

.marge_li li {
  margin-left: 15px;
  list-style-type: none;
  color: #c5062c;
  line-height: 16px; }

#dv_scroll .treso_entetetab,
#dv_scroll .entetetab,
#dv_scroll .entetetab2,
#dv_scroll .entetetab3,
#dv_scroll .entetetab4,
#dv_scroll .entetetab222 {
  position: sticky;
  position: -webkit-sticky;
  top: 0px; }

#dv_scroll .treso_tab2:first-child {
  width: 20px;
  box-sizing: border-box; }
  #dv_scroll .treso_tab2:first-child input {
    margin: 0; }

.scroll {
  border: 1px solid #ededed; }

.total {
  color: #4D4D4D;
  font-weight: bold;
  background: #ededed; }

/* Style de header commun */
.header_tableau {
  box-shadow: 0 0px 16px rgba(0, 0, 0, 0.1);
  border-bottom: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 8px 8px 0px 0px !important;
  margin-top: 15px;
  width: auto !important;
  background-color: #ffffff;
  position: relative;
  padding: 13px;
  font-family: 'Source sans pro';
  font-size: 12px;
  line-height: 22px;
  color: #4D4D4D; }
  .header_tableau * {
    box-sizing: border-box; }
  .header_tableau > table {
    width: 100%; }
  .header_tableau div.h-inner {
    text-transform: uppercase;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .header_tableau div.h-inner h3 {
      margin: 0; }

/* Classes utilisées pour les protections : verrou-groupe = protection groupe et verrou-utilisateur = protection utilisateur */
/* Exemple d'écrans : Remise de VIRT INT / SEPA / DOM, Modèles de VIR INT */
span.icon-verrou.verrou-groupe {
  vertical-align: middle; }
  span.icon-verrou.verrou-groupe::before {
    color: #7c7c7c;
    font-size: 18px; }

span.icon-verrou.verrou-utilisateur {
  vertical-align: middle; }
  span.icon-verrou.verrou-utilisateur::before {
    font-size: 18px; }

div.error-msg {
  display: none;
  width: 100%; }

div.search {
  width: 300px;
  max-width: 300px;
  margin-bottom: 10px; }

/* Icônes de tri Ascendant et descandant dans le header du tableau */
[data-sorted]:not([data-sorted="no-sort"]) {
  position: relative;
  cursor: pointer; }

.asc .no-pointer-events::before,
[data-sorted="asc"] .no-pointer-events::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/haut.gif?v=14.1.0");
  background-repeat: no-repeat;
  width: 10px;
  height: 15px; }

.desc .no-pointer-events::before,
[data-sorted="desc"] .no-pointer-events::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/bas.gif?v=14.1.0");
  background-repeat: no-repeat;
  width: 20px;
  height: 10px; }

/*=============================================>>>>>
= IE - Internet Explorer =
===============================================>>>>>*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none), (min-width: 0\0) {
  .asc .no-pointer-events::before {
    content: '';
    position: absolute;
    display: inline-block;
    top: inherit;
    transform: none;
    background: url("../img/haut.gif?v=14.1.0");
    background-repeat: no-repeat;
    width: 10px;
    height: 15px; }
  .desc .no-pointer-events::before {
    content: '';
    position: absolute;
    display: inline-block;
    top: inherit;
    transform: none;
    background: url("../img/bas.gif?v=14.1.0");
    background-repeat: no-repeat;
    width: 20px;
    height: 10px; } }

@media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
  .asc .no-pointer-events::before {
    content: '';
    position: absolute;
    display: inline-block;
    top: inherit;
    transform: none;
    background: url("../img/haut.gif?v=14.1.0");
    background-repeat: no-repeat;
    width: 10px;
    height: 15px; }
  .desc .no-pointer-events::before {
    content: '';
    position: absolute;
    display: inline-block;
    top: inherit;
    transform: none;
    background: url("../img/bas.gif?v=14.1.0");
    background-repeat: no-repeat;
    width: 20px;
    height: 10px; } }

/*= End of IE - Internet Explorer =*/
/*=============================================<<<<<*/
::-ms-clear {
  /* Suppression des champs X ajoutés dans les champs de saisie par certains navigateurs */
  display: none;
  visibility: hidden;
  opacity: 0;
  height: 0;
  width: 0; }

/* Les boutons ou name=clear servent a vider le champ de saisi dans lequel ils sont inclus  */
/* Exemple d'ecran : Remise de Virements SEPA > Créer un ordre > Clic sur Chercheret saisir du texte dans le champ de recherche  */
button[name=clear] {
  /* Definit le style des boutons ou name=clear */
  width: 25px;
  height: 25px;
  position: relative;
  left: -34px;
  vertical-align: middle;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  outline: none;
  background: transparent;
  border: 0;
  cursor: pointer; }
  button[name=clear] .icon-croix:before {
    /* Permet d'ajuster la couleur et la taille de l'icomoon icon-croix dans le champ input precedent */
    font-size: 12px;
    padding-right: 0px;
    color: #969696;
    transition: 0.3s; }
  button[name=clear]:hover .icon-croix:before {
    /* Permet de changer la couleur au survol de l'icomoon icon-croix */
    color: #4D4D4D; }
  button[name=clear].adjust {
    /* Classe specifique utilisee pour positionner le bouton clear dans le champs imput le precedent dans le cas speficique ou le bouton clear est suivit d'un autre bouton */
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
    left: unset; }

.search input[type=text] {
  /* Ajoute du padding a droite dans le champs de saisie pour pouvoir y inclure la croix */
  padding-right: 27px; }

#releve-icons tbody tr {
  flex-direction: row;
  justify-content: space-around; }

#trier {
  text-align: left;
  line-height: 18px !important;
  font-size: 11px;
  padding: 0px 10px;
  width: 500px;
  /* position:absolute; */
  margin-top: -8px; }

.txt-trier {
  color: #9a9a9a;
  font-style: italic; }

#releve-icons2 {
  display: flex;
  justify-content: flex-end; }

/*Conteneur de pagination + trier*/
#sous-header {
  background-color: #FFF;
  box-shadow: 0 0px 16px rgba(0, 0, 0, 0.1);
  padding: 15px 0px 15px 0px;
  display: flex;
  justify-content: space-between; }

#pagination {
  margin-top: 7px; }

#pagination span {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  color: #4D4D4D;
  margin-right: 10px; }

a.pagination {
  text-decoration: none !important;
  position: relative;
  padding: 4px 7px;
  margin-left: -1px;
  color: #4D4D4D !important;
  background-color: #fff;
  border: 1px solid #dee2e6;
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  max-height: 20px; }
  a.pagination:hover, a.pagination.current {
    color: #4D4D4D !important;
    background: #ededed; }
  a.pagination.current {
    font-weight: bold; }
  a.pagination.disabled {
    pointer-events: none;
    color: #ccc !important; }
    a.pagination.disabled.hide {
      display: none; }
  a.pagination:nth-of-type(1) {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px; }
  a.pagination:nth-last-of-type(1) {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-right: 10px; }

.t a.pagination {
  line-height: normal;
  top: 2px; }

#pagination input[type=text] {
  text-align: right;
  min-width: 55px;
  box-sizing: border-box;
  margin-right: 10px; }

#pagination-footer {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/**/
#releve-table-header {
  padding: 10px 10px 10px 292px;
  background-color: #ffffff;
  font-family: 'Source sans pro';
  font-size: 14px;
  text-transform: uppercase; }
  #releve-table-header tbody {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    box-sizing: border-box; }
    #releve-table-header tbody tr {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }

table.header-dernier-solde-print tbody #releve-table-header {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  display: block;
  border-radius: 8px 8px 0px 0px !important;
  width: auto !important; }
  table.header-dernier-solde-print tbody #releve-table-header table #releve-icons {
    box-shadow: none;
    margin-left: 180px !important; }

/* Mise en forme du champ "Voir banque" sur les mouvements de remises */
/* Ex. : Remise de Virement SEPA > Remise : Afficher un ordre */
#fieldset_adresse_banque {
  display: inline-block;
  margin: 0;
  width: 300px;
  border: 0px;
  padding-left: 0px; }
  #fieldset_adresse_banque table {
    position: absolute;
    z-index: 1;
    width: 100%;
    border-collapse: collapse;
    background-color: white;
    border-radius: 10px;
    box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.25);
    margin-left: 7px; }
    #fieldset_adresse_banque table td.t {
      padding-left: 10px; }

.treso_tab2_sans_color {
  font-size: 11px;
  padding: 3px;
  line-height: 15px;
  border: 1px solid #ededed; }

/* Case en gras écrit en petit */
.tabpb {
  color: #4D4D4D;
  font-size: 11px;
  font-weight: bold;
  white-space: nowrap;
  padding: 3px;
  line-height: 15px;
  border: 1px solid #ededed; }

.tab_onglet table tr, table td {
  padding: 0 2.5px; }

.tableau_iframe table tr, table td {
  padding: 0; }

/* Utilisee pour l'en-tete dans le tableau des arbitrages lorsqu'elle est haute (transfert present) */
.entetetabnew, .entetetabnewp {
  /* Données reprises de treso_tab2 + supprimer les données dans feuilles des applications */
  color: #4D4D4D !important;
  background-color: #ededed !important;
  font-family: 'Source sans pro';
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  min-width: 22px;
  border: 1px solid #ededed;
  padding: 3px 5px 3px 5px; }
  .entetetabnew a, .entetetabnewp a {
    color: white !important;
    margin-right: 2px; }

#iframe_table .entetetabnew {
  padding: 3px; }

/* ------------ ONGLETS -------------------- */
.titre_onglet_actif,
.titre_onglet_actif_1,
.titre_onglet_actif_2,
.titre_onglet_actif_3,
.titre_onglet_actif_4,
.titre_onglet_actif_5,
.titre_onglet_actif_6,
.titre_onglet_actif_type1,
.titre_onglet_actif_type2,
.titre_onglet_actif_type5 {
  color: #4D4D4D;
  float: left;
  background-color: #F6F6F6;
  font-size: 14px;
  font-family: 'Source sans pro';
  font-weight: bold;
  height: 39px;
  text-align: center;
  border: 1px solid #f1f1f1;
  padding: 0px 25px 0px 25px;
  white-space: nowrap;
  line-height: 35px;
  border-radius: 8px 8px 0px 0px;
  margin-top: 10px; }

.titre_onglet_inactif {
  color: #4D4D4D;
  white-space: nowrap;
  float: left;
  padding: 5px 25px 5px 25px;
  font-size: 14px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #f1f1f1;
  border-bottom: none;
  margin-top: 20px;
  width: auto;
  font-family: 'Source sans pro'; }
  .titre_onglet_inactif a {
    color: #643586; }

.titre_onglet_inactif_2 {
  color: #4D4D4D;
  white-space: nowrap;
  float: left;
  padding: 5px 25px 5px 25px;
  font-size: 14px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #f1f1f1;
  border-bottom: none;
  margin-top: 20px;
  width: auto;
  font-family: 'Source sans pro'; }

.titre_onglet_inactif_6 {
  color: #4D4D4D; }
  .titre_onglet_inactif_6 a {
    font-weight: normal;
    text-decoration: none; }
    .titre_onglet_inactif_6 a:hover {
      color: #4D4D4D;
      font-weight: bold;
      text-decoration: none; }

.titre_onglet_r_actif {
  color: #4D4D4D;
  background-color: white;
  background-image: url("../img/4/4_onglet_r_actif_146_1.gif?v=14.1.0");
  font-size: 12px;
  font-weight: bold;
  height: 34px;
  width: 146px;
  text-align: center;
  border: 1px solid #CCC;
  padding: 0 25px;
  white-space: nowrap;
  line-height: 30px;
  float: left; }

.onglet_actif {
  background-color: #F6F6F6;
  border: 1px solid #f1f1f1;
  padding: 5px;
  float: left; }

.onglet_r_actif {
  background-color: white;
  border: 1px solid #CCC;
  padding: 5px; }

.soustitre_tab_solde_previsionnel_et_equilibrage {
  /* Utilisé pour mettre en forme l'écran Solde Prévisionnels et Equilibrages */
  font-family: 'Source sans pro';
  font-size: 13px;
  font-weight: bold; }

/* -------------------- FIN ONGLETS -------------------- */
/* ------------ BOUTONS -------------------- */
.bouton,
.bouton54,
.bouton100,
.bouton146,
.bouton165,
.bouton180,
.bouton210,
.bouton260,
.bouton400 {
  border: 1px solid #643586;
  color: #643586;
  outline: none;
  width: auto;
  height: 30px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  font-size: 13px;
  font-family: 'Source sans pro';
  padding: 0 15px 0 15px;
  border-radius: 8px;
  white-space: nowrap;
  cursor: pointer !important;
  margin-right: 8px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  outline: none; }

.bouton_on,
.bouton54_on,
.bouton100_on,
.bouton146_on,
.bouton165_on,
.bouton180_on,
.bouton210_on,
.bouton260_on,
.bouton400_on {
  border: 1px solid #643586;
  background-color: #643586;
  background-repeat: no-repeat;
  color: #ffffff;
  outline: none;
  width: auto;
  height: 30px;
  font-size: 13px;
  font-family: 'Source sans pro';
  padding: 0 15px 0 15px;
  border-radius: 8px;
  white-space: nowrap;
  cursor: pointer !important;
  margin-right: 8px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  outline: none; }

.bouton_envoyer {
  background: #A683B6;
  background-repeat: no-repeat;
  color: #ffffff;
  outline: none;
  border: 1px solid;
  border-color: #A683B6;
  width: auto;
  height: 30px;
  font-family: "Source sans pro";
  font-size: 13px;
  white-space: nowrap;
  padding: 0 15px 0 15px !important;
  border-radius: 8px;
  margin-right: 8px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  outline: none; }

.bouton_envoyer_on {
  background: #A683B6;
  background-repeat: no-repeat;
  color: #ffffff;
  outline: none;
  border: 1px solid;
  border-color: #A683B6;
  cursor: pointer !important;
  width: auto;
  height: 30px;
  font-family: "Source sans pro";
  font-size: 13px;
  white-space: nowrap;
  padding: 0 15px 0 15px !important;
  border-radius: 8px;
  margin-right: 8px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  outline: none; }

.bouton54_desactive,
.bouton100_desactive,
.bouton180_desactive {
  background-repeat: no-repeat;
  border: 1px solid #EEE;
  color: #CCC;
  outline: none;
  width: auto;
  height: 30px;
  font-family: "Source sans pro";
  font-size: 13px;
  padding: 0px 15px 1px;
  white-space: nowrap;
  opacity: 0.5;
  margin-right: 8px; }

.BoutonInactif {
  background-repeat: no-repeat;
  border: 1px solid #333;
  border: 0;
  width: 100;
  height: 20;
  color: #4D4D4D;
  font-family: "Source sans pro";
  font-size: 13px; }

.bouton_rech {
  background-repeat: no-repeat;
  cursor: pointer;
  padding-left: 5px;
  width: 35;
  font-family: "Source sans pro";
  font-size: 13px;
  outline: none; }

.bouton_supprimer,
.bouton_afficher {
  outline: none;
  border: 0;
  background: transparent;
  cursor: pointer; }
  .bouton_supprimer[disabled] .icon-supprimer:before,
  .bouton_afficher[disabled] .icon-supprimer:before {
    color: #cfcece;
    cursor: default; }
  .bouton_supprimer .icon-supprimer:before,
  .bouton_afficher .icon-supprimer:before {
    font-size: 26px;
    color: #643586; }

.jws_button_normal {
  background-repeat: no-repeat;
  border: 1px solid #643586;
  outline: none;
  border-width: 1px;
  border-color: #CCC;
  width: 100px;
  height: 30px;
  color: #4D4D4D;
  font-family: "Source sans pro";
  font-size: 13px;
  padding: 0px 15px; }

.jws_button_hover {
  background-repeat: no-repeat;
  border: 1px solid #643586;
  outline: none;
  border-width: 1px;
  width: 100px;
  height: 30px;
  color: #4D4D4D;
  font-family: "Source sans pro";
  font-size: 13px;
  padding: 0px 15px; }

/*=============================================>>>>>
= Scroll To top =
===============================================>>>>>*/
/* Styles liées au bouton scroll to top */
/* Example d'écran : Utilisateurs/habilitations */
#scrollTop {
  display: none;
  box-sizing: border-box;
  position: fixed;
  z-index: 1000;
  bottom: 15px;
  right: 15px;
  padding: 6px 8px;
  cursor: pointer;
  border-radius: 5px;
  color: white;
  transition: 0.3s;
  background: #643586; }
  #scrollTop:hover {
    background: #A683B6; }
  #scrollTop .icon-top:before {
    color: white;
    font-size: 18px; }

/*= End of Scroll To top =*/
/*=============================================<<<<<*/
/* ------------FIN BOUTONS -------------------- */
.societe {
  font-size: 12px;
  font-weight: bold;
  color: #643586; }

/* ------------ CARTES PARAMETRES --------------*/
.CP {
  font-size: 13px;
  border-left-width: 0; }

.CP2 {
  background-color: white;
  font-size: 13px;
  border: 0; }

.carte0 {
  background-Color: #effaff;
  border: 1px solid #FF9900;
  border-collapse: collapse; }

.carte1 {
  background-color: #FDFEBA;
  text-align: center;
  font-size: 11pt; }

.carte2 {
  background: #FDFEBA;
  text-align: center; }

/*---------------------- Select2 (select avec champ de recherche) ----------------------*/
.select2-container .select2-choice > .select2-chosen,
.select2-results .select2-result-label,
.select2-results ul > li {
  /* font-family: verdana, sans-serif !important; */
  font-size: 12px !important; }

.fack_select_optgroup .select2-result-label {
  background-color: white !important;
  color: #000000 !important;
  /* font-family: verdana, sans-serif !important; */
  font-size: 12px !important;
  font-style: italic !important;
  font-weight: bold !important;
  padding: 8px !important; }

.select2-results .select2-highlighted {
  background-color: #f2f2f2 !important;
  color: #4D4D4D !important; }

.select2-container .select2-choice, .select2-dropdown-open .select2-choice {
  background-image: none !important;
  background-color: inherit !important; }

.select2-search input {
  border: 1px solid #aaa !important; }

.select2-drop-active {
  border-left: 1px solid #aaa !important;
  border-right: 1px solid #aaa !important;
  border-bottom: 1px solid #aaa !important; }

.select2-drop {
  color: #4D4D4D !important; }

.select2-container .select2-choice .select2-arrow b {
  background-position: 0 0 !important; }

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #aaa !important;
  border-radius: unset !important; }

.select2-drop.select2-drop-above, .select2-drop {
  box-shadow: none !important; }

.select2-container.select2-drop-above .select2-choice {
  border-radius: unset !important; }

.select2-container--classic .select2-results {
  /*.select2-results__option--highlighted[aria-selected] {
      background-color: $primaryColor;
      color: white;
    }*/ }
  .select2-container--classic .select2-results .select2-results__group {
    color: #643586; }
  .select2-container--classic .select2-results li.select2-result-with-children > .select2-result-label {
    color: #643586;
    font-size: 12px !important;
    font-weight: bold !important;
    background-color: #ffffff !important; }
  .select2-container--classic .select2-results .select2-results__option[aria-selected=true] {
    background-color: #A683B6;
    color: white;
    padding: 3px 5px;
    margin: 0; }
  .select2-container--classic .select2-results .select2-results__option[aria-selected=false] {
    color: #4D4D4D;
    padding: 3px 5px;
    margin: 0; }
  .select2-container--classic .select2-results .select2-results__option.select2-results__option--highlighted {
    background: #643586;
    color: white;
    padding: 3px 5px;
    margin: 0; }
  .select2-container--classic .select2-results .select2-results__option > .select2-results__group {
    font-size: 12px;
    font-weight: bold;
    color: #643586;
    background-color: #ffffff; }

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
  border: 1px solid #aaa; }

/*---------------------- Fin Select2 (select avec champ de recherche) ----------------------*/
/*=============================================>>>>>
= Selectable =
===============================================>>>>>*/
[data-js="selectable"] tr:not([data-js="not-selectable"]).ui-selectee:hover {
  background: #f4f4f4;
  cursor: pointer; }

[data-js="selectable"] tr:not([data-js="not-selectable"]).ui-selecting {
  background: #f4f4f4; }

[data-js="selectable"] tr:not([data-js="not-selectable"]).ui-selected {
  background: #ededed; }

/*= End of Selectable =*/
/*=============================================<<<<<*/
/*=============================================>>>>>
= actionBar =
===============================================>>>>>*/
/* Styles de la barre d'action avec les boutons importants */
/* Exemple écran : utilisateurs/habilitations */
#actionBar {
  display: none;
  position: fixed;
  background: white;
  padding: 10px 40px 10px 40px;
  box-sizing: border-box;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 150;
  box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.15); }

#actionBar .TitreSection1 {
  /* Styles liées à l'entête de page dans la barre d'action */
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0; }

#actionBar .TitreSection1 .SpanSpace {
  margin: 0 0 0 5px; }

/*= End of actionBar =*/
/*=============================================<<<<<*/
/*=============================================>>>>>
= CALENDRIER =
===============================================>>>>>*/
/* clears the 'X' from Internet Explorer */
input[type=text].hasDatepicker::-ms-clear {
  display: none;
  width: 0;
  height: 0; }

input[type=text].hasDatepicker::-ms-reveal {
  display: none;
  width: 0;
  height: 0; }

.hasDatepicker::-ms-clear {
  display: none;
  width: 0;
  height: 0; }

.hasDatepicker::-ms-reveal {
  display: none;
  width: 0;
  height: 0; }

/* clears the 'X' from Chrome */
input[type="text"].hasDatepicker::-webkit-search-decoration,
input[type="text"].hasDatepicker::-webkit-search-cancel-button,
input[type="text"].hasDatepicker::-webkit-search-results-button,
input[type="text"].hasDatepicker::-webkit-search-results-decoration,
.hasDatepicker::-webkit-search-decoration,
.hasDatepicker::-webkit-search-cancel-button,
.hasDatepicker::-webkit-search-results-button,
.hasDatepicker::-webkit-search-results-decoration {
  display: none; }

#ui-datepicker-div {
  display: none;
  padding-top: 0px !important; }
  #ui-datepicker-div > * {
    box-sizing: border-box;
    transition: 0.3s linear; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-style: italic;
  color: rgba(201, 201, 201, 0.7); }

::-moz-placeholder {
  /* Firefox 19+ */
  font-style: italic;
  color: rgba(201, 201, 201, 0.7); }

:-ms-input-placeholder {
  /* IE 10+ */
  font-style: italic;
  color: rgba(201, 201, 201, 0.7); }

:-moz-placeholder {
  /* Firefox 18- */
  font-style: italic;
  color: rgba(201, 201, 201, 0.7); }

.hasDatepicker,
.datepicker {
  height: 20px;
  display: inline-block;
  padding: 2px 10px 2px 5px;
  border: 1px solid #DDDBDC;
  position: relative;
  background-image: url("../img/calendrier.svg");
  background-position: calc(100% - 5px) 50%;
  background-repeat: no-repeat;
  background-size: 18px; }

.is-invalid {
  color: white;
  background-color: #dc3545; }

.calendar {
  border: 0 none;
  border-radius: 0 !important;
  box-shadow: 0 0 10px 2px #cccccc;
  -moz-box-shadow: 0 0 10px 2px #cccccc;
  -webkit-box-shadow: 0 0 10px 2px #cccccc;
  margin: 0 !important;
  padding: 0 !important;
  width: 203px;
  height: auto;
  max-height: 250px;
  overflow: hidden; }

.calendar-top, #ui-datepicker-div .ui-widget-header {
  background: #A683B6 none repeat scroll 0 0 !important;
  border: medium none !important;
  border-radius: 0 !important;
  height: 66px;
  margin: 0 !important;
  padding: 0 !important;
  position: initial !important;
  top: 0;
  width: 203px; }

.month, .ui-datepicker-month {
  color: #fff;
  font-family: verdana,sans-serif;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  width: 92%;
  margin-left: 3px; }

.ui-datepicker-title {
  line-height: 30px !important;
  margin: 0 !important;
  text-align: center;
  transition: 0.3s;
  /*Not 100% sure about this solution*/ }

.year, .ui-datepicker-year {
  color: #ffffff;
  font-family: verdana,sans-serif;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  vertical-align: bottom;
  width: 100%;
  /* margin-top: 1px; */
  clear: both;
  float: left; }

.calendar-bottom, .ui-datepicker-calendar {
  background-color: #ffffff !important;
  bottom: 0;
  margin: 0 !important;
  width: 203px !important; }

.days-title, .ui-datepicker th {
  color: #643586;
  font-family: verdana,sans-serif;
  font-size: 10px;
  font-weight: normal !important;
  padding-bottom: 3px !important;
  padding-top: 5px !important;
  text-align: center;
  text-transform: uppercase; }

.days, #ui-datepicker-div .ui-state-default {
  background: #ffffff none repeat scroll 0 0 !important;
  border: 0 none !important;
  color: #000000;
  font-family: verdana,sans-serif;
  font-size: 10px;
  font-weight: normal !important;
  text-align: center !important;
  /* width: 17px; */
  margin-left: 2px;
  /*Added*/
  display: block !important;
  height: 18px !important;
  text-align: center !important;
  width: 18px;
  line-height: 16px;
  margin-top: -2px;
  /* transition: 0.3s; */ }

#ui-datepicker-div a.ui-state-default:hover {
  background: #643586 none repeat scroll 0 0 !important;
  border-radius: 50%;
  color: #ffffff !important;
  display: block !important;
  text-align: center !important;
  width: 18px;
  line-height: 16px;
  margin-top: -2px; }

.week-number, .ui-datepicker-calendar tbody td.ui-datepicker-week-col {
  font-family: verdana,sans-serif;
  font-size: 7px;
  text-align: center;
  min-width: 14px;
  color: #643586; }

.days-out, .ui-state-disabled .ui-state-default {
  background: #ffffff none repeat scroll 0 0 !important;
  border: medium none !important;
  color: #888889 !important;
  font-family: verdana,sans-serif;
  font-size: 10px;
  font-weight: normal !important;
  text-align: center; }

.holidays-duties {
  color: #b7b7b7;
  font-family: verdana,sans-serif;
  font-size: 10px; }

.td-day-selected {
  margin: 0 auto !important; }

.calendar-buttons, .ui-datepicker .ui-datepicker-buttonpane button {
  color: #A683B6 !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border: medium none !important;
  font-family: Verdana, sans-serif !important;
  font-size: 9px !important;
  margin: 0 !important;
  padding-bottom: 16px !important;
  padding-top: 16px !important; }

.calendar-buttons, .ui-priority-secondary, .ui-priority-primary {
  font-weight: bold !important;
  opacity: 1 !important; }

.ui-datepicker td span, .ui-datepicker td a {
  padding: 0 !important;
  text-align: center !important; }

.ui-datepicker-trigger, .ui-widget .ui-datepicker-trigger {
  color: #A683B6 !important;
  background: #ffffff none repeat scroll 0 0;
  box-shadow: -1px -2px 0 0 rgba(0, 0, 0, 0.1) inset;
  font-family: icomoon;
  font-size: 28px;
  height: 25px;
  line-height: 20px;
  margin-left: -5px;
  padding: 0 !important;
  text-align: left;
  vertical-align: top;
  width: 40px !important; }

.icon-order-bottom {
  color: #A683B6;
  font-size: 23px;
  margin-left: -11px; }

.calendar-bottom tbody {
  height: 120px !important;
  overflow: hidden; }

.calendar-bottom tbody td, .ui-datepicker-calendar tbody td {
  background-color: #ffffff;
  opacity: 1 !important;
  padding: 2px; }

.ui-datepicker-buttonpane {
  display: flex;
  justify-content: space-between;
  background: #ffffff none repeat scroll 0 0 !important;
  border: medium none !important;
  clear: both;
  float: left;
  height: 24px !important;
  line-height: 18px;
  margin: 0 !important;
  padding: 0 11px !important;
  vertical-align: bottom;
  width: 100% !important; }

.date-selectors-wrap {
  display: table;
  margin: 0 auto;
  text-align: center;
  width: 100%; }

.month-selection {
  height: 30px !important;
  /* padding-top: 6px; */ }

.ui-datepicker-title,
.ui-corner-all {
  padding-top: 6px !important; }

.year-selection {
  margin-top: -5px; }

.date-selectors-wrap .ui-datepicker-prev, .date-selectors-wrap .ui-datepicker-next {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-radius: 0 !important;
  border: 0;
  display: inline-flex;
  font-size: 25px;
  font-weight: lighter !important;
  height: 30px;
  left: 0;
  overflow: hidden;
  position: relative !important;
  right: 0 !important;
  top: 0;
  vertical-align: top;
  width: 1.1em !important;
  font-size: 22px !important; }

.ui-datepicker-year,
.innerDivYear .ui-datepicker-next,
.innerDivYear .ui-datepicker-prev {
  position: relative;
  bottom: 5px !important;
  top: auto;
  cursor: pointer; }

span.ui-datepicker-year.year {
  cursor: default; }

.ui-datepicker-month,
.innerDivMonth .ui-datepicker-next,
.innerDivMonth .ui-datepicker-prev {
  position: relative;
  top: 1px !important; }

.month {
  font-size: 14.5px; }

.date-selectors-wrap .ui-datepicker-prev {
  margin-left: 0 !important; }

.date-selectors-wrap .ui-datepicker-prev,
.date-selectors-wrap .ui-datepicker-next {
  outline: none; }

.date-selectors-wrap .ui-datepicker-next span {
  width: 100%; }

.date-selectors-wrap .ui-datepicker-prev span.ui-icon, .date-selectors-wrap .ui-datepicker-prev:hover span.ui-icon, .date-selectors-wrap .ui-datepicker-next span.ui-icon, .date-selectors-wrap .ui-datepicker-next:hover span.ui-icon {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border: medium none !important;
  height: 100%;
  left: 0 !important;
  line-height: 30px;
  margin: 0 !important;
  position: relative !important;
  text-indent: 0 !important;
  top: 0 !important;
  width: 100%; }

.date-selectors-wrap .ui-datepicker-title {
  display: inline-table;
  line-height: 30px !important;
  margin: 0 !important;
  text-align: center; }

.month-selection .ui-datepicker-title {
  overflow: hidden; }

.year-selection .ui-datepicker-title {
  line-height: 30px;
  margin: 0 !important;
  padding-right: 0;
  vertical-align: bottom; }

.date-selectors-wrap .ui-state-hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border: medium none !important;
  color: #ffffff !important; }

.calendar-bottom thead th.week-number,
.ui-datepicker-calendar thead th.ui-datepicker-week-col {
  visibility: hidden; }

.ui-datepicker-today .ui-state-highlight {
  color: #643586 !important; }

#ui-datepicker-div .ui-datepicker-calendar .ui-state-default {
  height: 17px !important; }

#ui-datepicker-div .day-selected.ui-state-default {
  background: #A683B6 none repeat scroll 0 0 !important;
  border-radius: 50%;
  color: #ffffff !important;
  display: block !important;
  height: 18px !important;
  text-align: center !important;
  width: 18px;
  line-height: 16px;
  margin-top: -2px; }

.ui-datepicker .ui-datepicker-buttonpane button, #ui-datepicker-div button.ui-state-default {
  font-weight: bold !important;
  height: 17px;
  margin: 0 !important;
  padding: 0 !important;
  width: 32px !important;
  width: auto !important;
  font-size: 10px !important;
  outline: none; }

.calendar .ui-widget-header {
  background: #A683B6 none repeat scroll 0 0 !important; }

.ui-widget-header select {
  color: #000; }

button.ui-datepicker-prev, button.ui-datepicker-next {
  line-height: 30px; }

.ui-datepicker-prev, .ui-datepicker-next {
  color: #ffffff !important; }

.btn-disabled {
  pointer-events: none;
  color: rgba(255, 255, 255, 0.5) !important; }

.quickEditInput.hasDatepicker {
  border: medium none !important;
  border-radius: 0;
  box-shadow: -1px -2px 0 0 rgba(0, 0, 0, 0.1) inset;
  padding-right: 0px !important;
  font-size: 11px !important;
  width: 73%; }

.quickEditField .ui-datepicker-trigger, .quickEditField .ui-widget .ui-datepicker-trigger {
  /*width: 27% !important;*/ }

.icon-calendar::before {
  content: ""; }

.calendar button[data-handler='today'],
.calendar button[data-handler='hide'] {
  cursor: pointer; }

/* Invisible buttons */
.month-select-prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 42%;
  height: 33px;
  cursor: pointer; }

.month-select-next {
  position: absolute;
  top: 0;
  right: 0;
  width: 42%;
  height: 33px;
  cursor: pointer; }

.year-select-prev {
  position: absolute;
  top: 33px;
  left: 0;
  width: 50%;
  height: 33px;
  cursor: pointer; }

.year-select-next {
  position: absolute;
  top: 33px;
  right: 0;
  width: 50%;
  height: 33px;
  cursor: pointer; }

/*= End of Invisible buttons =*/
/* IE - Internet Explorer */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none), (min-width: 0\0) {
  .calendar {
    height: auto; }
  .hasDatepicker {
    background-image: url("../img/calendrier.png?v=14.1.0");
    padding-right: 24px;
    background-position-x: 98%; }
  .ui-datepicker.calendar .ui-icon-circle-triangle-w.ui-icon,
  .ui-datepicker.calendar .ui-icon-circle-triangle-e.ui-icon {
    background-image: none !important;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; }
  .ui-datepicker.calendar .ui-datepicker-title .ui-datepicker-month {
    line-height: 2.8em; }
  .ui-datepicker.calendar .innerDivMonth .ui-datepicker-title .ui-datepicker-month {
    line-height: 30px; }
  .ui-datepicker.calendar .ui-datepicker-title .ui-datepicker-year {
    line-height: 9px; }
  .ui-datepicker.calendar .innerDivYear .ui-datepicker-title .ui-datepicker-year {
    line-height: 30px; }
  .ui-datepicker-trigger, .icon-calendar {
    width: 43px !important; }
  .calendar-bottom tbody tr, .ui-datepicker-calendar tbody tr {
    height: 18px !important; }
  .year, .ui-datepicker-year {
    padding-right: 10px; }
  .ui-datepicker.calendar .innerDivMonth .ui-datepicker-prev,
  .ui-datepicker.calendar .innerDivMonth .ui-datepicker-next {
    display: inline-table !important; }
  .innerDivMonth {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 0; }
  .ui-datepicker.calendar .innerDivMonth .ui-datepicker-title {
    display: inline-table !important; }
  .ui-datepicker-trigger {
    margin-left: -2px; }
  .calendar-bottom tbody td, .ui-datepicker-calendar tbody td {
    padding: 3px 2px 3px 2px !important; }
  .ui-datepicker-buttonpane {
    height: 34px !important;
    line-height: 30px !important; }
  .ui-datepicker .ui-datepicker-buttonpane button, #ui-datepicker-div button.ui-state-default {
    width: auto !important;
    height: auto !important; } }

@media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
  .year, .ui-datepicker-year {
    padding-right: 2px !important; } }

/* Edge Only CSS */
@supports (-ms-ime-align: auto) {
  .calendar-bottom tr {
    max-height: 19px;
    height: 19px; }
  .hasDatepicker {
    padding-right: 18px; } }

/* Firefox only CSS */
@-moz-document url-prefix() {
  .hasDatepicker {
    padding-right: 20px;
    background-position: 98%; } }

/* Safari 11+ */
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .hasDatepicker {
      padding-right: 24px; } } }

/*= End of CALENDRIER =*/
/*=============================================<<<<<*/
/* --------- Gestion de trésorerie -------- */
/* Attention à garder les "tr" et "td" qui sont d'une importance capitale */
tr {
  /*--------------------------*/ }
  tr.treso_transfert td {
    background-color: #EEDBE9; }
    tr.treso_transfert td.treso_tab2 {
      color: #D010B1; }
  tr.treso_date_courante td {
    background-color: #C9C7C7;
    font-weight: bold; }
  tr.treso_line_on {
    background-color: #E888D8; }
  tr td.treso_inv_transfert {
    background-color: #EEDBE9; }
  tr td.treso_inv_date_courante {
    background-color: #C9C7C7;
    font-weight: bold; }
  tr td.treso_inv_line_on {
    background-color: #E888D8; }
  tr td.treso_total {
    background-color: #C9C7C7; }
  tr td span.treso_montant_transfert {
    color: #D010B1;
    font-weight: bold; }

.treso_liste_releves_manquants {
  margin: 8px; }

.treso_montant_hors_seuil_moins {
  color: #D63C77; }

.treso_montant_hors_seuil_plus {
  color: #643586; }

.treso_montant_solde_negatif_avant_ad {
  color: #C5062C; }

.treso_montant_solde_negatif_apres_ad {
  color: #E84D0E; }

.treso_montant_solde_positif_avant_sa_min {
  color: #8A1E60; }

.treso_montant_solde_positif_apres_sa_max {
  color: #419B29; }

/* Au survol d'une case de solde dans le tableau des arbitrages */
.over,
tr.treso_date_courante td.over {
  background-color: #EAE8E8;
  cursor: pointer; }

/* Lignes ancien et nouveau soldes lors du détails des mvts pr une case */
.treso_nouveau_ancien_solde {
  font-weight: bold;
  background-color: #f0f0f0; }

.cumul_mouvements {
  font-weight: bold;
  font-style: italic; }

/* Carte d'authentification */
.chiffre {
  color: #4D4D4D;
  font-weight: bold;
  font-size: 12pt; }

.message_carte {
  color: #4D4D4D;
  font-weight: bold;
  font-size: 12pt; }

.carte_authent_0 {
  border: 1px solid #4D4D4D;
  border-collapse: collapse; }

.carte_authent_1 {
  color: #4D4D4D;
  text-align: center;
  font-weight: bold;
  font-size: 13px; }

.carte_authent_2 {
  background: white;
  text-align: center; }

.warning_message {
  background-color: #e00000;
  color: #fff; }

.red-option {
  background-color: #e00000;
  color: #fff; }

.vert {
  font-size: 13px;
  color: green; }

.rouge {
  color: red;
  font-size: 13px; }

.orange {
  color: #F81;
  font-size: 13px; }

.tabul {
  font-size: 12px;
  color: #4D4D4D;
  font-weight: normal;
  white-space: normal;
  line-height: 25px;
  margin-left: 15px; }
  .tabul ul {
    padding-left: 20px; }

ul.liste_infos {
  list-style-type: disc;
  list-style-position: inside;
  padding: 0 5px;
  margin: 0; }

.trace-table {
  background-color: #FFFFFF;
  border: 1px solid #c4c4c4;
  margin-top: 20px;
  font-size: 13px;
  color: #4D4D4D;
  float: left;
  line-height: 23px; }
  .trace-table tr td {
    padding: 10px; }

/* Element qui ne doit pas apparaitre en temps normal lors de l'impression */
.print_only {
  display: none; }

.total_remise {
  color: #4D4D4D;
  font-size: 12px;
  white-space: nowrap;
  padding-left: 30px;
  padding-bottom: 8px; }

body#page-bienvenue form[name="f"] {
  min-height: 85vh; }

body#page-bienvenue table {
  border-collapse: separate; }
  body#page-bienvenue table.tableau-index {
    box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.15);
    -moz-box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.15);
    -webkit-box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.15);
    border-radius: 8px;
    margin-top: 100px;
    min-width: 450px;
    padding-bottom: 40px; }

body#page-bienvenue #js {
  display: block;
  padding: 20px; }
  body#page-bienvenue #js table {
    width: 100%; }

body#page-bienvenue #nojs {
  display: none;
  padding: 20px;
  text-align: center; }

body#page-bienvenue a.lang {
  color: #000000;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none; }
  body#page-bienvenue a.lang:not(:last-child):after {
    content: '|';
    font-size: 16px;
    position: relative;
    display: inline-block;
    margin: 0 5px; }

body#page-bienvenue a:hover {
  text-decoration: underline; }

body#page-bienvenue p.text {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: verdana,arial,helvetica,sans-serif;
  color: #111;
  font-size: 13px;
  line-height: 20px; }
  body#page-bienvenue p.text a {
    font-weight: bold;
    text-decoration: underline; }
    body#page-bienvenue p.text a:hover {
      text-decoration: none; }

body#page-bienvenue .centered {
  /* Utilisé sur les td ayant les textes de connexions pour les centrer */
  vertical-align: baseline;
  text-align: center;
  padding-top: 18px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  font-size: 16px;
  line-height: 25px;
  min-width: 150px;
  font-family: 'Source sans pro';
  font-weight: bold;
  color: #111; }

body#page-bienvenue .centered-btn {
  /* Utilisé sur les td des boutons de connexion pour les centrer*/
  width: 50%;
  text-align: center;
  vertical-align: middle; }
  body#page-bienvenue .centered-btn .connexion-btn {
    background: #643586;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s; }
    body#page-bienvenue .centered-btn .connexion-btn span.icon-inscription:before {
      font-size: 25px;
      color: white; }
    body#page-bienvenue .centered-btn .connexion-btn span.icon-verrou:before {
      font-size: 35px;
      color: white; }
    body#page-bienvenue .centered-btn .connexion-btn span.icon-empreinte:before {
      font-size: 40px;
      color: white;
      margin-left: 3px;
      margin-top: 2px; }
    body#page-bienvenue .centered-btn .connexion-btn span.icon-clef-usb:before {
      font-size: 40px;
      color: white; }
    body#page-bienvenue .centered-btn .connexion-btn:hover {
      text-decoration: none;
      background: #A683B6; }
  body#page-bienvenue .centered-btn .bouton100, body#page-bienvenue .centered-btn .bouton100_on {
    margin: 0; }

body#page-bienvenue footer {
  font-family: verdana,arial,helvetica,sans-serif;
  color: #111;
  font-size: 12px;
  width: 100%; }

#fullscreen-btn {
  padding: 0;
  margin: 0; }
  #fullscreen-btn span.icon-reduce,
  #fullscreen-btn span.icon-expand {
    margin-top: -0.8px; }
    #fullscreen-btn span.icon-reduce:before,
    #fullscreen-btn span.icon-expand:before {
      font-size: 30px;
      color: #643586; }
  #fullscreen-btn:hover {
    border: 1px solid #643586;
    background-color: #643586;
    color: #ffffff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s; }
    #fullscreen-btn:hover span:before {
      color: white; }

#display-options-btn {
  padding: 0;
  margin: 0;
  margin-right: 5px; }
  #display-options-btn span.icon-parametrage:before {
    color: #643586;
    font-size: 28px;
    margin-left: -1px; }
  #display-options-btn:hover {
    border: 1px solid #643586;
    background-color: #643586;
    color: #ffffff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s; }
    #display-options-btn:hover span:before {
      color: white; }

.custom-window-header {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding: 0 0 5px;
  margin-top: -15px; }
  .custom-window-header .window-buttons-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    top: -42px;
    right: 0;
    width: 70px;
    max-width: 70px; }

.poppin[id^=tab_param] {
  display: flex !important; }
  .poppin[id^=tab_param] thead th {
    padding-top: 12px;
    min-width: 250px; }
  .poppin[id^=tab_param] #close-display-options-btn {
    position: absolute;
    right: 10px;
    top: 0;
    cursor: pointer; }
  .poppin[id^=tab_param] > table {
    border: none !important;
    box-shadow: none;
    transform: scale(0.8);
    min-width: 350px;
    width: auto; }
    .poppin[id^=tab_param] > table tr:last-child td,
    .poppin[id^=tab_param] > table tbody tr:last-child td.t {
      padding: 10px 20px;
      text-align: center; }
      .poppin[id^=tab_param] > table tr:last-child td input[type="button"],
      .poppin[id^=tab_param] > table tr:last-child td input[type="submit"],
      .poppin[id^=tab_param] > table tr:last-child td button,
      .poppin[id^=tab_param] > table tbody tr:last-child td.t input[type="button"],
      .poppin[id^=tab_param] > table tbody tr:last-child td.t input[type="submit"],
      .poppin[id^=tab_param] > table tbody tr:last-child td.t button {
        margin: 0 auto; }
    .poppin[id^=tab_param] > table tbody tr td.t {
      padding: 0 20px; }
  .poppin[id^=tab_param] .icon-fermer {
    padding-top: 10px; }
  .poppin[id^=tab_param].show > table {
    transform: scale(1); }

.ch_login,
.ch_pass {
  font-size: 13px;
  font-family: "Verdana"; }

.a_pass_oublie {
  font-style: italic;
  color: #643586;
  font-family: "Source sans pro"; }
  .a_pass_oublie:hover {
    color: #A683B6;
    text-decoration: underline; }

.contenu_body {
  margin: auto;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 74px;
  width: 1024px; }

.contenu_colore {
  background-color: #A683B6;
  height: 100px;
  min-width: 1104px;
  text-align: center;
  width: 100%; }

.contenu_colore_titre {
  color: white;
  font-size: 23px;
  padding-top: 35px; }

.contenu_head {
  height: 110px;
  margin: auto;
  width: 1024px;
  padding-left: 40px;
  padding-right: 40px; }

.contenumotdepasse {
  padding: 15px; }

.lost_card_title {
  color: #A683B6;
  font-size: 14px;
  font-weight: bold;
  padding-left: 10px; }

.lost_pwd_title {
  color: #A683B6;
  font-size: 14px;
  line-height: 18px; }

.lsv1 {
  margin-bottom: 29px;
  margin-right: 37px;
  max-height: 500px;
  max-width: 500px;
  padding-left: 220px; }

.lsv2 {
  margin-right: 37px;
  max-height: 500px;
  max-width: 500px;
  padding-left: 220px; }

.txt_i_colore {
  color: #643586;
  font-size: 12px;
  font-style: italic; }

.txt_insc {
  color: #4D4D4D;
  font-size: 12px; }

.welcome {
  font-weight: bold;
  font-size: 18px;
  color: #4D4D4D;
  font-family: "Source sans pro";
  line-height: 25px; }

.hist_action {
  position: absolute;
  z-index: 102;
  float: right;
  margin-left: 70px;
  margin-top: -41px;
  background-color: #ffffff;
  padding: 5px;
  border: 1px solid #d4d4d4; }
  .hist_action input {
    margin-right: 5px; }

.histo_form {
  padding: 5px;
  float: left; }

.hist_imprimer {
  position: absolute;
  left: 0px;
  top: 41px;
  z-index: 102; }
  .hist_imprimer input {
    margin-top: 5px; }

.liste_etapes li {
  margin-left: 30px; }

.arrow-border {
  cursor: pointer;
  border: none; }

.fieldset-table tr td {
  padding-bottom: 2px; }

.td_arrow_container {
  padding-right: 10px;
  padding-top: 10px; }

.espaceaccueil {
  padding-top: 20px; }

.t_logo_linkedin {
  color: #4D4D4D;
  font-size: 13px;
  font-family: verdana;
  color: #9a9a9a !important; }

.linkedin_logo,
.viadeo_logo {
  font-weight: normal;
  margin-left: 5px;
  font-size: 8pt;
  border: 0;
  display: inline-block;
  vertical-align: bottom; }
  .linkedin_logo:hover,
  .viadeo_logo:hover {
    text-decoration: underline; }

.trace-table {
  color: #4D4D4D; }

.multi-line-label {
  line-height: 18px !important;
  padding-bottom: 5px;
  padding-top: 5px; }

.img_nb_va {
  border: none;
  vertical-align: middle; }

.show_title {
  cursor: help; }

/*=============================================>>>>>
= Ecran paramétrage EBICS avancé =
===============================================>>>>>*/
#param-ebics-avance .margetabonglet {
  padding: 15px 30px; }

#param-ebics-avance .flex-container-row {
  display: flex; }
  #param-ebics-avance .flex-container-row .tab {
    padding: 5px 15px; }
  #param-ebics-avance .flex-container-row .scrollable-container {
    max-height: 360px; }
  #param-ebics-avance .flex-container-row .t7vert,
  #param-ebics-avance .flex-container-row .t7rouge {
    padding: 0;
    margin: 0; }
  #param-ebics-avance .flex-container-row > div {
    overflow-x: hidden;
    height: auto;
    padding: 0px 20px 0px 0px; }
    #param-ebics-avance .flex-container-row > div:nth-of-type(2) {
      margin-left: 25px; }

/*= End of Ecran paramétrage EBICS avancé =*/
/*=============================================<<<<<*/
.liste-insc {
  padding-left: 30px; }

.fav-star {
  background-position: center center;
  width: 18px !important;
  height: 16px !important;
  background-repeat: no-repeat;
  position: absolute !important;
  margin-left: -25px;
  margin-top: 2px;
  cursor: pointer;
  line-height: auto !important;
  font-size: auto !important; }
  .fav-star.active {
    /* Active favorite star icon */
    background-image: url(../img/13/etoile-pleine.png?v=14.1.0); }
  .fav-star.inactive {
    /* Inactive favorite star icon */
    background-image: url(../img/13/etoile-grise.png?v=14.1.0);
    /* Hover inactive favorite star icon */ }
    .fav-star.inactive:hover {
      background-image: url(../img/13/etoile-vide.png?v=14.1.0); }

/* Favorite star icon on menu */
.box-menu .fav-star {
  margin-left: -15px;
  margin-top: 1px; }

/* Favorite star icon example div */
.fav-star-example {
  color: #4D4D4D;
  font-size: 12px !important;
  width: 100%;
  float: left; }
  .fav-star-example * {
    /* Favorite star icon example div inner elements */
    display: inline-block;
    vertical-align: middle; }
  .fav-star-example span {
    /* Favorite star icon example div span */
    position: absolute;
    margin-left: 3px;
    margin-top: 17px; }
  .fav-star-example > .widget-tooltip-point {
    margin-top: 15px !important; }

/*=============================================>>>>>
= releve_compte_chart =
===============================================>>>>>*/
/* Styles liées aux graphiques */
/* Exemple d'écran :AMB Factory > relevé de comptes > Afficher une graphique */
.highcharts-legend-item rect {
  display: block; }

.legend-symbol-bar, .legend-symbol-line {
  position: relative;
  top: 2px;
  border-radius: 2px;
  width: 18px;
  height: 12px;
  display: inline-block;
  margin-right: 5px; }

.highcharts-legend-item-hidden .legend-symbol-bar {
  background-color: #cccccc !important; }

.ui-tooltip {
  border: 1px solid #CCC !important; }

/*= End of releve_compte_chart =*/
/*=============================================<<<<<*/
.icon-info-bulle-hover:before {
  color: #643586 !important; }

.highcharts-menu-item:hover {
  background-color: #643586 !important; }

.delete-widget-button:hover {
  border: 2px solid #643586;
  color: #643586; }

/*=============================================>>>>>
= Smart select =
===============================================>>>>>*/
input#form_virsepa_nom_beneficiaire {
  /* Définition des styles du champ de saisie du nom du beneficiaire */
  box-sizing: border-box;
  width: 250px;
  max-width: 250px;
  padding-right: 27px;
  outline: none; }

input#form_lcr_tire,
input#form_lcr_identifiant,
input#form_virsepa_nom_beneficiaire,
input#form_lcr_tire:focus,
input#form_lcr_identifiant:focus,
input#form_virsepa_nom_beneficiaire:focus {
  /* Enlever le contour bleu du champ saisie de l'autocomplete */
  outline: none; }

/* Champ où apparait le select avec les suggestions en fonction e la saisie de l'utilisateur */
/* Exeple d'ecran : Remise de Virements SEPA > Créer un ordre : Saisir un nom de bénéficiaire */
#dest2 {
  /* Positionnement du container des suggestions */
  top: 14px;
  left: 0px;
  box-sizing: border-box;
  z-index: 1; }
  #dest2 select.select {
    /* Définition des styles du select */
    box-sizing: border-box;
    border: 1px solid #DDDBDC;
    border-top: white;
    outline: none;
    width: 250px;
    max-width: 250px;
    outline: none;
    border-radius: 0 0 5px 5px; }
    #dest2 select.select option:hover {
      box-shadow: 0 0 10px 100px #DDDBDC inset; }
  #dest2 select:focus {
    /* Enlever le contour bleu du select de l'autocomplete */
    outline: none; }

.w-100 {
  /* A appliquer pour donner la width la max width d'un élément de 100% */
  max-width: 100%;
  width: 100%; }
  .w-100 #dest2 select.select {
    /* Pour le champ d'autocomplétion */
    max-width: 100%;
    width: 100%; }

/*= End of Smart select =*/
/*=============================================<<<<<*/
/* ================================ Popin Aide Custom ================================
 * @see styles/popin.css
 * @see BANKX-30209
 */
div.popin-container > div.popin-frame > div.popin-content > div#__ID_DIALOG__ > div.titre_infobulle {
  color: #643586; }

div.popin-container > div.popin-frame > div.popin-content > div#__ID_DIALOG__ a {
  color: #643586;
  text-decoration: underline; }

div.popin-container > div.popin-frame > div.popin-content > div#__ID_DIALOG__ ul,
div.popin-container > div.popin-frame > div.popin-content > div#__ID_DIALOG__ ol {
  padding: 0;
  margin: 0; }
  div.popin-container > div.popin-frame > div.popin-content > div#__ID_DIALOG__ ul li,
  div.popin-container > div.popin-frame > div.popin-content > div#__ID_DIALOG__ ol li {
    margin-left: 33px; }

/* Utilisé pour l'écran de portefeuille de LCR */
.comptage {
  color: #643586;
  font-size: 13px;
  font-weight: bold; }

/* FIN Utilisé pour l'écran de portefeuille de LCR */
/*===================================================>>>>>
= Div paramétrage #div_global_rattachement_manuel_gdc =
====================================================>>>>>*/
div#div_global_rattachement_manuel_gdc {
  /* Ecran AMB Treasury > Initialisation des comptes choisir un compte puis groupes de comptes */ }
  div#div_global_rattachement_manuel_gdc div#div_fond_rattachement_manuel_gdc {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 999;
    background-color: rgba(43, 46, 56, 0.7);
    border: 0px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%; }
  div#div_global_rattachement_manuel_gdc iframe {
    position: fixed;
    height: 630px;
    width: 650px;
    background-color: white;
    border-radius: 8px;
    border: 0px;
    z-index: 1000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

/*----------- Edge Only -----------*/
@supports (-ms-ime-align: auto) {
  #selectDepart.t {
    line-height: 16px; }
  #selectArrive.t {
    line-height: 16px; }
  div#div_global_rattachement_manuel_gdc iframe {
    height: 650px; } }

/*----------- Safari Only -----------*/
/*----------- Internet Explorer Only -----------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none), (min-width: 0\0) {
  div#div_global_rattachement_manuel_gdc iframe {
    height: 510px; } }

/*= End of Div paramétrage #div_global_rattachement_manuel_gdc =*/
/*=========================================================<<<<<*/
/*=============================================>>>>>
= div_global_tri =
===============================================>>>>>*/
div[id^=div_global_tri] {
  /* Ecran AMB Factory > Destinataire cliquer bouton de tri */ }
  div[id^=div_global_tri] div[id^=div_fond_trie] {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 999;
    background-color: rgba(43, 46, 56, 0.7);
    border: 0px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%; }
  div[id^=div_global_tri] iframe {
    position: fixed;
    height: 620px;
    width: 900px;
    background-color: white;
    border-radius: 8px;
    border: 0px;
    z-index: 1000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

/*----------- Edge Only -----------*/
@supports (-ms-ime-align: auto) {
  div[id^=div_global_tri] iframe {
    height: 630px; } }

/*= End of div_global_tri =*/
/*=============================================<<<<<*/
#div_serveurs td:first-child {
  width: 440px;
  white-space: nowrap; }
  #div_serveurs td:first-child:first-letter {
    text-transform: uppercase; }

#test_ebics td:first-child {
  width: 440px;
  white-space: nowrap; }
  #test_ebics td:first-child:first-letter {
    text-transform: uppercase; }

#div_info_CP td:first-child {
  width: 300px;
  white-space: nowrap; }

#div_CP .ebics-s {
  line-height: 15px;
  vertical-align: top;
  padding-bottom: 5px;
  padding-right: 20px; }

#div_CP table tr.prot-trans td {
  padding-top: 10px; }

#div_CP table td:first-child:not(.prot-trans) {
  width: 440px;
  white-space: nowrap; }

#div_CP table td.prot-trans {
  width: 200px;
  white-space: nowrap;
  text-align: right; }

/*=============================================>>>>>
= APP SPECIFIC CSS =
===============================================>>>>>*/
.table-border-color {
  border-color: #ededed; }

/* BANKX-51988 fix display list of currencies  */
#form_virint_index_virement > tbody > tr > td:last-child {
  width: 62px; }

.rib-pdf-icon {
  display: inline-block;
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(7px);
  -ms-transform: translateY(5px);
  -o-transform: translateY(5px);
  transform: translateY(5px); }
  .rib-pdf-icon img {
    width: 27px; }

input[class*="bouton"][value~=Supprimer],
input[class*="bouton"][value~=Delete],
input[class*="bouton"][value~=Suprimir],
input[class*="bouton"][value~=L\00F6schen],
input[class*="bouton"][value~=Elimina] {
  background-image: url(../img/13/13_bouton_delete.png?v=14.1.0);
  background-repeat: no-repeat;
  padding: 0 15px 0 25px; }
  input[class*="bouton"][value~=Supprimer]:hover,
  input[class*="bouton"][value~=Delete]:hover,
  input[class*="bouton"][value~=Suprimir]:hover,
  input[class*="bouton"][value~=L\00F6schen]:hover,
  input[class*="bouton"][value~=Elimina]:hover {
    background-image: url(../img/13/13_bouton_delete_on.png?v=14.1.0);
    background-repeat: no-repeat;
    padding: 0 15px 0 25px; }

input[class*="bouton"][value~=Retour],
input[class*="bouton"][value~=Back],
input[class*="bouton"][value~=Salir],
input[class*="bouton"][value~=Beenden],
input[class*="bouton"][value~=Esci] {
  background-image: url(../img/13/13_bouton_return.png?v=14.1.0);
  background-repeat: no-repeat;
  padding: 0 15px 0 28px; }
  input[class*="bouton"][value~=Retour]:hover,
  input[class*="bouton"][value~=Back]:hover,
  input[class*="bouton"][value~=Salir]:hover,
  input[class*="bouton"][value~=Beenden]:hover,
  input[class*="bouton"][value~=Esci]:hover {
    background-image: url(../img/13/13_bouton_return_on.png?v=14.1.0);
    background-repeat: no-repeat;
    padding: 0 15px 0 28px; }

input[class*="bouton"][value~="Créer"][type="Submit"],
input[class*="bouton"][value~=New][type="Submit"],
input[class*="bouton"][value~=Crear][type="Submit"],
input[class*="bouton"][value~=Erstellen][type="Submit"],
input[class*="bouton"][value~=Crea][type="Submit"] {
  background-image: url(../img/13/13_bouton_add.png?v=14.1.0);
  background-repeat: no-repeat;
  padding: 0 15px 0 25px; }
  input[class*="bouton"][value~="Créer"][type="Submit"]:hover,
  input[class*="bouton"][value~=New][type="Submit"]:hover,
  input[class*="bouton"][value~=Crear][type="Submit"]:hover,
  input[class*="bouton"][value~=Erstellen][type="Submit"]:hover,
  input[class*="bouton"][value~=Crea][type="Submit"]:hover {
    background-image: url(../img/13/13_bouton_add_on.png?v=14.1.0);
    background-repeat: no-repeat;
    padding: 0 15px 0 25px; }

input[class*="bouton"][value~="Créer"][type="button"],
input[class*="bouton"][value~=New][type="button"],
input[class*="bouton"][value~=Crear][type="button"],
input[class*="bouton"][value~=Erstellen][type="button"],
input[class*="bouton"][value~=Crea][type="button"] {
  background-image: url(../img/13/13_bouton_add.png?v=14.1.0);
  background-repeat: no-repeat;
  padding: 0 15px 0 25px; }
  input[class*="bouton"][value~="Créer"][type="button"]:hover,
  input[class*="bouton"][value~=New][type="button"]:hover,
  input[class*="bouton"][value~=Crear][type="button"]:hover,
  input[class*="bouton"][value~=Erstellen][type="button"]:hover,
  input[class*="bouton"][value~=Crea][type="button"]:hover {
    background-image: url(../img/13/13_bouton_add_on.png?v=14.1.0);
    background-repeat: no-repeat;
    padding: 0 15px 0 25px; }

input[class*="bouton"][value~=Nouvelle][type="Submit"],
input[class*="bouton"][value~=Nouvel][type="Submit"],
input[class*="bouton"][value~=Nouveau][type="Submit"],
input[class*="bouton"][value~=New][type="Submit"],
input[class*="bouton"][value~=Nuevo][type="Submit"],
input[class*="bouton"][value~=Neue][type="Submit"],
input[class*="bouton"][value~=Nuovo][type="Submit"] {
  background-image: url(../img/13/13_bouton_add.png?v=14.1.0);
  background-repeat: no-repeat;
  padding: 0 15px 0 25px; }
  input[class*="bouton"][value~=Nouvelle][type="Submit"]:hover,
  input[class*="bouton"][value~=Nouvel][type="Submit"]:hover,
  input[class*="bouton"][value~=Nouveau][type="Submit"]:hover,
  input[class*="bouton"][value~=New][type="Submit"]:hover,
  input[class*="bouton"][value~=Nuevo][type="Submit"]:hover,
  input[class*="bouton"][value~=Neue][type="Submit"]:hover,
  input[class*="bouton"][value~=Nuovo][type="Submit"]:hover {
    background-image: url(../img/13/13_bouton_add_on.png?v=14.1.0);
    background-repeat: no-repeat;
    padding: 0 15px 0 25px; }

input[class*="bouton"][value~=Ajouter],
input[class*="bouton"][value~=Add],
input[class*="bouton"][value~=A\00F1 adir],
input[class*="bouton"][value~=Hinzuf\00FCgen],
input[class*="bouton"][value~=Aggiungi] {
  background-image: url(../img/13/13_bouton_add.png?v=14.1.0);
  background-repeat: no-repeat;
  padding: 0 15px 0 25px; }
  input[class*="bouton"][value~=Ajouter]:hover,
  input[class*="bouton"][value~=Add]:hover,
  input[class*="bouton"][value~=A\00F1 adir]:hover,
  input[class*="bouton"][value~=Hinzuf\00FCgen]:hover,
  input[class*="bouton"][value~=Aggiungi]:hover {
    background-image: url(../img/13/13_bouton_add_on.png?v=14.1.0);
    background-repeat: no-repeat;
    padding: 0 15px 0 25px; }

input[class*="bouton"][value~=Enregistrer],
input[class*="bouton"][value~=Save],
input[class*="bouton"][value~=Registrar],
input[class*="bouton"][value~=Speichern],
input[class*="bouton"][value~=Salva] {
  background-image: url(../img/13/13_bouton_save.png?v=14.1.0);
  background-repeat: no-repeat;
  padding: 0 15px 0 30px; }
  input[class*="bouton"][value~=Enregistrer]:hover,
  input[class*="bouton"][value~=Save]:hover,
  input[class*="bouton"][value~=Registrar]:hover,
  input[class*="bouton"][value~=Speichern]:hover,
  input[class*="bouton"][value~=Salva]:hover {
    background-image: url(../img/13/13_bouton_save_on.png?v=14.1.0);
    background-repeat: no-repeat;
    padding: 0 15px 0 30px; }

input[class*="bouton"][value="<< lier"],
input[class*="bouton"][value="<< link"],
input[class*="bouton"][value="<< vincular"],
input[class*="bouton"][value="<< verbinden"],
input[class*="bouton"][value="<< Collega"] {
  width: 175px !important;
  margin: 0 0 10px 0; }

input[class*="bouton"][value='>> délier'],
input[class*="bouton"][value='>> unlink'],
input[class*="bouton"][value='>> desvincular'],
input[class*="bouton"][value='>> Verbindung lösen'],
input[class*="bouton"][value='>> Scollega'] {
  width: 175px !important;
  margin: 0 0 10px 0; }

input[type="Submit"],
input[type="button"] {
  margin: 5px 10px 5px 0;
  outline: none; }

/* Gestion des messages à l'ouverture d'AMB => Boutons pour télécharger les images */

/*# sourceMappingURL=new_mesbanques.css.map */