/* Bleu logo rentable #124E78 124E78 */
/* Orange accordé #FA8334 FA8334 */
/* Palette  https://coolors.co/palette/0f2b40-2d7cb5-124e78-ffffff-fa8334  */
html {overflow-y: auto;}
h1 {font-size: 1.25rem;}
h2 {font-size: 1rem; text-decoration: underline; text-decoration-color: #FA8334; text-underline-offset: 1.5rem; text-decoration-thickness: 0.12em; text-transform: uppercase;}
h3 {border-bottom: 2px solid #FA8334;}
h4 {color:#124E78!important; border-bottom: 2px solid #124E78;}

/* Pour que l'ouverture du modal ne décale la page 
ou ne la fasse pas remonter tout en haut */
body.modal {overflow-y: auto;}
body.modal-open {overflow: auto;}
body.modal-open[style] {padding-right: 0px !important;}

.content-wrapper a:not(.btn-danger):not(.button):hover {text-decoration: none; color: #FA8334!important;}
::-webkit-input-placeholder {font-style: italic;}
 :-moz-placeholder {font-style: italic;}
 ::-moz-placeholder {font-style: italic;}
 :-ms-input-placeholder {font-style: italic;}

 .select2-selection__arrow {
    display: none;
  }

input[type=checkbox]:hover {cursor: pointer;}

.champsErreur {border: 1px solid #CC0000; box-shadow: 0px 0px 5px #CC0000;}

.orange-charte {color: #FA8334!important;}
.bg-orange-charte {background-color: #FA8334!important; transition: background-color 100ms ease-in-out;}
.button.bg-orange-charte:hover {background-color: #EA7324!important;}
.border-orange-charte {border-color: #FA8334!important;}
.bg-bleu-moyen {background-color: #124E78 !important;  transition: background-color 100ms ease-in-out;}
.bg-bleu-moyen:hover {background-color: #0f2b40 !important;  transition: background-color 100ms ease-in-out;}
.button.bg-bleu-moyen {color: #fff;}
.button.bg-bleu-moyen:hover {color: #FA8334!important;}

.md\:mt-0 {margin-top: 0px !important;}
.sm\:mt-0 {margin-top: 0px !important;}

.tr {display: table-row;}
.td {display: table-cell; padding: 0 5px;}

.logo-haut {max-width: 100px;}
.logo-login {max-height: 100px; border-radius: 15px;}

.logo-nordi {height: 30px;}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse";
}
.custom-file-input:lang(fr)~.custom-file-label::after {
    content: "Parcourir";
}

select {border-color: #dbdbdb; border-radius: 4px;}

.list-institution.list-accounts {padding-left: 20px;}
.list-institution.list-accounts:hover {cursor: pointer;}
.div-unchecked {background-color: #E0E0E0;}
.hover-none:hover {cursor: default!important;}


/* Pour la fiche login */
.block:not(:last-child) {
    margin-bottom: 0 !important;
}

.pb-6rem {padding-bottom: 6rem;}

.logoTeam {max-height: 58px;}
.container-img-vcentered {display:flex;align-items:center; justify-content:center;}

.custom-switch span.active {font-weight: bold; border-bottom: 1px solid #2563eb;}

.arrowNextPrev.outofrange {filter: brightness(0);}
.arrowNextPrev.outofrange:hover {filter: brightness(0); cursor: not-allowed;}

/* Les labels "flottants" façon placeholder */
input:focus ~ .floating-label,
input:not(:focus):valid ~ .floating-label, input:not(:focus).floatingValid ~ .floating-label {
  font-size: 12px;
  /* margin-top: -53px; */
  padding: 0 3px;
}

.floating-label {
  position: absolute;
  pointer-events: none;
  transition: 0.2s ease all;
  /* margin-top: -40px;
  margin-left: 13px; */
  /* font-size: 16px; */
  color: #686868;
  background-color: #fff;
  /*background-color: transparent;*/
}

/* input:focus ~ .floating-label.petitLabel,
input:not(:focus):valid ~ .floating-label.petitLabel, input:not(:focus).floatingValid ~ .floating-label.petitLabel,
input:focus ~ .floating-label.moyenLabel,
input:not(:focus):valid ~ .floating-label.moyenLabel, input:not(:focus).floatingValid ~ .floating-label.moyenLabel{
    margin-top: -9px;
    font-size: 11px;
} */

.floating-label.petitLabel {
    margin-top: 2px;
    margin-left: 5px;
}
.floating-label.moyenLabel {
    margin-top: 3px;
    margin-left: -245px;
}
.floating-label.labelMontant {
    margin-left: 8px; margin-top: -48px!important;
}
.floating-label.labelDatePaiement {
    margin-left: -130px; margin-top: 0!important;
}
.floating-label.petitLabel.labelCheque {
    margin-left: 145px;
}
/* Fin des labels "flottants" façon placeholder */

/* Cacher flèches input type number */
input[type=number].no-arrow {
    -webkit-appearance: none;
  -moz-appearance: textfield;
}
/* Fin cacher flèches input type number */

iframe#iframeid {height: 1000px;}
#voirDocument .text-right-sm-center {text-align: right;}
#voirDocument .text-left-sm-center {text-align: left;}

/* Customisation des datalists */
datalist {
    position: absolute;
    max-height: 20em;
    /* border: 0 none; */
    border: 1px solid lightgray;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1000;
}

datalist option {
    font-size: 16px;
    padding: 0.3em 1em;
    background-color: #FFF;
    cursor: pointer;
}

/* option active styles */
datalist option:hover, datalist option:focus {
    color: #fff;
    background-color: #FA8334;
}
/* FIN customisation des datalists */

.input-like-select {border-color: #dbdbdb; border-radius: 4px;}
.max-width-140 {max-width: 140px;}

/* On dégage l'espace après le card-header pour les locations (saisie des loyers) */
.saisieLoyers .card-header:after {display: none;}

@media screen and (min-width: 1080px) {
    h2 {font-size: 2rem;}
    h3 {font-size: 1.25rem;}
    .logo-haut {max-width: 150px;}
}

@media screen and (max-width: 576px) {
    mt-resp-2 {margin-top: .5rem!important;}
    iframe#iframeid {height: 500px;}
    #voirDocument .text-right-sm-center {text-align: center;}
    #voirDocument .text-left-sm-center {text-align: center; margin-top: .5rem;}
    #voirDocument .groupe-boutons {display: block;}
}

/* SITE AUGUSTINE ET GAUTHIER */
h2 {transition: color 500ms ease-in-out;}
h2:hover {cursor:pointer; color: #FA8334; transition: color 500ms ease-in-out;}
/* Pour que les icônes sous h2 soient aussi soulignées */
h2 > .fa-solid {
    display: inline;
  }
.textes {max-width: 700px}