/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {overflow: auto;font-family:sans-serif;background-color: #f7f7f7;}
a,a:hover,a:visited,a:focus {text-decoration: none;}
h1, h2, h3,h4 {font-family: 'Open Sans', sans-serif !important;}
.showQR {font-size: 12px;}
.visible-xs {display:none;}

div.container.box {
    padding: 30px 10px 0px;
    /* border: solid #f7f7f9 .2rem; */
    float: none;
    /* width: 840px; */
}

#cargando {
    padding: 5px 7px;
    background: #fff1a8 -webkit-gradient(linear,left top,left bottom,from(#ffe090),to(#fff2b0));
    background-color: #fff1a8;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 0px 10px #999;
    font-weight: bold;
    font-size: 0.8rem;
    z-index: 10001;
    display: none;
}
#cargando.cargando {
    display: block;
}

.nav>li>a:hover, .nav>li>a:focus {
    background-color: initial;
}
.volver-a-autogestion a {display: inline-block;}
.bd-pageheader {padding: 2rem 15px;margin-bottom: 1.5rem;color: #cdbfe3;text-align: center;background-color: #563d7c;}
.bd-pageheader.small {padding: 25px 0;text-align: center;}
.bd-pageheader .container {position:relative;}
.bd-pageheader h1 {font-size: 24px;font-weight: 700;/* text-align: left; */color: #fff;text-wrap: balance;margin: 0;/* width: 960px; */margin: 0;}
.bd-pageheader.small h1 {text-transform: none;}
.bd-pageheader h1+p.lead {margin: 8px 0 0;font-size: 16px;text-wrap: balance;line-height: 1.1;}
form.buscador#home-buscador {width: 100%;padding: 0;margin:20vh auto 0;border-radius: 5px;}
.bd-pageheader #menuSelect {position:absolute;top:50%;transform: translateY(-50%);right:0;font-size: 13px;padding:5px;border-radius:3px;background-color: transparent;color: white;border-color: #fff6;}
.bd-pageheader #menuSelect option {color:#111;}
.bd-pageheader #menuSelect option:disabled {color:#888;}

form.buscador {
    text-align: center;
    position: relative;

}

form.buscador a.buttonhome {
    position: absolute;
    left: 2px;
    top: 10px;
    color: white;
}

form.buscador a.buttonhome:HOVER {
    border-bottom: 1px solid white;
    text-decoration: none;
}

form.buscador a.buttonhome:ACTIVE {
    border-bottom: 1px solid white;
    text-decoration: none;
}

form.buscador h4{
    margin-bottom: 20px;
}
form.buscador input {
    display: inline-block;
    width: 30vw;
    padding: 10px;
    border-radius:5px;
    border:1px solid #999;
    text-align: center;
    font-size: 15px;
    position: relative;
    background-image: url('../img/search.png');
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 25px;
    vertical-align: top;
}


form.buscador button {
    display: inline-block;
    width: 115px;
    background-color: #591989;
    font-weight: bold;
    font-size: 12px;
    padding: 12px;
    border-radius:5px;
    /*border:1px solid #999;*/
    border:0px;
    text-align: center;
    vertical-align: top;
    color: #eee;
}


form.buscador button:HOVER {
    background: linear-gradient(to bottom, #ccc 0%, #ddd 100%);
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }


.header-nav {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    background-color: #591989;
    padding: 7px 0 10px;
}

.header-nav .buscador input {
    padding: 10px;
    
}
.header-nav .buscador button {
    background-color: #eee;
    color: #555;
}
.header-nav main {text-align: center;position: relative;}
.header-nav img {height: 50px;}
.header-nav h3 {position: relative;top: 4px;color: white;display: inline-block;margin: 10px;font-size: 21px;}
.header-nav .buttonhome {position: absolute;top: 16px;left:0px;padding: 0px 3px;color: white;}

.progress {
    height: 7px;
    width: 60%;
    margin: 0 auto;
    background-image: linear-gradient(to bottom,#ccc 0,#ddd 100%);
    margin-bottom: 3em;
}

h1 {
    text-transform: uppercase;
    font-weight: bold;
    color: rgba(10,33,10,1)
    }

h2 {
    font-weight:bold;
}
.bd-pageheader h2 {
    color: rgba(10,33,10,1);
    position: sticky;
    top: 0;
    font-size: 20px;
    color: white !important;
    z-index: 100;
}
.secretaria-home h3 {color: #333;padding: 5px 0;border-radius: 6px;display: inline-block;font-size: 17px;margin: 20px 0;font-weight: 900;border-radius: 0;border-bottom: 2px solid;}
.secretaria-home h3:first-child {
    margin: 0px 0 20px;
}
h3 {
    text-align: left;
    margin: 1rem 0 0;
}
h4.paso {
    /* text-align: center; */
    color:#aaa;
    display: inline-block;
    float: right;
    font-size: 14px;
}
#youshallnotpass {width: 550px;}
.secretaria-home > div {
    display:inline-block;
    width: 49%;
    padding: 28px 15px;
    margin: 0 0.5em 1em 0;
    /* border:1px solid #999; */
    /* box-shadow: 1px 1px 4px rgba(0,0,0,0.3); */
    vertical-align:top;
    position:relative;
    box-sizing:  border-box;
    background-color: #f0f0f0;
    border-radius: 10px;
}
#grupos-wsp {margin-bottom: 30px;padding: 0 10px;}
#grupos-wsp a {background-color: #eeeeee;padding: 8px;margin: 0 10px 0 0;color: #3F51B5;/* border: 1px solid; */font-weight: 600;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;display: inline-block;border-radius: 4px;width: auto;text-decoration:none;}
#grupos-wsp a:hover {background-color: #e0e0e0;}
#grupos-wsp a:active {background-color: #d0d0d0;}
#grupos-wsp a svg {width:1em;display: inline-block;vertical-align: text-bottom;fill: #3F51B5;}

.title-for-items {
    margin: 2rem 0 0em;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 0.1em;
    flex: 0 0 100%;
}
.title-for-items.first {margin-top:0;/* flex: 0 0 100%; */}
.row-index {
    display:flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 1.2rem 2%;
}
.items-acciones {
    vertical-align: top;
    height: auto;
    background-color: #eee;
    /* margin: 0.5em 1em 0.5em 0; */
    padding: 1.2rem;
    border-radius: 5px;
    width: 32%;
    /* margin-bottom: 2rem; */
    display:  inline-block;
    position: relative;
}
.items-acciones p {font-size:13px;}
.items-acciones.active::before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    height:5px;
    width:100%;
    background-color: #198754;
    border-radius:5px 5px 0 0;
}
.items-acciones.active a.btn-primary {background: #198754;cursor: pointer;}
.items-acciones.active a.btn-primary:hover {background: #157347;}
.items-acciones.active a.btn-primary:active {background: #146c43;}
.items-acciones.active:after {
    content: attr(data-activeText);
    position:absolute;
    left: 1.2rem;
    top:0;
    transform:translateY(-50%);
    font-size: 11px;
    font-weight: 600;
    background-color:#198754;
    color:white;
    /* color: #198754; */
    padding:2px 4px 1px;
    border-radius: 2px;
}

.items-acciones.upcoming::before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    height:5px;
    width:100%;
    background-color: #FFB300;
    border-radius:5px 5px 0 0;
}
.items-acciones.upcoming:after {
    content: attr(data-upcomingText);
    position:absolute;
    left: 1.2rem;
    top:0;
    transform:translateY(-50%);
    font-size: 11px;
    font-weight: 600;
    background-color: #FFB300;
    color:white;
    /* color: #198754; */
    padding:2px 4px 1px;
    border-radius: 2px;
}
.items-acciones.upcoming p::after  {
    content: "Inscripci\00F3n cerrada"; /* Unicode para ó */
    display: block;
    margin-top: 1rem;
    font-weight: 600;
}


.items-acciones.disabled p::after  {
    content: "Inscripci\00F3n cerrada"; /* Unicode para ó */
    display: block;
    margin-top: 1rem;
    font-weight: 600;
}
.items-acciones.disabled a.btn-primary,
.items-acciones.upcoming a.btn-primary {display: none;}
.items-acciones.dark {
    background-color:#444;
    color:white;
}
.items-acciones.doble {
    width: 66%;
}
.items-acciones .nuevo {
    position:absolute;
    left: 1.2rem;
    top:0;
    transform:translateY(-50%);
    font-size: 10px;
    font-weight: 600;
    background-color:#f08400;
    color:white;
    padding:2px 4px 1px;
}
.items-acciones h3 {
    margin: 0 0 0.5em;
    font-weight: 700;
    font-size: 19px;
    /* min-height: 2lh; */
    text-wrap: pretty;
}
.items-acciones a.btn-primary {
    /* position:absolute; */
    /* bottom:1em; */
    /* left:1em; */
    font-size: 14px;
    background: #3F51B5;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    transition: 0s;
}
.items-acciones a.btn-primary::after {content: " \00BB";}
.items-acciones a.btn-primary:hover {background-color:hsl(231 48% 40% / 1);}
.items-acciones a.btn-primary:active {background-color:hsl(231 48% 35% / 1);}
.items-acciones-thin {
    vertical-align: top;
    /* height: 70px; */
    background-color: #eee;
    margin: 0.8em;
    padding: 1.5em 1.2em;
    border-radius: 5px;
    width: 44%;
    margin-bottom: 2rem;
    display:  inline-block;
}
.items-acciones-thin h3 {
    display:inline-block;
    margin: 0;
    vertical-align: middle;
    font-size: 18px;
}
.items-acciones-thin a {
    display:inline-block;
    margin: 0;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    right: 1.2em;
    transform: translateY(-50%);
}

.container:has(.intentar-otro-dni) {margin-top:-1rem;}
.intentar-otro-dni {display:inline-block;padding: 0.7rem 0;color: #563d7c;font-size: 14px;}

.sugerencia-servicio-autogestion {margin: 1rem 0 1rem;font-size: 11px;}
.sugerencia-servicio-autogestion span {vertical-align: middle;}
.sugerencia-servicio-autogestion a {background-color:#333;color:#fff;padding:0.5em;border-radius:0.2em;margin-left: 0.6em;vertical-align: middle;text-decoration:unset;}
.sugerencia-servicio-autogestion a i {vertical-align: middle;}
.sugerencia-servicio-autogestion a:hover {background-color: #000;}

.secretaria-home > div:hover {
    transition:0.3s;
    background-color: #e0e0e0;
}
.secretaria-home > div > h4 {
    color: #333;
    font-weight:bold;
    font-size: 13px;
    margin: 0 0 10px;
}
.secretaria-home > div > a {
    padding: 8px 11px 6px;
    background-color: hsl(0 0% 26% / 1);
    color:white;
    /* font-weight:bold; */
    font-size: 12px;
    display: inline-block;
    border-radius: 4px;
}
.secretaria-home > div > a:hover {
    text-decoration:none;
    background-color: hsl(0 0% 12% / 1);
}
.secretaria-home > div > a:active {
    text-decoration:none;
    background-color: hsla(264, 40%, 16%, 1);
}
#form-paso2 .resultado {
    background-color: rgba(95,163,78,1);
    padding: 15px;
    border-radius:5px;
    margin: 15px 0 5px;
}
#form-expocarreras label{
    display: block;
}
#form-expocarreras input[type="checkbox"]{
    position:relative;
}
#form-expocarreras input:disabled{
    color:#ccc;
}
#form-expocarreras input:disabled:after{
    content:'ya ocupado';
    position:absolute;
    display:block;
    top: -7px;
    color: #ff3f00;
    left: 185px;
    width:300px;
}
.form-pasos input[readonly="readonly"] {background-color: #eee;border:1px solid #aaa;}

.boton-final {text-align: right;position: sticky;bottom: 0;background-color: white;padding: 1.4rem 1rem;}
#form-paso3 .boton-final,
#form-paso4 .boton-final {border-top: 1px solid #ccc;/* background-color: #f0f0f0; */}
#form-paso3.sinclickear {padding-bottom: 0;}
#form-paso3 {padding-bottom: 0px;}
#form-paso3 #inscripcionturnotarde:disabled+span {color:#999;}

#form-paso3 .radio {/* margin-left:1em; */}
#form-paso3 .radio label {padding:0px;position: relative;}
#form-paso3 .radio input+label {transition: 0.2s;}
#form-paso3 .radio input+label:after {
    font-family: 'Font Awesome 6 Free';
    content: "\f058";
    color: #3f9242;
    position:absolute;
    left: calc(100% + 10px);
    top:50%;
    opacity: 0;
    transition:opacity 0.2s;
    transform:translateY(-50%);
}
#form-paso3 .radio input:checked+label {color: #3f9242;font-weight: bold;margin-right: 2em;transition:0.2s;}
#form-paso3 .radio input:checked+label:after {
    transition:opacity 0.2s;
    opacity:1;}

.form-pasos div.alert {margin-top: 1em;}
.form-pasos div.alert a {color:inherit;text-decoration: underline;text-underline-offset: 0.1em;}


#form-paso3 button.colapsador {
    background-color: #e0e0e0;
    color: black;
    padding: 8px 15px;
    border: 0;
    outline: none;
    /* font-weight: 600; */
    font-size: 14px;
    border-radius: 5px 5px 0 0;
    vertical-align: bottom;
    margin-right: 3px;
}
#form-paso3 button.colapsador:not(.selected):hover {opacity: 0.7;}
#form-paso3 select {
    padding:3px;
    border-radius:3px;
    margin-right: 12px;
    font-size:12px;
}
#form-paso3 select option{
    padding: 10px;

}
#form-paso3 select.selectmod {
    width:175px;
    margin-right: 7px;
}
#form-paso3 select.selectturno{
    position:relative;
}
#form-paso3 input[type=radio], input[type=checkbox] {
    top: 2px;
    position: relative;
    /* margin-left: 0; */
}
#form-paso3 div.recursar {display:inline-block;background-color: transparent;vertical-align: middle;line-height: 1;padding-left: 0 !important;border-left: none !important;visibility: hidden;}
#form-paso3 div.recursar label {font-size: 70%;text-transform:uppercase;margin: 0;color: #1d3a18;border: 1px solid;border-radius: 0.2em;padding: 0.2em 0.2em 0.1em;}
#form-paso3 .selected div.recursar {visibility:visible;}

footer {background-color: #333;}
footer .container {display:flex;justify-content: space-between;align-content: center;align-items: center;}
footer .container > p {padding: 30px 0;color: white;color: #ccc;font-size: 15px;margin: 0;}
footer #feedback {position: relative;}
footer #feedback #feedback-icon {color:#ccc;padding: 10px;font-size: 15px;cursor: pointer;}
footer #feedback #feedback-icon:hover {color:#ddd;}
footer #feedback form {position: absolute;bottom: 100%;right: 0;opacity: 0;margin: 0;visibility: hidden;width: 430px;text-align: left;background-color: white;padding: 30px 20px 15px;border-radius: 5px;border: 1px solid #ccc;box-shadow: 0px 0px 10px rgba(0,0,0,.2);transition: 0.2s}
footer #feedback form.on {opacity: 1;visibility: visible;}
footer #feedback form p {font-size: 14px;line-height: 1.2;}
footer #feedback form textarea {font-size: 14px;}

/* -------------------------------->
             TODO TDG 
-----------------------------------*/

    #form-paso3 button.colapsador.selected[data-target="#tdg"] {
        background-color: #ffc107;
        background-image: -o-linear-gradient(top,#ffc107 0,hsla(45,100%,36%,1) 100%) !important;
        border-color: hsla(45,100%,26%,1);
    }
    
    div.contenedor-colapsado#tdg-contenedor > div:not(.alert):not(.boton-final):not(.recursar) {border-left:4px solid #ffc107;padding: 8px;font-size: 13px;}
    div.contenedor-colapsado#tdg-contenedor h3 {position: sticky;display:inline-block;text-align: left;background-color: #ffc107;padding: 7px 10px;font-weight: bold;color: #443404;}
    div.contenedor-colapsado#tdg-contenedor input[type="radio"]+label {text-align: left !important;width: auto !important;padding: 3px 7px 3px 22px !important;background-size: 200% 100%;border: 1px solid #ccc;margin: 0 12px 0 -20px;border-radius: 3px;}
    div.contenedor-colapsado#tdg-contenedor input[type="radio"]:checked+label {background-color: #ffc107;}
    div.contenedor-colapsado#tdg-contenedor input[type="checkbox"]+label {text-align: left !important;width: auto !important;padding: 3px 7px 3px 24px !important;background-size: 200% 100%;border: 1px solid #ccc;margin: 0px 12px 0 -24px;border-radius: 3px;cursor: pointer;}
    div.contenedor-colapsado#tdg-contenedor input[type="checkbox"]:checked+label {background-color: #ffc107;}
    .container.box .leyenda {display: inline-block !important;padding: 3px 0 !important;font-size: 10px;box-sizing:border-box !important;overflow:hidden;line-height: 11px;min-height: 19px;max-height: 26px;max-width: 0;transition: 0.3s;font-weight:  bold;background-color: #ddd;border: 0 !important;vertical-align: middle;display: inline-flex !important;align-items: center;}
    .container.box .leyenda.activo {max-width: 300px;padding: 3px 4px !important;transition: 0.4s;}
    .container.box > .carnet {background-color: white;position: relative;border:1px solid #999;}
    #estasseguro {display: none;position:  fixed;top: 0%;left: 0%;background-color: rgba(0,0,0,0.3);width:100%;height:100%;z-index:  10;}
    #estasseguro.on {display: block;}
    #estasseguro > div {position:  fixed;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);background-color: white;border: 1px solid #999;padding: 2em;box-shadow: 1px 1px 12px #999;z-index:  10;}

/* -------------------------------->
             TODO PAV 
-----------------------------------*/

    #form-paso3 button.colapsador.selected[data-target="#pav"] {
        border-color: #480f56;
        background-color: #a230be;
        color: white;
    }

    div.contenedor-colapsado#pav-contenedor > div:not(.alert):not(.boton-final) {border-left: 4px solid #dc82f2;padding-left: 10px;}
    div.contenedor-colapsado#pav-contenedor h3 {display:inline-block;text-align: left;background-color: #a230be;padding: 7px 10px;font-weight: bold;color: white;}
    div.contenedor-colapsado#pop-contenedor input[type="radio"]+label {text-align: left !important;width: auto !important;padding: 3px 7px 3px 24px !important;background-size: 200% 100%;border: 1px solid #ccc;margin: 0 12px 0 -24px;border-radius: 3px;}
    div.contenedor-colapsado#pop-contenedor input[type="radio"]:checked+label {background-color:#dc82f2;color:white;}

/* -------------------------------->
             TODO TAV 
-----------------------------------*/

    div.contenedor-colapsado#tav-contenedor > div:not(.alert):not(.boton-final) {border-left:4px solid #337ab7;padding-left: 10px;}
    div.contenedor-colapsado#tav-contenedor h3 {position: sticky;display:inline-block;text-align: left;background-color: #5c9ad0;padding: 7px 10px;font-weight: bold;color: white;}
    div.contenedor-colapsado#tav-contenedor input[type="radio"]+label {text-align: left !important;width: auto !important;padding: 3px 7px 3px 24px !important;background-size: 200% 100%;border: 1px solid #ccc;margin: 0 12px 0 -24px;border-radius: 3px;}
    div.contenedor-colapsado#tav-contenedor input[type="radio"]:checked+label {background-color:#5c9ad0;color:white;}
    div.contenedor-colapsado#tav-contenedor input[type="checkbox"]+label {text-align: left !important;width: auto !important;padding: 3px 7px 3px 24px !important;background-size: 200% 100%;border: 1px solid #ccc;margin: 0px 12px 0 -24px;border-radius: 3px;}
    div.contenedor-colapsado#tav-contenedor input[type="checkbox"]:checked+label {background-color:#5c9ad0;color:white;}

/* -------------------------------->
             TODO POP 
-----------------------------------*/

    #form-paso3 button.colapsador.selected[data-target="#pop"] {
        background-color: #e85190;
        border-color: #560f38;
        color:white;
    }

    #form-paso3 button.colapsador.selected[data-target="#tav"] {
        background-color: #5c9ad0;
        color:white;
    }
    

    div.contenedor-colapsado#pop-contenedor > div:not(.alert):not(.boton-final) {border-left: 4px solid #da6882;padding-left: 10px;}
    div.contenedor-colapsado#pop-contenedor h3 {position: sticky;display:inline-block;text-align: left;background-color: #e85190;padding: 7px 10px;font-weight: bold;color: white;}
    div.contenedor-colapsado#pop-contenedor input[type="radio"]+label {text-align: left !important;width: auto !important;padding: 3px 7px 3px 20px !important;background-size: 200% 100%;border: 1px solid #ccc;margin: 0px 12px 0 -20px;border-radius: 3px;}
    div.contenedor-colapsado#pop-contenedor input[type="radio"]:checked+label {background-color:#da6882;color:white;}
    div.contenedor-colapsado#pop-contenedor input[type="checkbox"]+label {text-align: left !important;width: auto !important;padding: 3px 7px 3px 24px !important;background-size: 200% 100%;border: 1px solid #ccc;margin: 0px 12px 0 -24px;border-radius: 3px;}
    div.contenedor-colapsado#pop-contenedor input[type="checkbox"]:checked+label {background-color:#da6882;color:white;}






#form-paso4 h5{margin-top: 2em;}
#form-paso4 div{font-size: 12px;color:#444;padding-left: 2em;}
#form-paso4 h3,#form-paso5 h3 {font-weight:bold;}
#form-paso4 .panel-default{padding: 0 2em 2em;margin-top:1em;}
#paso5refresh h2 {color: #444 !important;background-color: #ddd;padding: 10px;}
div.contenedor-colapsado {overflow: hidden;max-height: 0px;position: relative;}
div.contenedor-colapsado.open {overflow: visible;max-height: 10000px;transition:1.2s;}
div.contenedor-colapsado > div:nth-child(even):not(.alert) {background-color:#f0f0f0;}
div.contenedor-colapsado > div:not(.alert):not(.boton-final):not(.recursar) {padding: 8px;border-bottom:1px solid #ccc;}
div.contenedor-colapsado > div > div {display:inline-block;vertical-align: middle;font-size: 14px;}
div.contenedor-colapsado > div > div:has(input) {padding-left: 7px;}
#form-paso3 div.par {background-color:#eaeaea;}
#form-paso3 div.selected {background-color:hsl(122, 40%, 76%);position:relative;border-left: 4px solid #2e6b30 !important;border-color: #2e6b30;}
#form-paso3 div.selected span.materias {color: #1d3a18;}


#form-paso3 div.selected:after {
    font-family: 'Font Awesome 6 Free';
    content: "\f058";
    color: #3f9242;
    position:absolute;
    right: 5px;
    z-index: 0;
    top:50%;
    transform:translateY(-50%);
}

div.contenedor-colapsado h4 {margin: 0px 0 0px;}
div.contenedor-colapsado h4 span {
    /* font-size: 12px; */
    color: #999;
    margin-left: 5px;
}

div.contenedor-colapsado#tdg-contenedor h4{
    color: white;
    /* border-left: 4px solid #ffc107; */
}
div.contenedor-colapsado#pav-contenedor h4{
    color: white;
    border-left: 4px solid #dc82f2;
}
div.contenedor-colapsado#pop-contenedor h4{
    color: white;
    border-left: 4px solid #da6882;
}
div.contenedor-colapsado#tav-contenedor h4{
    color: white;
    border-left: 4px solid #337ab7;
}

.resultado-apellido-individual {margin: 8px 0;}
label {/* font-weight: normal; *//* margin-left: 0; *//* position: relative; *//* top: -2px; *//* vertical-align: middle; */}
input[type="radio"],input[type="checkbox"] {/* width: 20px !important; *//* position: relative; *//* top: 2px; */}

div.contenedor-colapsado label.materias,
div.contenedor-colapsado span.materias {display:inline-block;width: 40%;margin-bottom:  0;vertical-align:  middle;margin-left:  0;padding-right: 10px;font-weight: bold;font-size:  13px;}
div.contenedor-colapsado label.materias+div .aprobada {color:hsl(123 93% 29% / 1);}
div.contenedor-colapsado span.materias+span {font-size:90%;}
div.contenedor-colapsado span.falta {display: inline-block;/* font-size:90%; */width: 60%;vertical-align: middle;}

#imprimir_inscripcion {display: inline-block;}
#imprimir_inscripcion input[type="submit"]{background-color: transparent;border: none;color: #337ab7;cursor: pointer;padding:0;}
#imprimir_inscripcion input[type="submit"]:hover{color: #23527c;text-decoration: underline;}
#imprimir_inscripcion input[type="submit"]:focus{outline: none;}
      
input[type="radio"]+label {cursor:pointer;}
input[type="radio"]:checked+label {}
.box:hover {}

#menu {
    display: none;
    position: fixed;left: 0;
    top: 80px;
}
#menu a {display: block;color: #333;}

#tabla {
    background-color: rgba(134,230,110,1);
    padding: 0 50px 200px 20px;
    position: absolute;
    z-index: 100;
    right: 00px;
    top: 120px;
}
#tabla div b {border-bottom:2px solid #333;}



/* ==========================================================================
    ==========================================================================
        Inscripcion cursada
    ==========================================================================
   ========================================================================== */

div.container.box {
    /* width: 960px; */
    overflow: auto;
    padding: 1.5rem;
    /* border: solid #f7f7f9 .2rem; */
    background-color: white;
    border-radius: 0.3em;
    min-height: 50vh;
}
.localidades, .colegiosecundario-localidades,.trabajo-localidades {display: none;}
.paso2 input[type=radio] {}

.form-pasos h4 {
    font-weight: bold;
    margin: 20px 0 10px;
    padding: 12px 10px;
    font-size: 16px;
    background-color: #666;
    color: white;
}
.form-pasos h4.subrayado {
    font-weight: bold;
    margin: 1em 0 1em;
    padding: 10px;
    border-bottom: 2px solid #333;
}
.form-pasos div.contenedor-colapsado h3 {
    position: sticky;
    top: 0;
    margin: 0em auto 0;
    /* text-align: center !IMPORTANT; */
    display: block !important;
    padding: 15px !important;
    z-index: 1;
    font-size: 20px;
}
#form-paso2 fieldset{
    background-color:#fafafa;
    padding: 2em 2em;
    margin: 2em 0 3em;
    border: 1px solid #aaa;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    border-radius: 5px;
}
#form-paso2 fieldset hr {border-top: 1px solid #ccc;}
#form-paso2 fieldset label{/* font-weight: bold; */}
#form-paso2 .paso2-discapacidad {max-height:0px;overflow:hidden;transition:0.3s;}
#form-paso2 .paso2-discapacidad.on {max-height: 1000px;}
#form-paso2 .paso2-discapacidad input[type="checkbox"] {/* margin:0; */}
#form-paso2 .paso2-discapacidad label {/* font-weight:normal; *//* margin: 0em 0 0.1em; *//* width: auto !important; */}
#form-paso2 .paso2-discapacidad p.small {line-height: 1.2;}
#check-discapacidad+label {width:auto !important;}
#noingresante_open {
    cursor: pointer;
    border-bottom: 1px dotted #333;
    text-decoration: none;
}
#noingresante_form {
    max-height: 0px;
    overflow: hidden;
    background-color: #eaeaea;
    padding:0 1em;
}
#noingresante_form.on {
    max-height: 200px;
    transition:0.5s;
    padding: 1em;
}
.listadeespera {
    margin:1em  0 0;
    background-color:#eee;
    padding:1em;
}
#carteles-countdown-alerta {
    position:fixed;
    z-index:100;
    background-color:white;
    width:100vw;
    height:100vh;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition:0.3s;
}
#carteles-countdown-alerta.on {
    visibility: visible;
    opacity: 1;
    transition:0.8s;
}
.cartel-countdown-alerta {
    width: 580px;
    margin:0 auto;
    background-color:#eee;
    padding:50px 36px;
    border-radius:10px;
    display:none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.cartel-countdown-alerta.on {
    display:block;
}
.cartel-countdown-alerta p {
    font-size:18px;
}
.cartel-countdown-alerta button {
    display:inline-block;
}

@media (max-width: 768px) {
    .visible-xs {display:block;}
    
    #form-paso2 fieldset {padding: 1em 1em;}
    #form-paso2 label {width: 100%;/* margin: 15px 0 5px 10px; */}
    #youshallnotpass {width:100%;}
    #carteles-countdown-alerta {}
    .cartel-countdown-alerta {width:90%;padding: 25px;}
    
    footer #feedback {}
    footer .container > p {font-size:14px;}
    footer #feedback #feedback-icon {font-size: 14px;}
    footer #feedback #feedback-icon:hover {}
    footer #feedback form {width: 92vw;padding: 20px 20px 5px;}
    footer #feedback form.on {}
    footer #feedback form p {}
    footer #feedback form textarea {}

}




/* ==========================================================================
    ==========================================================================
        Carga de materias
    ==========================================================================
   ========================================================================== */

#carga-materias h3:first-child {
    font-weight: bold;
    margin: 40px 0 -40px;
}

#carga-materias h3.titulo-carrera:first-child {
    margin:30px 0 0;
}

#carga-materias h3.titulo-carrera {
    background-color: #337ab7;
    color:white;
    padding: 12px 10px;
    position: sticky;
    top:0;
    font-weight: bold;
    font-size: 16px;
    margin: 70px 0 0;
    z-index: 10;
}

#carga-materias .materia {
    padding: 8px;
    font-size: 12px;
    position:relative;
    background-color: #eee;
    margin: 10px 0;
}

#carga-materias .materia.par {
    /* background-color:#eee; */
}
#carga-materias .materia span.materias {font-weight:bold;}
#carga-materias .aprobada-nota {display:inline-block;visibility: hidden;}
#carga-materias .aprobada-nota.on {visibility:visible;}
#carga-materias .materia.selected {background-color:hsla(122, 40%, 58%, 1);}
#carga-materias .materia.selected:after {
    font-family: 'Font Awesome 6 Free';
    content: "\f058";
    color: hsla(122, 40%, 58%, 1);
    position:absolute;
    left: 102%;
    top: 50%;
    transform:translateY(-50%);
}
#carga-materias .borrar-materia-rendida {display:none;margin-left:10px;padding: 1px 3px;background-color: hsl(122deg 40% 39%);color: white;font-weight:bold;cursor:pointer;text-decoration:none;}
#carga-materias .borrar-materia-rendida:hover {background-color: hsl(122 40% 31% / 1);}
#carga-materias .borrar-materia-rendida.on {display:inline-block;}

#carga-materias .seleccionar-ano {
    display: none;
}

#carga-materias .seleccionar-ano.show {
    display: inline-block !important;
}

#carga-materias .form-pasos h4 {
    background-color: #555;
    color: #fff;
    padding: 10px 7px;
    font-size: 13px;
    margin: 20px 0 0;
}

#carga-materias form select.seleccionar-condicion, #carga-materias form select.seleccionar-ano {
    padding: 3px;
    border-radius: 3px;
    margin-left: 10px;
    font-size: 12px;
}
#carga-materias .boton-final {position: fixed;bottom: 30px;right: 30px;z-index: 11;}



/* ==========================================================================
    ==========================================================================
        Secretaria
    ==========================================================================
   ========================================================================== */

#loading {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    background-color: rgba(0,0,0,0.5);
}
#loading.on {
    display: block;
}
#loading div {
    position: relative;
    top: 45%;
    width: 100%;
    text-align: center;
    color: white;
    font-weight: bold;
    letter-spacing: 0.05em;
    font-size: 26px;
}

.secretaria_inscripcion_cursado {
    box-sizing:border-box;
    font-family: sans-serif;
    display: block;
}
.secretaria_inscripcion_cursado #logout {position: absolute;top: 10px;right: 10px;color: black;z-index: 100;font-size: 13px;}
.secretaria_inscripcion_cursado h3 {margin-top:0px;}
#datacontent {text-align:center;}
.secretaria_inscripcion_cursado h2 {
    text-align:center;
    margin: 1em 0;
    color: #553d7a !important;
    font-size: 18px;
    text-transform: uppercase;
}
.secretaria_inscripcion_cursado .carreramod {
    width: 32%;
    display: inline-block;
    /* text-align: center; */
    box-sizing: border-box;
    margin: 0 0.5% 20px;
    /*border: 1px solid #aaa;*/
    padding: 1em;
    text-align: left;
    background-color: #f2f2f2;
    border-radius: 7px;
    /* box-shadow: 2px 2px 10px rgba(0,0,0,0.1); */
}
.secretaria_inscripcion_cursado .carreramod h3{
    text-align: left;
    color: #563d7b;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 15px;
}
.secretaria_inscripcion_cursado .carreramod .totales {
    /* font-size: 1.5em; */
    display: inline-block;
    font-weight:bold;
    margin: 5px 10px 5px 0;
    color: #333;
}
.secretaria_inscripcion_cursado .carreramod .porturno {
    display:inline-block;
    vertical-align: middle;
    width: 49%;
    margin-bottom:  2px;
}
.secretaria_inscripcion_cursado .carreramod .totales > div{
    font-size:16px;
    font-weight:normal;
    display: inline-block;
}
.secretaria_inscripcion_cursado .carreramod .porturno > div{
    display:inline-block;
    width: auto;
    font-size: 14px;
    margin-right: 0.7em;
}
#estadodecarreras {
    padding: 1em 1em 0;
    border: 1px solid #999;
}
#estadodecarreras > div{
    margin-bottom: 2em;
}
#estadodecarreras > div > span{
    margin-right: 2em;

}
#estadodecarreras > div > span > span{
    position: relative;
    top: 1px;

}
#estadodecarreras h5{font-size: 16px;}
.estado-carreras {margin-left:1em;background-color:green;color:white;font-weight:bold;font-size: 12px;padding: 2px 4px;border-radius: 0.1rem;}

.lista {display: inline-block;width: calc((100% - 2% + 7px) / 7);vertical-align: top;padding: 0;margin-left: -1px;box-sizing:border-box;border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #aaa;}
.lista .titulo-por-carrera {/* display:inline-block; */font-weight: bold;padding: 10px;margin: 0;border: 0;border-bottom: 1px solid #ccc;position: sticky;top: 0;background-color: white;z-index: 3;font-size: 14px;cursor: default;text-transform: none;}
.lista .titulo-por-carrera h5 {display:inline-block;margin: 4px 4px 0 0px;font-size: 12px;color: white;padding: 2px 7px;border-radius: 3px;}
.lista.par {background-color:#eaeaea;}
.lista > div {margin: 0 0 0em;padding: 0.4rem 0.3rem 0.5rem 0.3rem;font-size: 13.5px;/* overflow: hidden; */text-transform: capitalize;position: relative;transition: height 0.3s;border-left: 2px solid transparent;border-right: 2px solid transparent;cursor: zoom-in;/* border-bottom: 1px solid #aaa; */box-shadow: 0 -1px 0 #aaa;}
.lista > div.open {border:2px solid;box-shadow: 0 -0 0 transparent;transition: box-shadow 0.1s;background-color: rgba(0,0,0,0.1);cursor: default;/* top: -2px; */margin-bottom: -2px;z-index: 2;border-radius: 2px;}
.lista > div.violeta {font-weight: bold;border: 0;padding: 0.5em calc(0.2rem + 2px);background-color: #eee;font-size: 11px;text-transform: uppercase;letter-spacing: 0.05em;border-bottom: 1px solid #ccc;z-index: 1;position: relative;}
.lista > div.bg-violeta {background-color: #553d7a;color: white;font-weight: bold;border: 0;padding: 8px calc(0.3rem + 2px);text-transform: unset;margin-top: -1px;font-size: 13px;}
.lista > div.bg-red {background-color: #9E9E9E;color: white;font-weight: bold;border: 0;margin-top: -1px;padding: calc(0.3rem + 2px);font-size: 11px;font-weight: normal;text-transform: unset;}
.lista > div.item-alumno:hover:after {content:"";background-color: rgba(0,0,0,0.1);position:absolute;top:0;left: -2px;z-index: 0;width: calc(100% + 4px);height:100%;}
.lista > div.open:hover:after {content:unset;}
.lista > div.quiebre {border-bottom:3px solid red;}
.lista > div > a {text-decoration:none;color:#000;position: relative;font-size: 12px;display: block;/* z-index: 2; */white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 2px 0.7em 2px 0;pointer-events: none;/* border-bottom: 2px solid transparent; */transition: 0.2s;}
.lista > div.open > a {/* border-bottom:2px solid; *//* background-color:#bbb; *//* padding: 4px 3px; *//* margin: 0 0 5px; */pointer-events: auto;white-space: normal;padding-right: 13%;}
.lista > div.open > a:hover {background-color: rgba(0,0,0,0.05);}
.lista > div.descartado.open > a:hover {color: #444;}
.lista > div.open.contactado > a {padding-right: 24%;transition: 0.2s;}
.lista > div .dni {padding:0;}
.lista > div .contactado-icon {display:none;border-radius:10px;width: 1em;line-height:1;fill: #3F51B5;color:white;position:absolute;top: 6px;right: 1px;transition: 0.2s;}
.lista > div.pendiente .dni {/* padding: 5px 3px; */}
.lista > div.open .dni {/* padding:5px 3px; */margin-bottom: 5px;}
.lista > div.completo {background-color: hsla(122, 39%, 89%, 1);}
.lista > div.pendiente {background-color: #ffe8a3;}
.lista > div.descartado {/* border-left: 2px solid #FF5722; */}
.lista > div.descartado span:not(.marcar-cerrar),.lista > div.descartado a, div.descartado .dni {/* opacity: 0.4; */color: #999;transition:0.2s;}
.lista > div.descartado.open span:not(.marcar-cerrar),.lista > div.descartado.open a, div.descartado.open .dni {opacity: 1;color: #333;transition:0.2s;}
.lista > div div.cambiar-turno {display:none;}
.lista > div.open div.cambiar-turno {display:block;padding: 5px 0;margin: 3px 0 0;}
.lista > div.open div.cambiar-turno span {background-color:#aaa;padding:4px;margin-right:2px;color:#111;font-weight:700;cursor: pointer;}
.lista > div.open div.cambiar-turno span:hover {background-color:#999;}
.lista > div.open div.cambiar-turno span:active {background-color:#888;}
.lista > div.pendiente div.cambiar-turno,
.lista > div.completo div.cambiar-turno {display:none;}

.lista > div .descartado-cartel {display:none;opacity:1;color: #ff5722;font-size:10px;font-weight:bold;margin:2px 0;}
.lista > div.descartado .descartado-cartel {/* display: block; */}
.lista > div.descartado b {font-weight:normal;}
.lista > div.descartado .impInscripcion {display: none !important;}
.lista > div > div {font-size: 11px;color:#666;text-transform: none;}
.lista > div.si {/*border-left:3px solid black;*/}
.lista > div .pendiente-text {display:none;}
.lista > div .cargar-pendiente-text {display:none;}
.lista > div.open.pendiente .pendiente-text {display:block;width: 100%;font-size: 11px;}
.lista > div.open.pendiente .cargar-pendiente-text {display:block;background-color: hsl(45deg 80% 52%);font-weight: bold;/* color:white; */border:0px;padding: 6px 0px;font-size: 11px;width: 100%;cursor:pointer;margin: 0 0 10px;}
.lista > div .cargar-pendiente-text:hover {background-color: hsl(45deg 100% 48%) !important;}
.lista > div .impInscripcion {display:none;font-weight: bold;font-size: 11px;padding: 4px 0 !important;margin: 1px 0 0;}

.lista > div .marcar-completo,
.lista > div .marcar-pendiente,
.lista > div .marcar-descartado,
.lista > div .marcar-cancelar {/* display: none; *//* width: 30%; */display: block;vertical-align: top;z-index: 2;padding: 0 4px !important;overflow: hidden;max-height: 0px !important;transition: 0.2s;}
.lista > div .marcar-contactado {display:none;position: relative;font-size: 11px;padding: 4px 4px;background-color: #337ab7;color: white;cursor: pointer;opacity:1;}
.lista > div .marcar-cerrar {display:none;z-index: 10;border: 2px solid #000;position: absolute;top: -2px;left: 100%;transform: translateX(-50%);font-size: 11px;font-weight: bold;padding: 8px 7px;letter-spacing: 0.03em;text-transform: lowercase;background-color: #e5e5e5;color: #000;cursor: pointer;opacity: 1;}
.lista > div.completo .marcar-cerrar {background-color: #dbefd8;}
.lista > div.completo .marcar-cerrar:hover {background-color:hsl(112 22% 74% / 1);}
.lista > div.completo .marcar-cerrar:active {background-color:hsl(112 18% 62% / 1);}
.lista > div.pendiente .marcar-cerrar {background-color: #fceaa1;}
.lista > div.pendiente .marcar-cerrar:hover {background-color:hsl(48 70% 67% / 1);}
.lista > div.pendiente .marcar-cerrar:active {background-color:hsl(48 60% 60% / 1);}
.lista > div:not(.pendiente,.completo) .marcar-cerrar:hover {background-color: #333;color:white;}
.lista > div:not(.pendiente,.completo) .marcar-cerrar:active {background-color: #111;color:white;}
.lista > div .impInscripcion {display:none;}

.lista > div.open .marcar-completo,
.lista > div.open .marcar-pendiente,
.lista > div.open .marcar-descartado {max-height: 30px !important;padding: 4px 4px !important;transition: 0.3s;}
.lista > div.open .impInscripcion {/* padding-right: 1% !important; */}
.lista > div.pendiente.open .impInscripcion,
.lista > div.completo.open .impInscripcion {display:block;}

.lista > div.completo.open .marcar-completo,
.lista > div.completo.open .marcar-pendiente,
.lista > div.completo.open .marcar-descartado,
.lista > div.completo.open .marcar-contactado,
.lista > div.pendiente.open .marcar-completo,
.lista > div.pendiente.open .marcar-pendiente,
.lista > div.pendiente.open .marcar-descartado,
.lista > div.pendiente.open .marcar-contactado,
.lista > div.descartado.open .marcar-completo,
.lista > div.descartado.open .marcar-pendiente,
.lista > div.descartado.open .marcar-descartado,
.lista > div.descartado.open .marcar-contactado {display: none;}

.lista > div.completo.open .marcar-cancelar,
.lista > div.pendiente.open .marcar-cancelar,
.lista > div.descartado.open .marcar-cancelar {/* display: block; */max-height: 30px !important;padding: 4px 4px !important;transition: 0.3s;/* margin: 10px 0 0; */}

.lista > div.contactado .marcar-contactado {display: none !important;}

.lista > div.contactado .contactado-icon {display: inline-block;}
.lista > div.open.contactado .contactado-icon {right: 29px;transition: 0.2s;}

.lista > div.completo .contactado-icon,
.lista > div.pendiente .contactado-icon,
.lista > div.descartado .contactado-icon,
.lista > div.completo .marcar-contactado,
.lista > div.pendiente .marcar-contactado,
.lista > div.descartado .marcar-contactado {display: none;}

.lista > div.open .marcar-contactado,
.lista > div.open .marcar-cerrar {display: block;}

.lista > div .marcar-completo {position: relative;font-size: 12px;background-color: #77ac39;color: white;cursor: pointer;}
.lista > div .marcar-completo.open {background-color: hsla(88, 50%, 36%, 1);}
.lista > div .marcar-pendiente {position: relative;font-size: 12px;padding: 4px 4px;background-color: #ffb700;color: white;cursor: pointer;}
.lista > div .marcar-pendiente.open {background-color: hsl(43 100% 45% / 1);}
.lista > div .marcar-descartado {position: relative;font-size: 12px;padding: 4px 4px;background-color: #f55347;color: white;cursor: pointer;}
.lista > div .marcar-descartado.open {background-color: hsla(4, 90%, 50%, 1);}
.lista > div .marcar-cancelar {position: relative;font-size: 13px;padding: 4px 4px;background-color: #337ab7;color: white !important;cursor: pointer;opacity:1;}
.lista > div .marcar-cancelar.open {background-color: hsla(208, 56%, 36%, 1);}

#listado-documentacion-table {border:1px solid #999;border-collapse: collapse;}
#listado-documentacion-table th {border:1px solid #999;text-align: left;padding: 9px 12px;}
#listado-documentacion-table td {border:1px solid #999;padding: 5px 12px;font-size: 12px;}

.lista > div .marcar-completo:hover {
    background-color: hsla(88, 50%, 36%, 1);
}
.lista > div .marcar-pendiente:hover {
    background-color: hsl(43 100% 45% / 1);
}
.lista > div .marcar-descartado:hover {
    background-color: hsla(4, 90%, 50%, 1);
}
.lista > div .marcar-cancelar:hover {
    background-color: hsla(208, 56%, 36%, 1);
}


@media (max-width: 768px){
    .secretaria_inscripcion_cursado .carreramod .porturno > div{
        display:inline-block;
        width: 30%;
    }
}


@media (min-width:1600px){
    .lista > div > a {font-size:13px;}
    .lista > div > .dni {font-size:12px;}
}

/* ==========================================================================
   Print
   ========================================================================== */


@media print{

    body * {/*display: none;*/}
    /* General */
    .container.box {width: 90%;/* margin-top: 3rem; */padding: 3rem 1.5cm 0 !important;}
    .noprint,
    .bd-pageheader,
    .sugerencia-servicio-autogestion,
    footer {display: none !important;}
    /* Alumno regular */
    .container.box, .container.box p, .container.box img, .container.box hr {display: block;}
    .container.box b {display: inline-block;}
    /* Carnet */
    .container.box > .carnet,.container.box > .carnet * {display: block;}
    .container.box > .carnet {border: 8px solid white;margin: 0 auto;}
    .container.box > .carnet::before, .container.box > .carnet::after {position: absolute;content: '';border: solid black;z-index: -1;}
    .container.box > .carnet::before {top: -32px; bottom: -32px;left: 0px; right: 0px;border-width: 0 1px;}
    .container.box > .carnet::after {left: -32px; right: -32px;top: 0px; bottom: 0px;border-width: 1px 0;}
    .container.box > .marcasdecorte {display: block !important;}
    .bd-pageheader h1 {display:none;}
    h2 {position:relative !important;}
    a[href]:after {content: none !important;}
    /* Examenes */
    #anchor-links {display:none;}
    
    .no-print {display:none;}
    #print,.intentar-otro-dni,#mostrar-carreras,.volver-a-autogestion,#menuSelect {display: none;}
    @page {
      size: portrait;   /* auto is the initial value */
      margin: 0em;  /* this affects the margin in the printer settings */
    }
    

}



/* ==========================================================================
   Mobile
   ========================================================================== */


@media (max-width: 768px){
    main {
        width: 100%;
    }
    body > main {
        padding-top:80px;
    }
    header.navbar {display:none;}
    h3 {font-size: 20px;text-wrap:pretty;}
    div.container.box {
        width: 100vw !important;
        padding: 10px;
    }
    .bd-pageheader h1 {
        width: 100%;
        margin: 0.5em 0;
    }
    .bd-pageheader h1+p.lead {
        margin: 8px 0;
        font-size: 14px;
    }
    .bd-pageheader #menuSelect {
        position:relative;
        top:unset;
        transform: unset;
        right:unset;
        padding:5px;
        font-size:13px;
    }
    .bd-pageheader #menuSelect option {color:#111;}
    .bd-pageheader #menuSelect option:disabled {color:#888;}

    h4.paso {
        margin:0;
    }
    #form-paso3 div.alert {
        margin-top: 1em;
    }
    .form-pasos h4 {
        margin: 1em 0;
    }
    div.contenedor-colapsado h3 {
        margin: 1em 0 0;
        width: 100%;
        font-size: 16px !important;
    }
    h1 {
        font-size: 20px !important;
        margin-top: 10px;
    }
    h2 {
        font-size: 18px;
        text-align:center; 
    }
    .header-nav h3 {text-align: center;}
    form.buscador#home-buscador {
        width: 100%;
        margin:10vh auto 0;
        border-radius: 0px;
    }
    form.buscador#home-buscador h4{
        padding: 0;
        font-size: 15px;
    }
    form.buscador#home-buscador input{
        width: 70vw;
    }
    form.buscador#home-buscador button{
        display: block;
        width: 30vw;
        margin: 1em auto;
    }
    #form-paso4 .panel.panel-default {}
    #form-paso4 div {padding-left: 20px;}
    #form-paso4 button[type="submit"]{/*margin-top:10px;*/}

    #resultados .resultado {
        border-radius: 0px;
    }

    form.buscador {
        width: 100%;
    }
    form.buscador a.buttonhome {
        left:0px;
        padding: 12px 15px;
        top: 0;
    }
    .header-nav .buscador input {
        width: 48vw;
    }
    .header-nav .buscador button {
        width: 20vw;
    }

    .progress+h4{text-align: center;}

    .form-pasos:not(#paso1) label {width: 100%;}
    
    label.radio-inline {width:auto !important;}
    #form-paso3 .radio input+label {width:auto;margin-left:5px;}
    #form-paso3 input[type="checkbox"] {margin-top: 4px !important;vertical-align: middle;}
    #form-paso3 input[type="checkbox"]+label {margin-top: 10px !important;}
    #noingresante_form.on {
        max-height: 600px;
    }
    .form-pasos input {width: 100%;}
    #form-paso3 input[type=radio], input[type=checkbox] {top:2px;/* display: inline-block; */width: auto;}
    
    .boton-final {
        text-align: right;
    }

    form.buscador a.buttonhome:HOVER {
        border-bottom: 0px;
        text-decoration: none;
    }

    form.buscador a.buttonhome:ACTIVE {
        border-bottom: 0px;
        text-decoration: none;
        background-color:rgba(25,93,8,1);
    }   
    div.contenedor-colapsado label.materias {
        display: block;
        width: 100%;
        margin: 3px 0;
    }
    div.contenedor-colapsado label {/*font-weight: bold;*/text-wrap: pretty;}

    .sugerencia-servicio-autogestion a {}

    form#form-paso3 .contenedor-colapsado div div {padding: 0px 0 10px !important;}
    form#form-paso3 .contenedor-colapsado div div:has(label) {padding-top: 4px !important;padding-left: 5px !important;!i;!;}
    
    div.contenedor-colapsado#tdg-contenedor div:not(.alert):not(.recursar) {padding-left:5px;padding: 14px 0 10px 5px;}
    div.contenedor-colapsado#pav-contenedor div:not(.alert) {padding-left:5px;padding: 14px 0 10px 5px;}
    div.contenedor-colapsado#tav-contenedor div:not(.alert) {padding-left:5px;padding: 14px 0 10px 5px;}
    #form-paso3 div.recursar label {font-size:80%;}
    div.contenedor-colapsado label.materias, div.contenedor-colapsado span.materias {display: block;width: 100%;font-weight: bold;font-size: 16px;}
    div.contenedor-colapsado label.materias, div.contenedor-colapsado span.falta {width:100%;display:block;}
    #form-paso3 select {display:block;margin: 5px 0;}
    #form-paso3 select.selectmod {display:inline-block;}
    .form-pasos input[type="checkbox"]{display:inline-block;vertical-align: text-bottom;width: auto;}
    .form-pasos input[type="checkbox"]+label {width:auto;}
    #form-paso3 div.selected:after {left: unset;right: 5%;}

    div.contenedor-colapsado span.recursa {display: block;}
    div.contenedor-colapsado span.recursa > input {width:auto;}

    input[type="radio"],input[type="checkbox"] {top: 2px;/* width: 10px !important; */width: auto;}
    div.contenedor-colapsado#tdg-contenedor input[type="radio"]+label {margin: 0 9px 0 -17px;padding: 3px 7px 3px 20px !important;font-weight: normal;}
    div.contenedor-colapsado#pav-contenedor input[type="radio"]+label {margin: 0 13px 0 0;font-weight: normal;}
    div.contenedor-colapsado#tav-contenedor input[type="radio"]+label {margin: 0 13px 0 0;font-weight: normal;}

    #form-paso3 button.colapsador {
        margin: 0;
        display: inline-block;
        width: 49%;
        padding:1em 0;
        white-space: normal;
    }
    .container > .row {
        /* text-align:center; */
        margin: 0;
    }
    .lead {
        width:100%;
        /* text-align: left; */
    }
    #grupos-wsp {margin:10px 0 20px;padding: 0;}
    #grupos-wsp a {margin-top: 5px;}
    .row-index {
        gap: 1rem 4%;
    }
    .items-acciones {
        width: 48%;
        padding: 1rem 0.7rem 0.8rem;
        margin: 0;
        text-align:left;
    }
    .items-acciones.doble {
        width:100%;
    }
    .items-acciones:nth-of-type(even){
        margin-right: 0;
    }
    .title-for-items {padding:0;}
    .items-acciones.active:after,
    .items-acciones.upcoming:after {left:0.7rem;}
    .items-acciones h3 {
        font-size: 17px;
        line-height: 1.1;
        min-height: 1lh;
        /* min-height: calc(18px * 2 * 1.2); */
        text-wrap: balance;
    }
    .items-acciones p {
        font-size: 13px;
        line-height: 1.2;
        min-height: 2lh;
        text-wrap: balance;
    }
    .items-acciones-thin {width:94%;text-align: left;}
    .bd-pageheader {
        padding: 1rem 1em !important;
        margin-bottom: 0rem;
        color: #cdbfe3;
        text-align: center;
        background-color: #563d7c;
    }
    .container:has(.intentar-otro-dni) {margin:0;}
    .bd-pageheader > .container {
        padding:0;
    }
    .items-acciones a.btn-primary {
        left:0.7em
    }
    #estasseguro > div {
        width: 92%;
    }
}

@media (min-width: 576px) {
    .bd-pageheader {
        padding: 2rem 0;
        margin-bottom: 1rem;
        text-align: left;
    }
}