.open-sans-<uniquifier> {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

div.container.box {padding: 30px 15px 0px;}

.form-pasos h4 {background-color: #563d7d;font-weight: 600;margin: 10px 0 15px;font-size: 15px;padding: 10px 10px;border-radius: 0.2rem;display: inline-block;width: auto;}

#form-paso2 label.form-label {font-weight: bold;line-height: 1;}
#form-paso2 #check-discapacidad+label {font-weight: bold;}
#form-paso2 .paso2-discapacidad {padding-left: 0;}
#form-paso2 .paso2-discapacidad #d-0+label input[name="cduVencimiento"] {display: inline-block;width: auto;}
#form-paso2 .paso2-discapacidad .form-check p.form-text {}
#form-paso2 fieldset{background-color:#fafafa;padding: 1.5rem 1.5rem;margin: 2em 0 3em;border: 1px solid #ddd;box-shadow: unset;border-radius: 0.2rem;}
#form-paso2 textarea[readonly="readonly"],
#form-paso2 textarea[readonly] {background-color: #eee;pointer-events: none;border: 1px solid #aaa;}

#form-paso3 select.selectturno,
#form-paso3 select.selectmod {background-color: white;}

#boton-final-horarios {float:left;}
#planilla-resumen {background-color: white;border-collapse: collapse;margin: 0em 0 1em;}
#planilla-resumen th,
#planilla-resumen td {border:1px solid #ccc;padding:10px;}
#planilla-resumen tr {position: relative;}
#planilla-resumen tr.superposicion td.hora,
#planilla-resumen tr.superposicion td.nombreMateria {color: #FF5722;/* text-decoration: underline; */}
#planilla-resumen tr.superposicion:after {content:"Hay superposición de horarios";position: absolute;left: calc(100% - 0.5em);border-radius: 0.2em;top: 50%;transform: translateY(-50%);padding: 0.3em 0.5em;background-color: #FF5722;color: white;font-size: 90%;white-space: nowrap;}

@media screen and (max-width: 768px){
  #form-paso2 label.form-label {margin: 0.75rem 0 0.25rem;}
  #planilla-resumen tr.superposicion:after {content:unset;}
  #planilla-resumen tr.superposicion td.nombreMateria:after {content:"\AHay superposición de horarios";display:inline-block;position: relative;padding: 0.3em 0.5em;background-color: #FF5722;color: white;font-size: 90%;border-radius: 0.2em;}
  /*#planilla-resumen {position: fixed;top: 10px;left:10px;max-width: 400px;}*/

  #form-paso2 fieldset {padding: 1.5rem 10px;margin: 1rem 0 2rem;border: 0;}

  #form-paso2 input[type="radio"],
  #form-paso2 input[type="checkbox"] {width: 20px;height: 20px;vertical-align: middle;border-color: #aaa;margin: 0;}
  #form-paso2 input[type="radio"]+label,
  #form-paso2 input[type="checkbox"]+label {vertical-align:middle;}

  #form-paso2 .paso2-discapacidad.on {padding: 1rem 0;max-height: 3000px;}
  #form-paso2 .paso2-discapacidad .form-check {padding-left: 0.5rem;margin-bottom: 1rem;}
  #form-paso2 .paso2-discapacidad .form-check label {display:inline;margin-left: 0.3em;}
  
  #form-paso2 .mb-3:has(#dificultaddeaprendizajesi) label.form-label,
  #form-paso2 .mb-3:has(#dificultaddeaprendizajeno) label.form-label,
  #form-paso2 .mb-3:has(#acompanantepedagogicosi) label.form-label,
  #form-paso2 .mb-3:has(#acompanantepedagogicono) label.form-label {margin-bottom:0.5rem;}

  #form-paso2 .mb-3:has(#dificultaddeaprendizajesi) textarea,
  #form-paso2 .mb-3:has(#dificultaddeaprendizajeno) textarea,
  #form-paso2 .mb-3:has(#acompanantepedagogicosi) textarea,
  #form-paso2 .mb-3:has(#acompanantepedagogicono) textarea {margin-top:0.5rem;}

  #form-paso2 #clase-de-colegio .form-check {padding-left: 0;margin: 0 2rem 0 0;white-space: nowrap;} 
  #form-paso2 #clase-de-colegio .form-check input {float:unset;margin-right: 0.5rem;}
}