html {height: auto;}

.wrapper{background:transparent;font-size: 90%}

body#formPruebas {
  background: linear-gradient( #f1f1f1 50%, #444 50%);
}
body#formPruebas .fondo{
  /* border-radius: 0 180px 0 0; */
  position: fixed;
  left: 0;
  width: 30%;
  height: calc(100% - 148px);
  /* height: 100%; */
  top: 148px;
  display: flex;
  align-items: flex-end;
  z-index: 1;
  background:#444;
}
.fondo img{filter: saturate(0);}

.footerFRM{background:#444; }

.NBS #logoNebrija{
    width: auto;
    height: 140px;
    min-width: 0;
    z-index: 4;
    padding: 0;
    margin-bottom: -90px !important;
    position: relative;
}
.push{
    margin-top: -41px;
    height: 110px;
    background: #444;
    /* border-radius: 0 200px 0 0; */
}
.footerFRM{
  padding-bottom: 50px;
  /* padding-top: 30px; */
  position:relative;
  margin-top: 0;
  font-family: 'ArialMTPro-Cond';
  font-size: 20px;
}

.footerFRM .grid_22{z-index: 4}

html.inicio body .contenidoPrincipal h1,
.contenidoPrincipal h1{
  transform: none;
  position: inherit;
  width: 100%;
  /* font-size: 3.4em; */
  padding: 0px 20px 20px;
  color: #c2002f;
  margin-bottom: 0;
  margin-top: 25px;
  text-align: center;
  /* padding-right: 5%; */
  box-sizing: border-box;
  }

html.inicio body .contenidoPrincipal h1:after{display: none}
#formPruebas .contenidoPrincipal{
      z-index: 3;
      border-radius: 0;
      background: transparent;
}
#formPruebas .contenidoPrincipal.cuerpoFRM{background:transparent;}
#formPruebas .contenidoPrincipal#CapaFrmSolicitud{
  /* border-radius:80px; */
  padding: 10px 10% 20px;
  box-sizing: border-box;
  width: 100%;
}

.FRM{
  background:#fff;
  box-shadow: 8px 8px 0 #333;
  width: calc(100% - 13px);
  padding: 20px 0 50px;
}  

  .gris{color:#000!important}
  hr{
    border-top:1px solid #eee;
    margin:14px auto 26px;
  }
  #formPruebas form{width: 100%;}


  #formPruebas input.select2-search__field{
    background: #f1f1f1;
    border: 0;
    border-radius: 15px;}


  div form #tooltips label{top: 1%;padding-top: 15px; line-height: 1}
  div form #tooltips div input.error + label.error, div form #tooltips div select.error + label.error{border-radius: 0;background: #f8e3e8;border:0!important;right: 25px}
  div #tooltips.label-abajo input:focus + label, div #tooltips.label-abajo input:focus + label + label{border:0!important;}
  div form #tooltips div input + label.error + label{display: block;background: #f2f2f2;z-index: 1;box-shadow: 47px 0px 18px #f2f2f2;}
   div form #tooltips div input:focus + label.error + label{box-shadow: none}
  div form input.error, form label.error, div form select.error, div .select2-selection.select2-selection--single.error{border-color:#999 }
  
  div #titulacion-error{
    margin-top: 0!important;
  }

  #tooltips input[type="text"], #tooltips  input[type="date"], #tooltips input[type="datetime"], #tooltips input[type="datetime-local"], #tooltips input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], #tooltips input[type="tel"], #tooltips input[type="phone"], input[type="time"], input[type="url"], textarea, #tooltips select, body div .select2-container--default .select2-selection--single, #tooltips input, #tooltips select, #tooltips textarea, .zelect{
    background: #cccccc42;
    height: 46px;
  }



  button,#formPruebas input#enviar{
    width: 100%;
    color:#fff;
    height: 60px;
    font: 300 23px ArialMTPro, arial, sans-serif;
    float: left;
    border: 0;
    /* border-radius: 50px; */
    padding-bottom: 6px;
    margin-bottom: 30px;
    box-shadow: 0 -7px 0 rgba(0,0,0,0.1) inset;
  }
  button,#formPruebas input#enviar:focus{outline:0;background-color:#333}

  button,#formPruebas input#enviar:hover{box-shadow: 0 -3px 0 rgba(0,0,0,0.3) inset, 0 7px 0 rgba(0,0,0,0.2);}
  
  button {cursor: pointer;}
  
  .line{line-height:1.8}


.noGrado{display: none!important}



#formPruebas form * {
  box-sizing: border-box;
}

#tooltips input.error, #tooltips textarea.error, #tooltips select.error{
  background: #c2002f1c;
}

#formPruebas form label.error{text-align: right;}


#pruebasAdmision .optgroups-true ol li.curso,
#grado .optgroups-true ol li.curso,
#pruebasAdmision .optgroups-true ol li.master,
#globalCampus .optgroups-true ol li.presencial,
#globalCampus .optgroups-true ol li.modalidad-presencial,
#grado .optgroups-true ol li.master,
#master .optgroups-true ol li.grado,
#master .optgroups-true ol li.doble,
#NBS .optgroups-true ol li.grado,
#NBS .optgroups-true ol li.master,
#NBS .optgroups-true ol li.curso,
#NBS .optgroups-true ol li.doctorado,
body.ciclos_formativos ol li.doble,
body.ciclos_formativos ol li.grado, 
body.ciclos_formativos ol li.master, 
body.ciclos_formativos ol li.curso, 
body.ciclos_formativos ol li.doctorado
{
    visibility: hidden!important;
    height: 0;
    padding: 0;
    margin: 0;
}

body.PA li.select2-results__option.curso,
body.PA li.select2-results__group.curso,
body.grado li.select2-results__option.curso,
body.grado li.select2-results__group.curso,
body.PA li.select2-results__option.master,
body.PA li.select2-results__group.master,
body.globalCampus li.select2-results__option.presencial,
body.globalCampus li.select2-results__option.modalidad-presencial,
body.globalCampus li.select2-results__group.presencial,
body.globalCampus li.select2-results__group.modalidad-presencial,
body.solocursos li.select2-results__option.master,
body.solocursos li.select2-results__option.doctorado,
body.solocursos li.select2-results__option strong,
body.solocursos .select2-results__option:before,
body.solocursos.contenedorEng  strong.select2-results__group.en,
body.grado li.select2-results__option.master,
body.grado li.select2-results__group.master,
body.master li.select2-results__option.grado,
body.master li.select2-results__option.doble,
body.master li.select2-results__group.grado,
body.master li.select2-results__group.doble,
#globalCampus .optgroups-true ol li.salud,
#globalCampus .optgroups-true ol li.doctorado,
body.globalCampus .select2-container li.salud,
body.globalCampus .select2-results__group.presencial,
body.globalCampus .select2-results__group.modalidad-presencial,
body.globalCampus .select2-container li.doctorado,
body.NBS .select2-container li.grado,
body.NBS .select2-container li.doble,
body.NBS .select2-container li.master,
body.NBS .select2-container li.curso,
body.NBS .select2-container li.doctorado,
body.ciclos_formativos .select2-container li.grado,
body.ciclos_formativos .select2-container li.doble,
body.ciclos_formativos .select2-container li.master,
body.ciclos_formativos .select2-container li.curso,
body.ciclos_formativos .select2-container li.doctorado
{display: none}

#pruebasAdmision .optgroups-true ol li.master.first,
#globalCampus .optgroups-true ol li.presencial.first,
#globalCampus .optgroups-true ol li.modalidad-presencial.first,
#grado .optgroups-true ol li.curso.first,
#grado .optgroups-true ol li.master.first,
#master .optgroups-true ol li.grado.first,
#master .optgroups-true ol li.doble.first,
#NBS .optgroups-true ol li.grado.first,
#NBS .optgroups-true ol li.master.first,
#NBS .optgroups-true ol li.curso.first,
#NBS .optgroups-true ol li.doctorado.first,

body.PA .select2-container li.master.first,
body.globalCampus .select2-container li.presencial.first,
body.globalCampus .select2-container li.modalidad-presencial.first,
body.grado .select2-container li.curso.first,
body.grado .select2-container li.master.first,
body.master .select2-container li.grado.first,
body.master .select2-container li.doble.first,
body.NBS .select2-container li.grado.first,
body.NBS .select2-container li.doble.first,
body.NBS .select2-container li.master.first,
body.NBS .select2-container li.curso.first,
body.NBS .select2-container li.doctorado.first,
body.ciclos_formativos .select2-container li.grado.first,
body.ciclos_formativos .select2-container li.doble.first,
body.ciclos_formativos .select2-container li.master.first,
body.ciclos_formativos .select2-container li.curso.first,
body.ciclos_formativos .select2-container li.doctorado.first
{
    height: 0px;
    cursor: text;
    margin: 0 0 30px 0;
}

#pruebasAdmision .master,
body.PA .master,
body.PA .doctorado,
body.PA .area,
#pruebasAdmision .curso,
body.PA .curso,
#globalCampus .salud,
body.globalCampus .salud,
#globalCampus .idiomas,
body.globalCampus .idiomas,
#grado .idiomas,
body.grado .idiomas,
#pruebasAdmision .idiomas,
body.PA .idiomas,
#grado .master,
body.grado .master,
body.grado .doctorado,
body.grado .area,
#grado .curso,
body.grado .curso,
#master .grado,
body.master .grado,
body.master .doble,
body.NBS .grado,
body.NBS .doble,
body.NBS .curso,
body.NBS .doctorado,
body.NBS .master,
body.NBS .area,
body.NBS.contenedorEng .curso.NBS.es,
body.ciclos_formativos .grado,
body.ciclos_formativos .doble,
body.ciclos_formativos .curso,
body.ciclos_formativos .doctorado,
body.ciclos_formativos .master,
body.ciclos_formativos .area
{display: none!important;}

body.NBS .area.NBS,
body.NBS .master.NBS,
body.NBS .curso.NBS.es,
body.NBS.contenedorEng .curso.NBS.en
{display: block!important;}

body.NBS .area.NBS.en,
body.NBS .master.NBS.en
{display: none!important;}

body.NBS.contenedorEng  .area.NBS,
body.NBS.contenedorEng  .master.NBS
{display: none!important;}

body.NBS.contenedorEng  .area.NBS.en,
body.NBS.contenedorEng  .master.NBS.en
{display: block!important;}


body.NBS .NBS,
body.NBS .select2-container li.master.NBS
{display: block;}

#dv_ccsalud,
.pruebasAdmision{display: none}

#pruebasAdmision
.pruebasAdmision{display: block;}

.encabezadoFRM{
  text-align: center;
}
.english{
  display: inline-block!important;
  padding: 15px 25px;
  margin: 0;
  font-weight: bold;
  color: #000;
  border: 2px solid #ccc;
  border-top: 0;
  transition: transform 0.5s ease;
}
.english:hover{background: #fff;
  transform: translateY(-2px);

}

.legal{
  margin: 30px;
  text-align:center;
  color:#777;
  line-height:1.4;
}

form div.datos{width: 100%;
margin-bottom:1.8vh;}



#select2-provincia-results > .select2-results__option{display: none!important;}
#select2-provincia-results.EC > .select2-results__option.EC,
#select2-provincia-results.PE > .select2-results__option.PE,
#select2-provincia-results.CO > .select2-results__option.CO,
#select2-provincia-results.ES > .select2-results__option.ES,
.soloEspana #select2-provincia-results > .select2-results__option
{display: block!important;}

#select2-procedencia-results > .select2-results__option{display: none!important;}
#select2-procedencia-results.EC > .select2-results__option.EC,
#select2-procedencia-results.PE > .select2-results__option.PE,
#select2-procedencia-results.CO > .select2-results__option.CO
{display: block!important;}

/*#tooltips :not(:required).valid+label {
    display: block;
}*/

.datos.checkradio {
  padding-top: 12px;
}

.datos.checkradio label{
  position: relative!important;
  display: block!important;
  padding: 0px 6px 5px 50px!important; 
  transition: none;
  width: 100%;
  z-index: 2;
  cursor: pointer;
}

.datos.checkradio input{
  appearance: none!important;
  -webkit-appearance: none;
  -moz-appearance: none;
  visibility: hidden!important;
  position: absolute!important;
  right: 0;
}
 
.datos.checkradio input + label.error{
      margin-left: 7px;
      margin-bottom: 0px;
      float: right;
      padding: 5px 13px!important;
      width: auto;

}

.datos.checkradio input + label + label{
  background: transparent!important;
  box-shadow: none!important;
}

.datos.checkradio input.valid + label + label{
  color: #000!important;
}

.datos.checkradio input + label + label + i,
.datos.checkradio input + label + i{
 background: #f0f0f0;
 border:2px solid rgba(0,0,0,0.2);
 position: absolute; 
 left: 0;
 top: 0;
}
 
.datos.checkradio input[type=checkbox] + label + i,
.datos.checkradio input[type=radio] + label + i,
.datos.checkradio input[type=checkbox] + label + label + i,
.datos.checkradio input[type=radio] + label + label + i{
 height: 30px;
 width: 30px;
 left: 15px;
}

.datos.checkradio input[type=checkbox] + label + i:before,
.datos.checkradio input[type=radio] + label + i:before,
.datos.checkradio input[type=checkbox] + label + label + i:before,
.datos.checkradio input[type=radio] + label + label + i:before{
  content: '';
  display: block;
  height: 18px;
  width: 18px;
  background: red;
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 4px;
  background:#2AC176;
  transition: all 0.25s ease; 
  transform: scale(0);
  opacity: 0; 
}


.datos.checkradio input[type=checkbox]:checked + label + i:before,
.datos.checkradio input[type=radio]:checked + label + i:before,
.datos.checkradio input[type=checkbox]:checked + label + label + i:before,
.datos.checkradio input[type=radio]:checked + label + label + i:before{
  transform: scale(1);
  opacity: 1;
}


.datos.checkradio input[type=checkbox]:not(:checked) + label:hover  + i,
.datos.checkradio input[type=radio]:not(:checked) + label:hover + i,
.datos.checkradio input[type=checkbox]:not(:checked) + label + label:hover  + i,
.datos.checkradio input[type=radio]:not(:checked) + label + label:hover + i{
  background: #c2002faa;
}


/* RESPONSIVE */

@media only screen and (max-width: 550px) {
  #formPruebas .contenidoPrincipal {
    padding-left: 4%;
    width: 91.5%;
    left:0;
  }
  #formPruebas h1{/* margin-left:-4%; *//* padding-left:6%; */font-size: 2.6em;}
  body#formPruebas .fondo{display:none}
}

@media only screen and (min-width: 1800px) {
  .wrapper{/* min-height: 100%; */min-height: 810px;}
  body#formPruebas .footerFRM::after{
    bottom: 168px;
    z-index: 1;
    left: 30%;
  }
  .push {
    margin-top: 100px;
    height: 100px;
    }
   body#formPruebas .fondo{height: calc(100% - 111px);}
}

@media only screen and (max-width: 1102px) {
  .footerFRM{font-size: 18px}
}

@media only screen and (max-width: 994px) {
  .footerFRM{font-size: 15px}
}

@media only screen and (max-height: 919px) {
  body#formPruebas .fondo{height: calc(100% - 101px);}
}

@media only screen and (max-width: 830px) {
  
  body#formPruebas {
    background-color: #fff;
  }
  body#formPruebas .fondo{
    top: 200px;
    bottom: 0;
    height: auto;
  }
  body#formPruebas .fondo img {
      width: 84%;
  }
  
  .FRM{
        /* box-shadow: -12px 9px 0 #c2002f; */

        /* border-radius: 13px 13px 10px 104px; */
  }


  .footerFRM{ 
    font-size: 17px;
    line-height: 2;
    padding-bottom: 30px;
    border-radius: 0;
  }

  body#formPruebas .footerFRM::after{bottom: 148px;}

 .NBS #logoNebrija{
  height: 100px;
  margin-bottom: -50px!important;
 }
  
}


@media (min-width: 551px) and (max-width: 800px){
  .container_22 .grid_5 {
    margin-left: .5%!important;
      margin-right: .5%!important;
          width: 21.5%!important;
  }

}

@media (max-width: 550px){
  .logoFRM {
      width: 100%;
      padding: 10px 23% 20px;
  }
  .english{
    padding: 16px;
  }

  .NBS .english{
    width: auto;
    margin:0;
  }

  body#formPruebas .footerFRM::after{
    left:0;
    }

}

@media (max-height: 850px){
  body#formPruebas .fondo img{width: 88%;}
}
@media (max-height: 850px) and (min-width: 830px){
  body#formPruebas .fondo img{min-width: 400px;}
}


@media (max-height: 700px){
  body#formPruebas .fondo img{width: 75%;}
}
@media (max-height: 700px) and (min-width: 830px){
  body#formPruebas .fondo img{min-width: 350px;}
}


@media (max-height: 600px){
  body#formPruebas .fondo{    bottom: auto;
    top: 100px;
    height: calc(100% - 77px);}
  body#formPruebas .footerFRM::after{display: none;}
}
@media (max-height: 600px) and (min-width: 830px){
  body#formPruebas .fondo img{min-width: 300px;}
}


@media (max-height: 500px) and (min-width: 830px){
  body#formPruebas .fondo img{min-width: 260px;}
}



@media (max-height: 400px){
  body#formPruebas .fondo img{width:40%;/* margin-top: 150px; */position: absolute;top: 31px;}
  body#formPruebas .fondo{    bottom: auto;
    top: 100px;
    height: calc(100% - 7px);}
  /*body#formPruebas .footerFRM::after{display: none;}*/
}

@media (max-height: 400px) and (max-width: 1000px){
  body#formPruebas .fondo img{width: 79%;
    top: 10px;}
}