@import url(../font/montserrat.css);
/* Bleu marine */
/* Magenta*/
/* Bleu marine */
/* Gris */
/* Gris */
/* Gris clair */
/* Rouge */
/* Orange */
/* Vert */
/* Bleu clair*/
/* Notifications */

/* V8.09 */
/* 27/12/2023 
  - passage de 1536 à 1528px de large comme palier à cause de Edge new look   
  - passage de 1535 à 1527px de large comme palier à cause de Edge. 
  - passage de 1534 à 1526px de large comme palier à cause de Edge. 

*/

i.alert {
  color: #ff3939;
  margin: 0;
  padding: 0;
}

body {
  font-family: "Montserrat";
  color: #001a51;
  font-weight: 500;
  font-size: 14px !important;
  letter-spacing: inherit;
  /* line-height:1rem; */ /* change la hauteur partout, y compris sur le tableau de synthèse */
}

.pageprincipale {
  overflow-y: hidden;
}

.aide {
  overflow-y: auto;
}

@media (max-width: 1527px) {
  body {
    font-size: 0.9rem !important;
  }
}

.btn {
  font-size: 0.8rem;
  border-radius: 2rem;
  padding: 0.25rem 1.5rem;
  font-weight: bold;
  margin: 0 0.5rem 1rem 0.125rem;
  background: #001a51;
  border-color: #001a51;
  color: white;
}

.btn.btn-success {
  border: 2px solid green;
  background: green;
  color: white;  
}

.btn.btn-success:hover {
  color: green;
  background: white;
}

.btn.btn-danger {
  background: #ad2221;
  color: white;
  border: 2px solid #ad2221;

}
.btn.btn-danger:hover {
  color: #ad2221;
  background: white;
}

.btn.btn-outline-success {
  border: 2px solid green;
  color: green;
  background: white;
}
.btn.btn-outline-success:hover {
  background: green;
  color: white;
}

.btn.btn-outline-danger {
  border: 2px solid #ad2221;
  color: #ad2221;
  background: white;
}
.btn.btn-outline-danger:hover {
  background: #ad2221;
  color: white;
}

.btn.btn-outline-primary {
  border: 2px solid #001a51;
  color: #001a51;
  background: white;
}
.btn.btn-outline-primary:hover {
  background: #001a51;
  color: white;
}

.btn.btn-footer {
  border: 2px solid #001a51;
  color: #001a51;
  background: white;
}
.btn.btn-footer:hover {
  background: #001a51;
  color: white;
}

.btn.btn-input-group {
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  padding: 0 0.7rem;
  border-left: 0;
  background: transparent;
  color: #001a51;
}
.btn.btn-icon {
  padding: 0.25rem;
  width: 34px;
  height: 28px;
  background: #001a51;
  color: white;  
  font-size: 0.8rem;
  border-radius: 2rem;
  border-color: #001a51;
}

.btn.btn-icon:hover {
  background: #0c73f1;
  color: white;
}

.btn.btn-outline-icon {
  padding: 0.25rem;
  width: 34px;
  height: 28px;
  font-size: 0.8rem;
  border-radius: 2rem;
  border-color: #001a51;
  background: white;
  color:#001a51;
}
.btn.btn-outline-icon:hover {
  background: #001a51;
  color: white;
}

/* Login */
.login {
  box-sizing: border-box;
  background-color: #d6e0f2;
  background: #d6e0f2;
  background: linear-gradient(0deg, #d6e0f2 0%, white 100%);
  padding-top: 1%;
  height: 100vh;
}

@media (min-width: 1537px) {
  .login {
    padding-top: 5%;
  }
}

@media (max-width: 768px) {
  .login {
    padding-top: 0;
  }
}

.login .alert {
  padding: inherit;
  padding: 0.75rem 1.25rem;
  font-size: 0.8rem;
}
.login .login-container {
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
  max-width: 1000px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .login .login-container {
    max-width: 900px;
  }
}
.login .login-container .login-intro {
  background-color: white;
  font-weight: 400;
  text-align: center;
  position: relative;
  padding-top: 60px;
}
@media (max-width: 768px) {
  .login .login-container .login-intro {
    padding-top: 30px;
  }
}
.login .login-container .login-intro .logo {
  text-align: center;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .login .login-container .login-intro .logo {
    margin-bottom: 0;
  }
}
.login .login-container .login-intro .logo img {
  max-width: 270px;
  max-height: 150px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .login .login-container .login-intro .logo img {
    max-width: 200px;
  }
}
.login .login-container .login-intro h2 {
  font-weight: normal;
  text-transform: uppercase;
  padding: 2rem;
  font-size: 1.3rem;
}
@media (max-width: 576px) {
  .login .login-container .login-intro h2 {
    font-size: 1rem;
    padding: 0.5rem 0 0 0;
  }
}
.login .login-container .login-intro p {
  margin: 1rem 0;
}
@media (max-width: 768px) {
  .login .login-container .login-intro img.logo-LWF {
    max-width: 200px;
  }
}
.login .login-container .login-intro.login-visuel {
  background: url("../img/visuel-login.png") no-repeat center bottom white;
  padding-bottom: 140px;
}
@media (max-width: 576px) {
  .login .login-container .login-intro.login-visuel {
    background: none;
    padding-bottom: 0;
  }
}

#editLogin {
  background: white;
  color: #0a4b80;
}

.login .login-container .login-form {
  padding: 60px 0 40px;
  background: #0a4b80;
  background: linear-gradient(0deg, #0a4b80 0%, #0080c7 100%);
  color: white;
  line-height: 110%;
}

.login .login-container .login-form i.link-popup {
  font-size: 1.2rem;
  margin-top: 1.8rem;
}
.login .login-container .login-form.login-form-95 {
  background: #008a7a;
}
.login .login-container .login-form p {
  margin-bottom: 0.5rem;
}
.login .login-container .login-form h3 {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 2rem;
  font-size: 1.2rem;
}
@media (max-width: 576px) {
  .login .login-container .login-form h3 {
    margin-bottom: 1rem;
  }

  .login .login-container .login-form {
    padding: 20px 0 20px;
  }
}
.login .login-container .login-form a {
  color: white;
  margin: 0 0 0.7rem 0;
  display: inline-block;
}
.login .login-container .login-form a:hover {
  color: white !important;
  text-decoration: underline;
}
.login .login-container .login-form h3 {
  color: white;
}
.login .login-container .login-form .btn {
  text-transform: uppercase;
}
.login .login-container .login-form .btn.btn-warning:hover {
  background: white;
  border-color: white;
}

/* Header */
header {
  font-size: 0.8rem !important;
  margin-bottom: 0;
  max-height: 60px;
}

/* CHH : j'ai changé 992 par 1638 */
/* CHH 04/01/23 - changé de 1638 à 1535 pour que l'affichage soit normal même en 125% */
@media (max-width: 1527px) {
  header {
    max-height: initial;
  }
}

header.bg-dark {
  background: #00377e;
  background: linear-gradient(90deg, #00377e 0%, #367dd9 100%);
  color: white;
}
header.bg-dark a {
  color: white;
}
header.bg-dark .navbar-brand {
  padding: 0.5rem 1rem;
  width: 250px !important;
  max-height: 60px;
  min-width: 250px !important;
  background-color: white;
  text-align: center;
  margin-right: 0;
}
@media (max-width: 1526px) {
  header.bg-dark .navbar-brand {
    width: 100 !important;
    min-width: 100% !important;
  }
}
header.bg-dark .navbar-brand img {
  max-height: 50px;
}
@media (max-width: 1526px) {
  header.bg-dark .navbar-brand img {
    max-height: 30px;
  }
}
header.bg-dark .navbar.bg-light {
  background-color: transparent !important;
}
header.bg-dark .navbar .navbar-toggler,
header.bg-dark .navbar.collapsed,
header.bg-dark .navbar:focus {
  border: 0;
  box-shadow: none;
}
header.bg-dark .slogan {
  padding: 0.7rem 1rem;
}
header.bg-dark ul.list-group li.list-group-item {
  background: transparent;
  border: 0;
  color: white;
}

/* Sidebar - Menu global */
.toggle-menu {
  margin: 1rem 1.5rem 0 0;
  float: left;
}
.toggle-menu i {
  font-size: 1.2rem;
  color: #004298;
}

.bg-gradient {
  background: #00377e;
  background: linear-gradient(180deg, #00377e 0%, #367dd9 100%) !important;
  height: calc(100vh - 60px) !important;
}

.nav {
  z-index: 700;
}

.navbar {
  padding-top: 0;
  padding-bottom: 0;
}

#sidebar #sidebar-nav {
  overflow-y: auto;
  overflow-x: hidden;
  min-height: calc(100vh - 60px) !important;
  max-height: calc(100vh - 60px) !important;  
  width: 250px;
  /*background: transparent;*/
  background: linear-gradient(180deg, #00377e 0%, #367dd9 100%) !important;
}

/* Taille de la scrollbar du navbar selon la taille de l'écran */
@media (max-width: 1527px) {
  #sidebar #sidebar-nav {
    min-height: calc(100vh - 86px) !important;
    max-height: calc(100vh - 86px) !important;
  }
}

@media (max-width: 1526px) {
  #sidebar #sidebar-nav {
    min-height: calc(100vh - 107px) !important;
    max-height: calc(100vh - 109px) !important;
  }
}

@media (max-width: 1230px) {
  #sidebar #sidebar-nav {
    min-height: calc(100vh - 127px) !important;
    max-height: calc(100vh - 127px) !important;
  }
}

@media (max-width: 1026px) {
  #sidebar #sidebar-nav {
    min-height: calc(100vh - 100px) !important;
    max-height: calc(100vh - 102px) !important;
  }
}

#sidebar #sidebar-nav li {
  background-color: transparent;
  color: white;
  padding: 0;
}
#sidebar #sidebar-nav li:hover button {
  /* background: white; */
  color: white;
}

#sidebar #sidebar-nav li .collapse.show ul.btn-toggle-nav li {
  border: 0 !important;
}

#sidebar #sidebar-nav li .collapse.show ul.btn-toggle-nav li a {
  padding: 0.3rem 0 0.3rem 2rem;
  transition-duration: 0.01s;
}
#sidebar #sidebar-nav li .collapse.show ul.btn-toggle-nav li:hover {
  background: white;
}
#sidebar #sidebar-nav li .collapse.show ul.btn-toggle-nav li:hover a {
  color: #001a51;
}
#sidebar #sidebar-nav li .active button {
  background: white;
  color: #001a51;
}
#sidebar #sidebar-nav li button {
  background: transparent;
  border: 0;
  color: white;
  width: 100%;
  padding: 0.5rem 0 0.5rem 1rem;
  text-align: left;
}
#sidebar #sidebar-nav li a {
  color: white;
  text-decoration: none;
  padding-left: 2rem;
  display: block;
}
#sidebar #sidebar-nav li i {
  padding-left: 0;
  width: 32px;
}

.menuactif {
  color: #001a51 !important;  
  background: white;
}

/* Content */
/* Partie principale de la page en taille normale */
.main-content {
  overflow-x: hidden;
  overflow-y: auto;
  background: white;
  height: calc(100vh - 60px) !important;
}

.main-avecfooter {
  overflow-x: hidden;
  overflow-y: auto;
  background: white;  
  height: calc(100vh - 120px) !important;
}

/* moins de 1528px de large, équivalent de 125% */
@media (max-width: 1527px) {
  .main-avecfooter {
    overflow-x: hidden;
    overflow-y: auto;
    background: white;    
    height: calc(100vh - 167px) !important;
  }

  .main-content {
    overflow-x: hidden;
    overflow-y: auto;
    background: white;    
    height: calc(100vh - 108px) !important;
  }  
}

/* moins de 1231px de large, équivalent de 150% */
@media (max-width: 1230px) {
  .main-avecfooter {
    overflow-x: hidden;
    overflow-y: auto;
    background: white;    
    height: calc(100vh - 185px) !important;
  }

  .main-content {
    overflow-x: hidden;
    overflow-y: auto;
    background: white;    
    height: calc(100vh - 127px) !important;
  }  
}

/* moins de 1027px de large, gros zoom */
@media (max-width: 1026px) {
  .main-avecfooter {
    overflow-x: hidden;
    overflow-y: auto;
    background: white;    
    height: calc(100vh - 162px) !important;
  }

  .main-content {
    overflow-x: hidden;
    overflow-y: auto;
    background: white;    
    height: calc(100vh - 102px) !important;
  }  
}

/* pied de page */
.footer-discret {
  height: 60px;
  background: #edf0f3;
  box-shadow: 0px -3px 6px 0px rgba(0, 0, 0, 0.16);
  z-index: 600;
  position: fixed;
  bottom: 0;
  right: 0;
  width: calc(100vw - 250px);
  overflow-x: auto;
  overflow-y: hidden;
}

.footer-discret .btn {
  text-transform: uppercase;
}

@media (max-width: 1527px) {
  /* pied de page */
  .footer-discret {
    height: auto;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
  }
}

h1 {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}

@media (max-width: 1527px) {
  h1 {
    font-size: 1.4rem;
    margin-bottom: 0.8rem;
  }
}

.modal h1 {
  font-size: 1.4rem;
}
.modal h2 {
  font-size: 1.2rem;
}
.modal .tab-content {
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}

section h2 {
  border-left: 5px solid #768198;
  padding: 0.4rem 1rem;
}

h2 {
  font-size: 1.4rem;
}
@media (max-width: 992px) {
  h2 {
    font-size: 1rem !important;
  }
}

h5 {
  font-size: 1rem;
}
@media (max-width: 992px) {
  h2 {
    font-size: 0.8rem !important;
  }
}
td {
  cursor: pointer; /* CHH 15/04/2022 - le curseur de la souris en mode "lien" sur les colonnes de tables */
}

@media (max-width: 1527px) {
  td {
    /* font-size: 0.6rem !important; */
  }
}

@media (max-width: 1527px) {
  /*.liste-donnees {
    .row {
      padding-left: 0;
      padding-right: 0;
    } 
  }*/
}

@media (max-width: 768px) {
  .liste-donnees {
    .row {
      padding-left: 0;
      padding-right: 0;
    } 
  }
}

/* pour sélectionner la ligne avec le focus */
.selected {
  background-color: #b4d0f5;
  color: #001a51;
}

/* Onglets */
.nav-tabs li.nav-item {
  margin-right: 2rem;
}
@media (max-width: 992px) {
  .nav-tabs li.nav-item:last-child {
    margin-right: 0;
  }
}
.nav-tabs li.nav-item button.nav-link {
  border: 0;
  border-bottom: 5px solid transparent;
  color: #001a51;
  padding: 0 0 1rem 0;
}
.nav-tabs li.nav-item button.nav-link.active,
.nav-tabs li.nav-item button.nav-link:hover {
  border-bottom: 5px solid #004298;
  color: #004298;
}

.tab-content .etats .card {
  background-color: #edf0f3;
  border: 0;
}
.tab-content .etats .card h2 {
  font-size: 1.5rem;
  text-transform: uppercase;
  line-height: 30px;
}
@media (max-width: 992px) {
  .tab-content .etats .card h2 {
    font-size: 1rem;
  }
}
.tab-content .etats .card h2 img {
  max-height: 26px;
}
.tab-content .etats .card table,
.tab-content .etats .card th,
.tab-content .etats .card tr,
.tab-content .etats .card td {
  border: 0;
  vertical-align: middle;
  padding: 1rem;
}
@media (max-width: 992px) {
  .tab-content .etats .card table,
  .tab-content .etats .card th,
  .tab-content .etats .card tr,
  .tab-content .etats .card td {
    font-size: 0.7rem;
  }
}
.tab-content .etats .card table thead th,
.tab-content .etats .card th thead th,
.tab-content .etats .card tr thead th,
.tab-content .etats .card td thead th {
  padding-bottom: 0.5rem;
}
.tab-content .etats .card table tbody tr.th-start th,
.tab-content .etats .card table tbody tr.th-start td,
.tab-content .etats .card th tbody tr.th-start th,
.tab-content .etats .card th tbody tr.th-start td,
.tab-content .etats .card tr tbody tr.th-start th,
.tab-content .etats .card tr tbody tr.th-start td,
.tab-content .etats .card td tbody tr.th-start th,
.tab-content .etats .card td tbody tr.th-start td {
  padding-top: 0.5rem;
}
.tab-content .etats .card table tbody tr.th-end,
.tab-content .etats .card th tbody tr.th-end,
.tab-content .etats .card tr tbody tr.th-end,
.tab-content .etats .card td tbody tr.th-end {
  border-bottom: 1px solid;
}
.tab-content .etats .card table tbody tr.th-end th,
.tab-content .etats .card table tbody tr.th-end td,
.tab-content .etats .card th tbody tr.th-end th,
.tab-content .etats .card th tbody tr.th-end td,
.tab-content .etats .card tr tbody tr.th-end th,
.tab-content .etats .card tr tbody tr.th-end td,
.tab-content .etats .card td tbody tr.th-end th,
.tab-content .etats .card td tbody tr.th-end td {
  padding-bottom: 0.5rem;
}
.tab-content .etats .card table th,
.tab-content .etats .card table td,
.tab-content .etats .card th th,
.tab-content .etats .card th td,
.tab-content .etats .card tr th,
.tab-content .etats .card tr td,
.tab-content .etats .card td th,
.tab-content .etats .card td td {
  padding: 0 0.5rem;
}

.tab-content .etats .card table tr,
.tab-content .etats .card th tr,
.tab-content .etats .card tr tr,
.tab-content .etats .card td tr {
  /*border-bottom: 1px solid $light-color-hr;*/
}

.tab-content .etats .card table .value,
.tab-content .etats .card th .value,
.tab-content .etats .card tr .value,
.tab-content .etats .card td .value {
  text-align: center;
  font-size: 1.2rem;
}
@media (max-width: 992px) {
  .tab-content .etats .card table .value,
  .tab-content .etats .card th .value,
  .tab-content .etats .card tr .value,
  .tab-content .etats .card td .value {
    font-size: 1rem;
  }
}
.tab-content .etats .card table .value a.alert,
.tab-content .etats .card th .value a.alert,
.tab-content .etats .card tr .value a.alert,
.tab-content .etats .card td .value a.alert {
  color: red;
}

/* Container */
section.container-fluid h2 {
  font-size: 20px;
  border-left: 6px solid #bfbfbf;
  padding: 0.4rem 1rem;
  margin-bottom: 1.2rem;
}

/* Timeline */
.timeline {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: step;  
  overflow-wrap: normal;
}
.timeline li {
  cursor: pointer;
  float: left;
  text-align: center;
  width: 150px;
  position: relative;
  font-size: 0.9rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #bfbfbf;
}

@media (max-width: 1650px) {
  .timeline li {
    font-size: 0.8rem;
    width: 120px;
  }
}

@media (max-width: 992px) {
  .timeline li {
    font-size: 0.7rem;
    width: 100px;
  }
}

.timeline li:hover {
  color: #1384e0;
}

.timeline li:before {
  content: counter(step);
  counter-increment: step;
  line-height: 38px;
  width: 50px;
  height: 50px;
  display: block;
  border-radius: 100%;
  border: 6px solid #e7e7e7;
  margin: 0 auto 15px auto;
  background: #bfbfbf;
  color: white;
}

.timeline li:after {
  content: "";
  width: 100%;
  height: 4px;
  background: #ababab;
  display: block;
  position: absolute;
  top: 24px;
  left: 50%;
  z-index: 0;
  margin: 0 1.5rem;
}

.timeline li:first-child:before {
  border-color: #e7e7e7;
  background: #367dd9;
}
.timeline li:first-child:after {
  background: #367dd9;
}
.timeline li.active {
  color: #367dd9;
}
.timeline li.active:before {
  background: #367dd9;
  border: 6px solid #d4e3f7;
}
.timeline li.active:hover {
  color: #0c73f1;
}
.timeline li.dejasaisi {
  color: #367dd9;
}
.timeline li.dejasaisi:before {
  background: #367dd9;
  border: 6px solid #367dd9;
}
.timeline li.dejasaisi:after {
  content: "";
  width: 100%;
  height: 4px;
  background: #367dd9;
  display: block;
  position: absolute;
  top: 24px;
  left: 50%;
  z-index: 0;
  margin: 0 1.5rem;
}
.timeline li.dejasaisi:hover {
  color: #0c73f1;
}

.timeline li:last-child:after {
  content: none;
}

/* CHH 03/10/22 - classe nommée lastchild avec même comportement que last-child. */
.timeline li.lastchild:after {
  content: none;
}

.timeline li.tranchemasquee:after {
  content: none;
}

.input-group-append {
  cursor: pointer;
}

.input:-webkit-autofill {
  -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
  -webkit-text-fill-color: #999;
}
.input:-webkit-autofill:focus {
  -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px white inset;
  -webkit-text-fill-color: #999;
}

/* Forms */
.form-control,
.form-select {
  font-size: 0.9rem;
}

@media (max-width: 1527px) {
  .form-control,
  .form-select,
  .form-label,
  .form-control-plaintext {
    font-size: 0.8rem !important;
  }
  .btn {
    font-size: 0.7rem !important;
    margin: 0 0 0 0;
  }

  .btn.btn-footer {
    font-size: 0.6rem !important;
    margin: 0 0 0 0;
  }
}

.form-label {
  font-weight: bold;
}

.oblig {
  color: #ff3939;
  padding: 0 0.5rem;
}

.form-control-plaintext.alert {
  padding: 0.375rem 0;
  color: #ff3939;
}

/* Dropdwon toggle menu */
.dropdown a {
  color: #001a51 !important;
  font-size: 0.9rem;
}
.dropdown a.dropdown-item i {
  margin-right: 0.5rem;
  color: #001a51 !important;
}
.dropdown a.dropdown-toggle:after {
  display: none;
}

/* Card */
.card {
  background: #f9f9f9;
}

/* Bloc infos */
.info {
  background-color: #e1f1fe;
  padding: 0.5rem 1rem;
}
.info .info-label {
  font-size: 1.1rem;
}
.info .info-value {
  font-size: 1.1rem;
  color: #367dd9;
  margin-right: 2rem;
}
.info .info-montant {
  font-size: 1.1rem;
  color: #367dd9;
  margin-right: 2rem;
  float: right;
}

/* Bloc infos blanc */ 
.infoblanc {
  background-color: #ffffff;
  padding: 0.5rem 1rem;
}
.infoblanc .info-label {
  font-size: 1.1rem;
}
.infoblanc .info-value {
  font-size: 1.1rem;
  color: #367dd9;
  margin-right: 2rem;
}
.infoblanc .info-montant {
  font-size: 1.1rem;
  color: #367dd9;
  margin-right: 2rem;
  float: right;
}


/* Onglets */
/* Footer */
.footer {
  background: #edf0f3;
  box-shadow: 0px -3px 6px 0px rgba(0, 0, 0, 0.16);
  z-index: 600;
  position: fixed;
  bottom: 0;
  width: 100%;
}
.footer .btn {
  text-transform: uppercase;
}

/* Footer */
.footerinvisible {
  overflow-x: hidden;
  z-index: 0;
  position: fixed;
  bottom: 0;
  width: 90%;
}

/* CHH 15/04/2022 */
/* gestion des tables : la dernière colonne (case à cocher Sélection) est fixe */
.tablefixed th:last-child,
.tablefixed td:last-child {
  position: sticky;
  right: 0;
  background-color: #d4e3f7;
  color: #0a4b80;
}

.table thead {
    /* position: sticky; */
    top: 0;
    border-bottom: 2px solid #ccc;
}

@media (max-width: 768px) {
  /*.table thead {
    font-size: 0.8rem !important; 
  }*/

  .table > :not(caption) > * > * {
    padding: 0;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
  }  

  .table row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    /* padding-right: calc(var(--bs-gutter-x) * .5); */
    /* padding-left: calc(var(--bs-gutter-x) * .5); */
    margin-top: var(--bs-gutter-y);
  }  
}

.colmontant {
  white-space: nowrap;
}

.col_basique {
  overflow: hidden; 
  text-overflow: ellipsis;
  min-width: 34px;
  /*max-width: 200px;*/
  /*white-space: nowrap;*/
}

.col_complet {
  overflow: hidden; 
  text-overflow: ellipsis;
  min-width: 34px;
  /*max-width: 200px;*/
  /*white-space: nowrap;*/
}

@media (max-width: 1527px) {
  .col_basique {
    overflow: hidden; 
    text-overflow: ellipsis;
    min-width: 34px;
    max-width: 140px;
    /*white-space: nowrap;*/
  }
  
  .col_complet {
    overflow: hidden; 
    text-overflow: ellipsis;
    min-width: 34px;
    max-width: 140px;
    /*white-space: nowrap;*/
  }
}

.table-avecmenu {
  min-height: 250px; /* la taille minimum permet de régler le pb qd la table n'a qu'une ligne pour le menu action, mais ce n'est pas idéal */
}

.table-avecmenusmall {
  min-height: 150px; /* la taille minimum permet de régler le pb qd la table n'a qu'une ligne pour le menu action, mais ce n'est pas idéal */
}

.table-responsive, .table {
  overflow-y: visible !important;
}

/* CHH 15/04/2022 */
/* gestion du chevron pour étendre / réduire dans les menus */
[aria-expanded="true"] .fa-chevron-right, 
[aria-expanded="false"] .fa-chevron-down {
  display: none;
}

[aria-expanded="true"] .fa-angle-right, 
[aria-expanded="false"] .fa-angle-down {
  display: none;
}

/* CHH 15/04/2022 
/* gestion de l'animation pour étendre / réduire */
/* ici : on désactive toute animation, peut être à remettre plus tard */
.collapsing {
  -webkit-transition: none;
  transition: none;
  display: none;
}

/* titre de page */
.titre-page {
  font-size: 1.8rem;
  margin-bottom: 1rem;  
}

.titre-page:any-link {
  color: #0a4b80;
  font-size: 1.8rem;
  margin-bottom: 1rem; 
  text-decoration: none; 
}

.titre-page:hover {
  color: #367dd9 !important;
}

.i-l:hover {
  color: #367dd9 !important;
}


@media (max-width: 1527px) {
  .titre-page {
    font-size: 1rem;
    margin-bottom: 0.5rem;  
    white-space: nowrap;
  }

  .titre-page:any-link {
    font-size: 1rem;
    margin-bottom: 0.5rem;  
    white-space: nowrap;
  }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color:#rgb(217, 214, 61)!important;
}