.popup-pdf-format {
  right: -45px !important;
}

.filtres_container {
  max-width: 1170px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  border-bottom: 1px solid #88d2df;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0px;
  border-left: 0.3em solid transparent;
}

div.message-maintenance {
  background: #fde8e8;
  color: #ee5b58;
  border: 2px solid #ee5b58;
  font-weight: 600;
  padding: 0.5em 1em 0.5em 1em;
  margin: 0.5em 0 0 0;
  border-radius: 4px;
}

div.message-maintenance.information {
  background: LightGreen;
  color: Green;
  border: 2px solid Green;
}

div.message-maintenance.avertissement {
  background: LightYellow;
  color: GoldenRod;
  border: 2px solid GoldenRod;
}

div.message-maintenance.panne {
  background: #fde8e8;
  color: #ee5b58;
  border: 2px solid #ee5b58;
}

.hide-message-maintenance {
  float: right
}

.hide-message-maintenance a {
  text-decoration: none;
}

#show-message-maintenance {
  float: right;
  margin-top: 5pt;
}

#show-message-maintenance a {
  color: #ee5b58;
  font-size: 18pt;
  font-weight: bold;
  text-decoration: none;
}

div.message-nombre-autorites {
  font-weight: 600;
  font-size: 12pt;
  padding: 0.5em;
  margin: 0.5em 15em 0.5em 15em;
  background: PowderBlue;
  color: #4f4d48;
  border: 2px solid LightBlue;
  border-radius: 4px;
}

.lien_stats {
  color: #4f4d48 !important;
  text-decoration: none !important;
}

div.champs_sous_champs_supprimes {
  background: #fde8e8;
  color: #ee5b58;
}

.icone-rss-lien {
  background-color: none;
  padding: 0;
}

.icone-rss-image {
  border: 2px solid #faf8f5;
  ;
  border-radius: 5px;
}

.rolesCheckbox input {
  margin-right: 1em;
}

#logo-rvm {
  margin-top: -0.5em;
}

#boutonTopResultats {
  right: 40px;
  bottom: 100px;
  position: fixed;
  color: white;
  background-color: #ee5b58;
  padding: 0.5em;
  border-radius: 3px;
  z-index: 500;
  font-size: 15px;
  font-weight: 500;
}

.champ-autocomplete::-webkit-search-cancel-button {
  display: none;
}

.jstree-contextmenu {
  z-index: 20000;
}

.rvmontoDoc {
  width: 60%;
}

.beige-background {
  background-color: #faf8f5;
}

table.rvmonto-table thead th {
  padding: 5px;
  color: white;
  background-color: #ee5b58;
  border-right: 1px solid white;
  border-bottom: none;
  padding: 0.5rem 1rem;
}

table.rvmonto-table tbody td {
  border-bottom: 1px solid #4f4d48;
  padding: 0.5rem 1rem;
}

a.RVM-lien-aide {
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
}

.forfait a.RVM-lien-aide {
  vertical-align: top;
}

.forfait {
  margin: auto;
  border: 3px solid transparent;
  box-shadow: 0 0 0 1px black;
  border-radius: 4px;
  padding: 8px;
  display: block;
  background: white;
  width: 60em;
}

.forfait h2 {
  margin: 0.5em !important;
  text-align: center;
}

.forfait h4 {
  margin-top: 0.5em !important;
  text-align: center;
}

.forfait p {
  font-size: 1.2em;
  text-align: center;
  line-height: 1.2em;
  margin-bottom: 0;
}

.forfait label {
  font-size: 1.3em;
}

.forfait label.cta {
  background-image: none;
  padding: 8px 15px;
  margin: 0;
  display: inline-block;
  border-radius: 4px;
}

.forfait.selected {
  border: 3px dotted #ee5b58;
  box-shadow: none;
}

.forfait.selected h2 {
  color: #ee5b58;
}

.forfaitCb {
  color: white;
  accent-color: #ee5b58;
  width: 1em;
  height: 1em;
  margin-left: 0.5em;
  vertical-align: baseline;
}

.typeDemandeCb {
  display: none;
}

.bouton-type-demande {
  display: inline-block;
  font-size: 1.2em;
  width: 100%;
  padding: 1.5em 1em;
  background-color: #ee5b58;
  border: 3px solid #ee5b58;
  color: white;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
/*   transition: background-color 0.3s, color 0.3s; */
}

.typeDemandeCb:checked + .bouton-type-demande {
  background-color: #ee5b58;
  border: 3px dotted #faf8f5;
  border-radius: 4px;
  color: white;
}

.bouton-type-demande:hover {
  background-color: #f48d8b;
  border: 3px solid #f48d8b;
  color: white;
}

div#section-soumission form#soumission-form div#forfaits-wrapper {
  margin-bottom: 20px;
}

div#section-soumission form#soumission-form div#forfaits-wrapper div.forfait div input.rvm-radiobutton {
  display: none;
}

.forfait p.soumission_info,
div#section-soumission div.formulaire-soumission p.soumission_info {
  margin-bottom: 0.5em;
  font-size: 1.1em;
  color: #ee5b58;
}

div#section-soumission div.formulaire-soumission {
  margin: auto;
  width: 90%;
}

div#section-abonnement div.formulaire-soumission {
  padding: 2em;
  margin: auto;
}

div#section-soumission div.formulaire-abonnement {
  width: 80em;
  border: 1px solid grey;
  border-radius: 4px;
  padding: 2em;
  margin: auto;
}

div#section-abonnement {
  padding-bottom: 1em;
  background-color: #faf8f5;
}

div#section-soumission div.formulaire-soumission div.ligne-soumission textarea#commentaire,
div#section-abonnement div.formulaire-abonnement div.ligne-abonnement textarea#commentaire {
  height: auto;
}

/* --- Formulaires --- */
div#wrapper div.ligne-formulaire {
  display: flex;
  font-size: 14px;
  margin-bottom: 15px;
}

div#wrapper div.ligne-formulaire label {
  margin: 0;
  display: flex;
  align-items: flex-start;
}

div#wrapper div.ligne-formulaire label b.champ-obligatoire {
  margin-left: 2px;
}

div#wrapper div.ligne-formulaire label i.rvm-warning {
  align-self: center;
  margin-left: auto;
  margin-right: 5px;
}

div#wrapper div.ligne-formulaire input[type="text"],
div#wrapper div.ligne-formulaire input[type="number"],
div#wrapper div.ligne-formulaire textarea,
div#wrapper div.ligne-formulaire select {
  padding: 10px;
  outline: none;
  border: 1px solid #cccbc5;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

div#wrapper div.ligne-formulaire div.rvm-select {
  padding: 0;
}

div#wrapper div.ligne-formulaire div.rvm-select button.dropdown-toggle {
  padding: 10px 30px 10px 15px;
}

.message-erreur {
  color: #ee5b58;
}

.message-erreur-soumission, .message-erreur-demande {
  color: #ee5b58;
  margin-top: 0;
}

.message-erreur-soumission::before, .message-erreur-demande::before {
  background-image: url("/rvmweb/web/images/icones/rvm-warning.png");
  background-size: 1.5em 1.5em;
  display: inline-block;
  width: 1.5em;
  height: 1.3em;
  content: "";
}

.cta {
  border-radius: 4px;
  text-decoration: none;
  color: white;
  cursor: pointer;
  display: inline-block;
  background-color: #ee5b58;
  border: 1px solid #ee5b58;
  padding: 8px 50px 8px 20px;
  margin: 12px 2px 10px 0;
  background-image: url("/rvmweb/web/images/icones/rvm-telecharger-notice.png");
  background-repeat: no-repeat;
  background-position: right 12px top 7px;
}

.cta:hover {
  color: white;
  background-color: #d54e4b;
  text-decoration: none;
}

.fleche-generique {
  background-image: url("/rvmweb/web/images/icones/rvm-fleche-generique.png");
  background-position: right 8px center;
}

.fleche-retour {
  background-image: url("/rvmweb/web/images/icones/rvm-fleche-generique-retour.png");
  background-position: left 12px top 8px;
  padding: 8px 20px 8px 50px;
}

.pas-de-fleche {
  padding-right: 20px;
  background-image: none;
}
 
.RVM-transition,
.RVM-transition {
  transition: all 0.5s;
}

div.formulaire-soumission h4,
div#section-abonnement h4 {
  color: #ee5b58;
}

div.formulaire-soumission h4 span.glyphicon {
  color: #a5df00;
}

div#section-soumission div#success-soumission {
  padding: 4px;
  height: 28px;
  text-align: center;
  margin-bottom: 15px;
  box-sizing: content-box;
}

div#section-soumission div#success-soumission span {
  vertical-align: top;
  line-height: 28px;
  margin-left: 5px;
  color: #a5df00;
  font-weight: bold;
  font-size: 15px;
}

div#section-soumission .soumission-refusee {
  padding: 4px;
  height: 28px;
  text-align: center;
  margin-bottom: 15px;
  box-sizing: content-box;
}

div#section-soumission .soumission-refusee span {
  vertical-align: top;
  line-height: 28px;
  margin-left: 5px;
  color: #4f4d48;
  font-weight: bold;
  font-size: 15px;
}

div#section-soumission div.formulaire-soumission .recap {
  margin-bottom: 0 !important;
}

.soumission-offre {
  border: 1px solid grey;
  border-radius: 4px;
}

.no-padding {
  padding: 0 !important;
}

.soumission-offre h4 {
  margin: 0.2rem 0;
}

#accepter-soumission,
#refuser-soumission {
  margin: 20rem auto;
}

.soumission-icon-trash {
  background: none;
}

div#section-demandes,
div#section-soumission {
  background-color: #faf8f5;
}

div#section-demandes,
div#section-compte,
div#section-institution,
div#section-institutions,
div#section-comptes,
div#section-traduction-lot,
div#section-traduction-piece,
div#section-demandes-archivees,
div#section-utilisation,
div#section-nousjoindre {
  display: flex;
  flex-direction: row;
}

div#section-soumission {
  padding-bottom: 30px;
  padding-top: 2em;
}

div#section-soumission div.formulaire-soumission div.ligne-soumission input[type="text"],
div#section-soumission div.formulaire-soumission div.ligne-soumission input[type="number"] {
  padding: 10px;
  outline: none;
  border: 1px solid #cccbc5;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

div#section-soumission div.formulaire-soumission div.ligne-soumission select {
  padding: 7px;
  outline: none;
  border: 1px solid #cccbc5;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

div.section-abonnements {
  background-color: #faf8f5;
  padding-bottom: 30px;
}

.section-abonnement {
  border: 1px solid grey;
  border-radius: 4px;
  margin: 2em;
}

div.container textarea.textarea-bordered {
  padding: 10px !important;
  outline: none;
  border: 1px solid #cccbc5;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.lier-institution {
  margin: auto;
  border: 3px solid transparent;
  box-shadow: 0 0 0 1px black;
  border-radius: 4px;
  padding: 8px;
  display: block;
  background: white;
  width: 60em;
}

.lier-institution input,
select {
  padding: 2px;
  border: 1px solid #cccbc5;
  border-radius: 4px;
}

.glyphicon-edit,
.glyphicon-trash,
.glyphicon-lock,
.glyphicon-eye-open,
.glyphicon-refresh,
.glyphicon-duplicate {
  color: #ee5b58;
  border: none;
  font-size: 16pt;
  background: transparent;
  padding: 1px;
}

.apparier-institution {
  width: 100%;
}

.apparier-institution label {
  margin-bottom: 0;
}

.apparier-institution input[type="text"] {
  width: 100%;
}

.etiquette-rouge {
  background-color: #ee5b58;
  color: white;
  border: 2px solid #ee5b58;
  border-radius: 3px;
}

.form-separateur {
  font-size: 1.5em;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid #cccbc5;
  padding-bottom: 0.5em !important;
  margin: 1em 0;
}

.submitInfoFacturation {
  width: 2em;
  border: 2.5px solid #ee5b58;
  background-color: #ee5b58;
  color: white;
  border-radius: 3px;
}

.submitPeopleSoft {
  width: 3em;
  border: 2.5px solid #ee5b58;
  background-color: #ee5b58;
  color: white;
  border-radius: 3px;
}

#containerMenuFacturationGauche {
  border: 1px solid #ee5b58;
  border-radius: 0 0.5em 0.5em 0;
  background-color: #ee5b58;
  position: fixed;
  margin-top: 3em;
  padding: 2em 1em 0 1em;
  z-index: 400;
  width: 10em;
}

.menuFacturationGauche {
  list-style-type: none;
  padding-left: 0;
  font-size: 1.2em;
  font-weight: bold;
}

.menuFacturationGauche li {
  padding-bottom: 1em;
}

.menuFacturationGauche li a {
  color: white;
}

div#section-abonnement h1 {
  margin: 0.8em 0;
  text-align: center;
}

.encadre {
  display: inline-block;
  text-align: left;
  padding: 2em;
  border: 1px solid #4f4d48;
  border-radius: 4px;
  margin-bottom: 3em;
}

.contenu-centre {
  text-align: center;
}

#zone_televersement {
  border: 2px solid #ee5b58;
  border-radius: 4px;
  background-color: #ee5b58;
  color: white;
  text-align: center;
  padding: 0.5em;
}

#zone_televersement:hover {
  border: 2px dashed white;
}

.courriel-facture-ps p {
  font-size: 12pt; 
}

.courriel-facture-ps li {
  font-size: 12pt; 
}

.courriel-facture-ps label {
  font-size: 9pt;
}

.courriel-facture-ps textarea {
  width: 100%;
  height: 5em;
}

.btn-mes-demandes {
  margin: 0;
  border: 2px solid #ee5b58 !important;
  border-radius: 4px !important;
  background-color: #ee5b58 !important;
  color: white !important;
}

#thesaurusEquivalents {
  display: none;
}

.label-demande {
  font-weight: bold;
}

.conteneur-section-demande {
  border: 1px solid #b6b5b1;
  border-radius: 0.3em;
  margin: 0.5em;
  padding: 0.5em; 
}

.conteneur-section-demande .row {
  padding: 0.5em 0 !important;
}

.h4-demande-thesaurus {
  color: black;
  font-weight: bold;
}

input.demande-thesaurus {
  opacity: 0;
  position: absolute;
}

.col-thesaurus {
  margin: 1em 0;
}

.col-thesaurus-equivalents {
  width: 825px;
  margin: 1em auto;
}

label.demande-thesaurus-label {
  position: relative;
  width: max-content;
  border: 1px solid #b6b5b1;
  padding: 7px 15px;
  border-radius: 4px;
  margin: 5px;
  font-size: 14px;
  line-height: 20px;
  color: #a6a49f;
}

input.demande-thesaurus:checked + label.demande-thesaurus-label {
  color: #ee5b58;
  border-color: #ee5b58;
}

label.demande-thesaurus-label:hover {
  cursor: pointer;
}

input.demande-thesaurus + label.demande-thesaurus-label:before {
  content: "";
  background: url("/rvmweb/web/images/icones/rvm-checkbox-inactif.png") no-repeat top left;
  width: 12px;
  height: 12px;
  padding: 2px;
  float: right;
  margin-top: 3px;
  margin-left: 5px;
  box-sizing: content-box;
}

input.demande-thesaurus:checked + label.demande-thesaurus-label:before {
  background: url("/rvmweb/web/images/icones/rvm-checkbox-actif.png") no-repeat top left;
}

.demandeInput {
    height: 100%;
    padding: 10px;
    line-height: normal;
    border: 1px solid #cccbc5;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    float: right;
}

.demandeFichier {
    padding: 10px;
    background-color: white;
    border: 1px solid #cccccc;
    border-radius: 4px;
    float: right;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
    margin-top: 0.5em;
}

#file-upload-container {
  display: flex;
  flex-direction: column;
}

.file-input {
  display: none;
}

.me-2 {
  margin-right: 1em;
}

.caretRight {
  margin-right: 12px;
  position: relative;
}

.caretBottom {
  position: relative;
  margin-right: 18px;
  top: 3px;
}

.caretRight:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-left: 6px solid #ee5b58;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

.caretRight:after {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  border-left: 0px solid transparent;
  border-top: 0px solid transparent;
  border-bottom: 0px solid transparent;
}

.caretBottom:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-top: 6px solid #ee5b58;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.caretBottom:after {
  content: '';
  position: absolute;
  left: 6px;
  top: 0;
  border-top: 0px solid transparent;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
}
