/* Simulateur */

  /*#centre #contenu { font-size: 1.25em !important; }*/
  
  #selecteur-mc #conteneur_choisir {
    border-radius: 8px;
    box-sizing: border-box;
    padding: 30px;
    background-color: #eef7f3;
}
#selecteur-mc #zone_slides_choisir {
    padding-top: 3em;
}
#selecteur-mc #zone_slides_choisir:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 108px;
    height: 36px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://www.desjardins.com/ressources/images/ic-n-calculateur-bonidollars-six.svg);
}
#selecteur-mc #calculateur_info:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 108px;
    height: 36px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background: url(https://www.desjardins.com/ressources/images/ic-n-calculateur-bonidollars-six.svg);
}
#selecteur-mc .conteneur_centre_categories {
    border-radius: 8px;
    border: solid 2px #cbcccc;
    margin-bottom: 20px;
    padding: 20px;
    text-align: left;
}

#selecteur-mc .conteneur_centre_categories:focus {
    outline: none;
}

/* #selecteur-mc .conteneur_centre_categories .cd-style-h3 {
    color: #000000 !important;
    margin-top: 5px !important;
    font-weight: bold !important;
}

#selecteur-mc .conteneur_centre_categories .cd-style-h4 {
    font-weight: bold !important;
    color: #007944 !important;
} */

#selecteur-mc .conteneur_centre_categories input[type=radio] {
  margin: 0 8px 14px 0;
}
#selecteur-mc .etapes_categorie:focus {
    outline: none;
}
#selecteur-mc .filet-bas { 
    border-bottom: 1px solid #cbcccc; padding-bottom: 0.75em; 
}
#selecteur-mc .conteneur_centre_categories #best {
  background: #fff;
  margin: -1em -1em 2em -1em;
  min-height: 50px;
  border-radius: 8px 8px 0 0;
  padding: 1em;
  border-bottom: solid 2px #cbcccc;
}
#selecteur-mc .conteneur_centre_categories #best p {
  font-weight: bold;
  font-size: 1.3rem;
}

#selecteur-mc #resultatsConteneur #resultats .cd-grille  .deux {
  padding-top: 6.7em !important;
}

/* slider on/off (par année/mois) */
#selecteur-mc .switch {
    position: relative;
    display: inline-block;
    width: 12em;
    height: 38px;
    text-align: right;
    margin: 0px -4.8em ;
}
#page.en #selecteur-mc .switch { width: 11em; }
#page.en #selecteur-mc .libelle-switch.chk_parAnnee { position: relative; left: -1em; }

#selecteur-mc .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

#selecteur-mc .libelle-switch {
    position: relative;
    top: 6px;
    z-index: 5;
    font-family: robotoregula, arial;
    font-size: 0.75rem;
    cursor: pointer;
}

#selecteur-mc .libelle-switch.actif {
    font-weight: bold;
    color: white; 
    transition: color 0.4s; 
}

#selecteur-mc .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    -webkit-transition: .4s;
    transition: .4s;
    border: 3px solid #cbcccc;
}

#selecteur-mc .slider:before {
    position: absolute;
    content: "";
    height: 32px;
    width: 50%;
    background-color: #00884e;
    -webkit-transition: .4s;
    transition: all .4s;
    bottom: 0px;
    left: 0px;
}

#selecteur-mc .switch:focus-within input:checked+.slider {
    border: 3px solid #2196F3
}

#selecteur-mc .switch:focus-within .slider {
    border: 3px solid #2196F3;
}

#selecteur-mc .switch input:not(:checked)+.slider:before {
    /* -webkit-transform: translateX(5.8em);
    -ms-transform: translateX(5.8em);
    transform: translateX(5.8em); */
    left: 50%;
}
/* #page.en .switch input:not(:checked)+.slider:before {
    -webkit-transform: translateX(5.3em);
    -ms-transform: translateX(5.3em);
    transform: translateX(5.3em);
} */

#selecteur-mc .slider.round {
    border-radius: 20px;
}

#selecteur-mc .slider.round:focus {
    border: 2px solid #2196F3;
}

#selecteur-mc .slider.round:before {
    border-radius: 16px;
}
/*FIN slider on/off (par année/mois) */

/* boutons naig étapes */
#selecteur-mc  #conteneur-btn-etapes {
    margin-top: 20px;
    /* height: 2.75rem; */
}

#selecteur-mc .btn-etapes {
    width: 48px;
    height: 44px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    border: solid 2px #00884e;
    background-color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    color: #00884e;
    cursor: pointer;
    pointer-events: initial;
}

#selecteur-mc #btn_reset_resultatsConteneur {
    width: auto;
    padding: .56rem .75rem;
}

#selecteur-mc .btn-etapes.inactif {
    opacity: 1;
}

#selecteur-mc .btn-etapes:focus,
#selecteur-mc .btn-etapes:hover {
    border: solid 1px #00884e;
    background-color: #00884e;
    color: #ffffff;
}

html[style='font-size: 150%;'] .btn-etapes {
    width: 56px;
    height: 50px;
}

html[style='font-size: 200%;'] .btn-etapes {
    width: 64px;
    height: 58px;
}

#selecteur-mc .btn-etape-precedente { margin-right: 1em; }
/* fin boutons navig étapes */


#selecteur-mc .label-entoure label input { margin-left: -1.15em; }
#selecteur-mc .label-entoure label { display: block; 
    width: 96%;
    border-radius: 4px;
    border: solid 1px #cbcccc;
    background-color: #ffffff; 
    padding: 1em;
    margin-bottom: 1em;
    padding-left: 2.2em;
}

#selecteur-mc select.select-gauche, .signeDollarsInput, 
#selecteur-mc input.montant-gauche, .conteneur_toggle { float: left; }

#page.en .libelle-input-droit .signeDollarsInput {
  right: 100px;
  position: relative;
}
#page.en input.montant-gauche {
  padding-left: 25px !important;
}

#selecteur-mc .conteneur_toggle { margin-left: 2em; margin-top: -0.5rem; }
#selecteur-mc .libelle-input-droit { font-size: 1.25rem; position: relative; right: 20px; padding: 0.25rem; }

@media (max-width: 768px) {
  #selecteur-mc .conteneur_toggle { float: none; margin-left: 1em; margin-top: 3rem; }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
    width: 8em;
  border: #cbcccc solid 1px;
}

#selecteur-mc #resultatsConteneur #resultats .cd-grille .cd-50 {
    border-radius: 8px;
    border: solid 2px #cbcccc;
    padding: 1em;
    margin-bottom: 1em;
}
#selecteur-mc #resultatsConteneur #resultats .cd-grille .cd-50:first-child { margin-right: 0.5em; }
#selecteur-mc #resultatsConteneur #resultats .cd-grille .cd-50:last-child { margin-left: 0.5em;}
/*overwrite*/
@media (min-width: 768px) {
  .cd-grille > .cd-50 { flex-basis: calc(50% - 0.5em); }
}
@media (max-width: 767px) {
#selecteur-mc #resultatsConteneur #resultats .cd-grille .cd-50:first-child { margin-right: 0; }
#selecteur-mc #resultatsConteneur #resultats .cd-grille .cd-50:last-child { margin-left: 0; }
#selecteur-mc #resultatsConteneur #resultats .cd-grille .cd-50.deux { padding-top: 0 !important; }
}

#selecteur-mc #resultatsConteneur #resultats ul {
  padding-left: 0;
}
#selecteur-mc #resultatsConteneur #resultats ul li {
  padding-left: 0;
  background: none;
}

#selecteur-mc #resultatsConteneur #resultats ul.cd-liste li {
    padding-left: 1rem;
  }

.cd-message-error {
  /* display: none; */
  border: 2px solid #ce1a1a;
  background-color: #fff2f2;
  padding: 20px;
}

#zone-centrale .cd-message-error *:first-child {
    margin-top: 0;
}

#zone-centrale .cd-message-error ul {
  font-weight: bold;
  margin: 0;
  padding-left: 0;
}

.cd-message-error ul.ic-erreur:before {
  left: calc(-2rem - 10px) !important;
  top: 0 !important;
}

#zone-centrale .cd-message-error ul > li {
  background-image: none;
  margin-top: 0;
  padding-left: 0;
}

#zone-centrale .cd-message-error ul > li > a {
  display: block;
  width: fit-content;
  color: #710e0e;
}

#selecteur-mc .error,
#selecteur-mc .erreur {
    position: relative;
    padding-left: 1.5rem;
    padding-right: 1rem;
    background-image: url('https://www.desjardins.com/ressources/images/ic-n1-erreur.svg');
    background-repeat: no-repeat;
    background-size: 1.125rem 1.125rem;
    background-position-y: calc((1.5em  - 1.125rem) / 2);
    background-position-x: left;
    color: #bc1515;
    font-weight: bold;
}

input[type=number][aria-invalid=true] {
  border: 2px solid #bc1515;
}

fieldset[data-wrapper-numerique] {
  border:none;
  margin: 0;
  margin-top: .8rem;
  padding: 0;
}

fieldset[data-wrapper-numerique] > legend {
  margin-top: .8rem;
  font-weight: bold;
  padding:0;
}

#zone-centrale #selecteur-mc fieldset > legend + .cd-petit {
  font-weight: normal;
}

.mc-champs {
  overflow:auto;
  margin: .8rem 0;
}