@import "common-Lettre.css?version=4.x-dev";

.simulator-breadcrumb {
  display: none;
}

div#Intro {
  color: #44317c;
  font-size: 1.1em;
}

/* Mise en page des titres des parties */
.step-page .fieldset-container legend {
    /*
    background-color: #44317c;*/
    color: white;
    padding: 10px;
    border-radius: 5px 5px 0 5px;
    font-size: 1.2em;
  border:  0.5px 0.5px 0.5px 0.5px solid #44317c;
}

/* Mise en page des champs de questions */
.form-horizontal .control-label {
    text-align : left;
  padding-left: 20px;
  color:  #44317c;
}

/* Mise en page des réponses
#ExpCivilite, #DestCivilite {
  display: flex;
  flex-direction: column;
} */

/* Mise en page du bloc réponse CP */
.step-page input[type=number] {
    max-width: 15em;
}

/* Mise en page du bloc Faits*/
#Faits {
  block-size: 100%;
  min-width: 35em;
}

/* Mise en page du bloc d'aide */
.help-panel {
    background: #ded7f4;
    color: #44317c;
    border-radius: 5px;
  border: 1px solid #44317c ;
}  

/* Mise en page des éléments de la lettre */
#Global {
  font-size:1.1em;
  padding-left: 10px;
}

.Contenu {
  color: rgb(68,49,124);
  font-weight: bold;
  font-size:1.1em;
}

/* Mise en page du bloc de la lettre*/
.step-page .section-content {
  border-radius: 10px;
  background-color: #f1eef8;
  border: 1px solid rgb(68,49,124);
} 

/* Mise en page du bloc de la lettre */
.section-body-container {
  border-radius: 10px;
}

/* Pas de bordure autour de la lettre */
.step-page .blockinfo-chapters {
  border: none;
}

/* Mise en page du bouton */
.btn {
   background-color: #44317c;
   border: 1px solid #44317c;
   border-radius: 10px;
   transition-property: transform;
  transition-duration: 400ms; 
}

.btn.btn-primary {
   background-color: #44317c;
   color: whitesmoke;
   border: 1px solid #f1eef8;
   border-radius: 10px;
   transition-property: transform;
  transition-duration: 400ms; 
}

/* Mise en page du bouton au survol*/
.btn:hover {
  background: #362763;
  color: white;
  transform:scale(1.1); 
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
/* Chrome */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button { 
-webkit-appearance: none;
margin:0;
}
/* Opéra*/
input::-o-inner-spin-button,
input::-o-outer-spin-button { 
-o-appearance: none;
margin:0
}

.pre-note {
   position: relative;
  clear: both;
  font-size: 1em !important;
  color: #44317c;
  padding: 15px;
  padding-top: 10px;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 1.4em;
  text-align: left;
  border: 1px solid rgb(68,49,124);
  border-radius: 10px;
}

#DetailSolde-panel-1-blockinfo-4-chapter-1-section-1-content {
  color: #44317c;
}

/*
.legend {
  color: whitesmoke !important;
  font-size: 2em;
  background-color: #44317C;
  margin: 5px;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50px;
  line-height: 45px;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  top: 0;
}
*/


.btn-help {   color: #44317c; }
.step-page .input-group ~ .btn-help { margin: 0 !important; }
.btn-help:focus, .btn-help:hover { color: #44317c; }

.step-page .form-group[data-type=choice] a.listbox-button,
.step-page .form-group[data-type=department] a.listbox-button,
.step-page .form-group[data-type=month] a.listbox-button,
.step-page .form-group[data-type=year] a.listbox-button {
    background-color: #fff;
    color: #44317c;
}

.step-page .form-group[data-type=choice] .input-group:hover a.listbox-button span,
.step-page .form-group[data-type=department] .input-group:hover a.listbox-button span,
.step-page .form-group[data-type=month]:hover a.listbox-button span,
.step-page .form-group[data-type=year]:hover a.listbox-button span {
    background-color: #44317c;
    color: #fff;
}

.step-page .form-group .input-group{
  display: flex !important;
  padding-left: 10px;
}


.step-page input[type="number"] {
    width: 60%;
    max-width: 100%;
  border-bottom: 3px solid #44317c;
    border-radius: 0;
    background-color: #e4e0e0;
   
}

.step-page input[type="text"] {
  width: 60%;
  max-width: 100%;
  border-bottom: 3px solid #44317c;
    border-radius: 0;
    background-color: #e4e0e0;
}

.step-page div.input-group input[type="money"] {
    width: 60%;
  max-width: 100%;
  border-bottom: 3px solid #44317c;
    border-radius: 0;
    background-color: #e4e0e0;
}

.step-page input[type="date"], input.date {
    width: 60%;
    max-width: 100%;
  border-bottom: 3px solid #44317c;
    border-radius: 0;
    background-color: #e4e0e0;
}




/* Mise en page des champs de questions */
.form-horizontal .control-label {
    text-align : left;
  padding-left: 10px;
  font-size: 1.1em;
  color:  #44317c;
}

.step-page label {
  float:none;
}

/* Mise en page du bloc réponse CP */
.step-page input[type=number] {
   width: 60%;
    max-width: 100%;
  border-bottom: 3px solid #44317c;
    border-radius: 0;
    background-color: #e4e0e0;
}

/* Mise en page du bloc Faits*/
#Faits {
  block-size: 100%;
  min-width: 35em;
}

/* Mise en page du bloc d'aide */
.help-panel {
    background: #ded7f4;
    color: #44317c;
    border-radius: 5px;
  border: 1px solid #44317c ;
}  

/* Mise en page des champs de questions */
.form-horizontal .control-label {
    text-align : left;
  /*padding-left: 20px;*/
  color:  #44317c;
  width: auto;
  max-width : 100%;
}

/* Mise en page des éléments de la lettre */
#Global {
  font-size:1.1em;
  padding-left: 10px;
}

.Contenu {
  color: rgb(68,49,124);
  font-weight: bold;
  font-size:1.1em;
}

/* Mise en page du bloc de la lettre*/
.step-page .section-content {
  border-radius: 10px;
  background-color: #f1eef8;
  border: 1px solid rgb(68,49,124);
} 

/* Mise en page du bloc de la lettre */
.section-body-container {
  border-radius: 10px;
}

/* Pas de bordure autour de la lettre */
.step-page .blockinfo-chapters {
  border: none;
}

/* Mise en page du bouton */
.btn {

   background-color: #44317c;
   border: 1px solid #44317c;
   border-radius: 10px;
   transition-property: transform;
  transition-duration: 400ms; 
}

.btn.btn-primary {

   background-color: #44317c;
   color: whitesmoke;
   border: 1px solid #f1eef8;
   border-radius: 10px;
   transition-property: transform;
  transition-duration: 400ms; 
}

/* Mise en page du bouton au survol*/
.btn:hover {
  background: #44317c;
  color: white;
  transform:scale(1.1); 
}

div.mention-asterisk {
    display:none;
}



.asterisk {
  display: none;
}



.autocomplete-input-clear-button {
    display: none;
}

#ContDetailSalaires-money-symbol {
  display: none;
}

#ContDetailPrimes-money-symbol {
  display: none;
}

#ContDetailConges-money-symbol {
  display: none;
}

#ContDetailEuro1-money-symbol {
  display: none;
}

#ContDetailEuro2-money-symbol {
  display: none;
}

#ContDetailEuro3-money-symbol {
  display: none;
}

.step-page .fieldset .legend {
  width: 60%;
  max-width: 100%;
 font-family: marianne_light;
  color: white;
  padding: 10px;
  font-size: 1.2em;
  font-weight: initial;
  background-color: #44317c;
  margin: 10px;
 }

.step-description .legend {
  width: 60%;
  max-width: 100%;
   font-family: marianne_light;
  color: white;
  padding: 10px;
  font-size: 1.2em;
  font-weight: initial;
  background-color: #44317c;
  margin: 10px;
}


.step-page .fieldset-container legend {
  width: 60%;
  max-width: 100%;
   font-family: marianne_light;
  color: white;
  padding: 10px;
  font-size: 1.2em;
  font-weight: initial;
  background-color: #44317c;
  margin: 10px;
  border-radius: 0;
}

#ContSousTotal1-label {
  width: 60%;
  max-width: 100%;
}

.Intro {
  color: #44317c !important;
  font-size: 1.1rem;
}