@media screen and (max-width: 1500px) {
	.boxSectionForm ul.tableLista div.tdLista,
	.boxSectionForm.supervisorform  .tdLista.tdEdad,
	.boxSectionForm ul.tableLista div.tdLista.tdNombre{
		font-size: 16px;
	}
}

@media screen and (max-width: 1445px) {
	.boxSectionForm .login.cols2Item  .loginField {
		margin-right: 2%;
	}
	.pageContent2 .boxSearch .boxSectionForm input{
		margin-right: 5px;
	}
	.pageContent2 .boxSearch .fa.fa-calendar {
		font-size: 1.7em;
	}
}

@media screen and (max-width: 1350px) {
	body.carpetaresidencias div.pageFormLarge.gesRes{
		margin-left: 270px; 
	}
	.portalLayoutRow.rowBoxLinkHead.nav{
	    margin-top: 10px;
	}
	.boxSectionForm .buttonZone .cmTypeSubmit{
		margin-bottom: 10px;
	}
	.boxSectionForm ul.tableLista div.tdLista.tdOpciones{
		min-width: auto;
	}
	.boxSectionForm ul.tableLista {
		font-size: 0.9em;
	}
	.boxSectionForm ul.tableLista div.tdLista.tdNombre,
	.boxSectionForm ul.tableLista div.tdLista.tdEstado {
		white-space: normal !important;
	}
	.boxSectionForm .inputDiv{
		width: 100%;
	}
	.boxLinkHead.boxLinkResidentes .headBotonesResidente{
		padding: 0 15px;
	}
	
	.boxSectionForm ul.tableLista div.tdLista{
		font-size: 15px;
	}
}

@media screen and (max-width: 1260px) {
	.boxSectionForm ul.tableLista div.tdLista {
		font-size: 17px;
	}

	.boxSectionForm  .btn{
		margin: 4px 0;
	}
}

@media screen and (max-width: 1175px){
	.boxSectionForm.supervisorform ul.tableLista div.thLista.thEmail,
	.boxSectionForm.supervisorform ul.tableLista div.tdLista.tdOpciones,
	.boxSectionForm.supervisorform ul.tableLista div.tdLista.tdEmail,
	.boxSectionForm.supervisorform ul.tableLista div.tdLista.tdEstado,
	.boxSectionForm.supervisorform ul.tableLista div.thLista.thFecha,
	.boxSectionForm.supervisorform ul.tableLista div.tdLista.tdFecha,
	.boxSectionForm.supervisorform ul.tableLista div.thLista.thDNI,
	.boxSectionForm.supervisorform ul.tableLista div.tdLista.tdDNI,
	.boxSectionForm.supervisorform ul.tableLista div.tdLista.tdImagen,
	.boxSectionForm.supervisorform ul.tableLista div.tdLista.tdEdad,
	.boxSectionForm.supervisorform ul.tableLista div.tdLista.tdSexo {
		white-space: normal;
	}
	
	.pageFormMain.supervisarDatos .boxSectionForm.formsupervisor .inputDiv{
		float: none;
		width: 100%;
	}

	.supervisarDatos .boxSectionForm.formsupervisor .fechaNacimiento .inputDiv {
		width: 85%;
	}

	.supervisarDatos .boxSectionForm .fechaNacimiento .inputDivButton{
		margin-top: 32px;
		font-size: 1.7em;
	}

	.boxSectionForm ul.tableLista div.tdLista {
		font-size: 15px;
	}
	
	.navbar-header .navbar-brand img {
		max-height: 70px;
	}
	

	.nav .dropdown .fa{
		margin: 0 0px 0 3px;
	}
	
	.boxSectionForm .login.cols2Item  .loginField {
		width: 48%;
	}
	
	.pageContent2 .boxSearch .boxSectionForm {
		padding: 15px;
	}
	
	.navbar-brand > span.textHead {
		color: #333;

		clear: none;
	}

}

@media screen and (max-width: 1049px){
	
	.navbar-header .navbar-brand img{
		max-height: 55px;
	}	
	
	/*.navbar-right {
		float: right !important;
		margin-top: -62px;
	}*/
	
	div.menuPrincipalBox div.menuPrincipal ul.menuPrincipal li a .fa{
	    margin: 0px -5px 0px 0px;
	}
	
	body.carpetaresidencias div.pageFormLarge.gesRes {
		margin-left: 265px;
	}
	
	.boxSectionForm.editRes .loginField.clearfix {
		max-height: initial;
	}
	
	.boxSectionForm .fechaNacimiento {
		width: 100%;
	}
	
	.boxSectionForm .groupRadio {
   		width: 100%;
		margin-left: 0;
	}
}

@media screen and (max-width: 979px) and (min-width: 840px) {
	body.carpetaresidencias .mainContainer > div:not(.zonaPie){
		padding: 35px 10px 0 10px;
	}
	
	.headCarpeta .cabeceraDch{
		margin-left: 30px;
	}
		
	body.carpetaresidencias div.boxResidente{
		background: #fff;
		height: auto;
	}
	
	body.carpetaresidencias div.boxResidente,
	body.carpetaresidencias .headerExterno{
		width: 23%;
	}
	
	.carpetapaciente ul.menuPrincipal li.menuPrincipalPrimerNivel {
		font-size: 16px;
	}
	
	div.menuPrincipalBox div.menuPrincipal ul.menuPrincipal li a{
		padding: 13px 18px 13px 10px;
	}
	
	div.menuPrincipalBox div.menuPrincipal ul.menuPrincipal li a .fa{
	    margin: 0px -10px 0px 0px !important;
	}
	
	div.menuPrincipalBox div.menuPrincipal ul.menuPrincipal li a .fa:first-child{
		font-size: 1.3em;
		width: 34px;
	}
	
	div.menuPrincipalV2{
		width: 23%;
	}
	
	div.menuPrincipalV2 div.menuPrincipalBox div.menuPrincipal ul.menuPrincipal li a{
		font-size: 1em;
	}
	
	.boxSectionForm .btn{
		font-size: 13px;
	}
	
	
	/* TABLAS DE LISTADOS */

	.boxSectionForm ul.tableLista div.thLista	{
		font-size: 17px;
	}
	
	.boxSectionForm ul.tableLista div.tdLista	.fa{
		font-size: 20px;
	}
	
	.boxSectionForm ul.tableLista div.thLista,
	.boxSectionForm ul.tableLista div.tdLista.tdNombre{
		padding: 1em 0.4em;
	}
	
	.boxSectionForm ul.tableLista li.trLista img {
		width: 48px;
		height: auto;
	}
	
	.boxSectionForm .tableLista li:not(.cmIteracion ){
		font-size: 0.9em;
	}
	
	.boxSectionForm.formEspecialista .tableLista li:not(.cmIteracion ){
		font-size: 1.2em;
	}
	
	.boxSectionForm ul.tableLista div.tdLista.tdOpciones{
		min-width: auto;
		padding: .3em;
	}
	
	.boxSectionForm div.tdLista{
		padding: 25px 5px;
		white-space: normal !important;
		font-size: 1em;
	}

	/* FOMRULARIOS */
	.boxSectionForm .inputDiv input,
	.boxSectionForm .inputDiv select {
		width: 80%;
	}

	.pageBody .blockInfoData {
		width: 78%;
	}

	.boxSectionForm .tdLista input#emailSupervisor {
		width: 35em;
	}

	.boxSectionFormMultiple .boxSectionForm .loginField .blockData .loginFieldTypeData {
		float: none;
		margin-bottom: .5em;
	}

	.boxSectionFormMultiple .boxSectionForm .loginField .blockData .loginFieldTypeData label {
		display: block;
		float: left;
		width: 6em;
	}

	.boxSectionFormMultiple .boxSectionForm .loginField.loginFieldDireccion {
		margin-bottom: .6em;
	}
	
	body.pageBody.carpetaresidencias .searchSupr .loginField.cols2Item .loginFieldItem{
	    width: 100%;
		margin-bottom: 10px;	
	}
	
	.boxSectionForm .buttonZone .cmTypeSubmit{
		margin-bottom: 10px;
	}
	
	.tareasList + div.portalLayoutRow .dataRow .portalLayoutCell,
	.tareasList .dataRow .portalLayoutCols2 .portalLayoutRow .portalLayoutCell{
		width: 100%;
		float: none;
	}
	
	.tareasList + div.portalLayoutRow .dataRow .portalLayoutCell:first-child,
	.tareasList .dataRow .portalLayoutCols2 .portalLayoutRow .portalLayoutCell:first-child{
		margin: 0;
	}
	
	.boxSectionForm .inputDiv{
		width: 100%;
	}
	
	.boxSectionForm .login .loginField.inputFile{
		width: 74%;
	}
	
	.boxSectionForm .login .loginField.firstField{
		width: 100%;
		float: none;
	}
	
	.dataRow2 > .portalLayoutArea >.portalLayoutRow,
	.dataRow2 > .portalLayoutArea >.portalLayoutCell{
		float: none;
		width: 100%;
	}
	
	.supervisarDatos .boxSectionForm .formSection span.estado1{
		float: none;
		display: inline-block;
		width: auto;
		margin: 5px 0;
	}
	
	.pageFormMain .boxSectionFormMultiple form .boxSectionForm .login div.loginField.loginFieldDireccion .loginFieldTypeData{
		width: 45%;
		float: left;
	}
	
	.pageFormMain .boxSectionFormMultiple form .boxSectionForm .login div.loginField.loginFieldDireccion .loginFieldTypeData:first-child{
		width: 95.1%;
		float: none;
	}
	
	.boxSectionFormMultiple .boxSectionForm .loginField .blockData .loginFieldTypeData label{
		width: auto;
	}
	
	.boxSectionFormMultiple .boxSectionForm .loginField .inputDiv input#telephone{
		width: 85%;
	}
	
	.boxSectionFormMultiple .boxSectionForm .loginFieldItem .inputDiv input#zip{
		width: 80%;
	}
	
	body.pageBody.carpetaresidencias .loginField .loginFieldItem{
		width: 100%;
	    float: none;
	}
	
	.boxSectionForm select {
		width: 95%;
	}
	
	.boxGroup {
		display: inline-block;
		width: 95%;
	}
	
	.supervisarDatos .boxSectionForm.formsupervisor .fechaNacimiento .inputDiv {
		width: 85%;
	}
	
	.supervisarDatos .boxSectionForm .fechaNacimiento .inputDivButton{
		margin: 31px 0 0 0;
		float: right;
	}
	
	.dataRow .portalLayoutCols2 .portalLayoutRow .portalLayoutCell,
	.dataRow2 .portalLayoutCols2 .portalLayoutRow .portalLayoutCell {
		width: 100%;
		padding-right: 0;
		display: block;
	}
}

@media screen and (max-width: 839px) {
	body.carpetaresidencias,
	body.pageBody.carpetaresidencias{
		padding-top: 0;
		padding-bottom: 0;
	}
	body.carpetaresidencias .mainContainer,
	body.mainPage.carpetaresidencias .mainContainer{
		padding: 0;
	}
	
	body.carpetaresidencias.authBody .boxFormHead div.formHeadLink{
		margin: 18px 0;
	}
	
	ul.top-nav>li.dropdown {
		margin: 0;
	}
	
	ul.top-nav>li.dropdown > a {
		/* padding: 0; */
	}
	
	.navbar-header .navbar-brand img {
		max-height: 60px;
		max-width: 100%;
	}
	
	ul.navbar-right {
		margin-top: 0px;
	}
	
	.bannersMenu{
		display:none;
	}
	
	div.pageFormMain {
		border-left: 0px none;
		border-right: 0px none;
		padding: 0 15px;
	}

	.cmContactMailButton,
	.cmSearchButton {
		font-size: 1.1em;
	}
	
	div.portalLayoutOuterGrid{
		margin-top: 0;
	}
		
	/*FORMULARIO DE ENTRADA*/
	
	body.carpetaresidencias.authBody {
		padding-top: 0;
	}

	body.carpetaresidencias.authBody div.pageFormMain {
		border: 0px none;
	}
	
	.authBody div.pageAuthMain .boxFormHead div.formHeadLink a {
		border: 0;
	}

	body.carpetaresidencias.authBody div.pageForm .boxForm .loginField {
		margin-bottom: 0.5em;
		width: 100%;
		max-width: 100%;
	}

	body.carpetaresidencias.authBody div.pageForm .boxForm .loginField label {
		display: inline-block;
		width: 6em;
		font-size: 1.25em;
	}

	body.carpetaresidencias.authBody div.pageForm .boxForm .loginField input {
		font-size: 1.25em;
	}

	body.carpetaresidencias.authBody div.pageForm .boxForm .boxSection .buttonZone {
		width: 100%;
	}

	body.carpetaresidencias.authBody div.pageForm .boxForm .boxSection .buttonZone button.cmTypeSubmit {
		margin: 0 auto;
		width: 53%;
		float: none;
		padding: 10px 0;
		font-size: 1.4em;
	}

	/*CABECERA*/
	
	body.carpetaresidencias .navbar-fixed-top{
		z-index: 1;
		position: relative;
		padding: 0;
		margin-bottom: 25px;
	}
		
	.boxLinkHead img#photoUsuario{
	    margin: 0px 35px -15px 30px;
		max-height: 55px;
	}
	
	.carpetapaciente div.btnMov{
		width: 30px;
		height: 35px;
		background: url('/imagenes/quironsalud/menu.png') no-repeat 55%;
		background-size: 4.3em;
		bottom: 4px;
		z-index: 1;
		position: absolute;
		right: 4px;
		cursor: pointer;
	}
	
	.mainBody.carpetapaciente div.btnMov{
		font-size: 0.9em;
	}
	
	.navbar-collapse,
	ul.side-nav2{
		float: none;
		width: 100%;
		margin: 0;
	}
	
	.navbar-collapse {
		z-index: 1;
	}
	
	.navbar-collapse.collapsing,
	.navbar-collapse.collapse.in,
	.navbar-collapse.collapse.open {
		top: auto;
	}
	
	.collapsing .side-nav2,
	.collapse.in .side-nav2,
	.open .side-nav2{
		display: block;
		margin: 0;
		width: 100%;
	}
	
	.navbar-collapse.collapsing > ul,
	.navbar-collapse.collapse.in > ul,
	.navbar-collapse.collapse.open > ul{
		display: block !important;
	}
	
	.caja-datos .dch {
		float: none;
		width: 100%;
		text-align: center;
		display: inline-block;
		padding: 15px 10px;
	}
	
	.caja-datos,
	.caja-boton a {
		font-size: 16px;
	}
		
	.carpetapaciente div.menuPrincipal{
		width: 100% !important;
		top: 90px;
		left: 0;
		background: 0;
		background-color: transparent;
	}
	
	.carpetapaciente ul.menuPrincipal{
		box-shadow: -1px 4px 7px rgba(153, 153, 153, 0.55);
	}
	
	.carpetapaciente div.menuPrincipal ul.menuPrincipal{
		margin-top: 5px;
	}
	
	.carpetapaciente div.menuPrincipal ul{
		background: #CAD5E6;
	}

	div.menuPrincipal ul.menuPrincipal {
		padding: 0 !important;
		overflow: hidden;
	}
	
	div.menuPrincipalBox div.menuPrincipal ul.menuPrincipal li{
		background: #BECCE0;
	}
	
	div.menuPrincipalV2 div.menuPrincipalBox div.menuPrincipal ul.menuPrincipal li a{
		font-size: 1em;
	}

	ul.menuPrincipal li.menuPrincipalPrimerNivel {
		padding: 0 !important;
		float: none !important;
	}

	ul.menuPrincipal li.menuPrincipalPrimerNivel span.menuPrincipalPrimerNivel a,
	ul.menuPrincipal li.menuPrincipalPrimerNivel span.menuPrincipalPrimerNivel > span {
		padding: 5px 15px !important;
		color: #333 !important;
		font-weight: bold;
	}
	
	ul.menuPrincipal li.menuPrincipalPrimerNivel > span{
		display: table-row;
	}
	
	ul.menuPrincipal li.menuPrincipalPrimerNivel > span a{
		display: table-cell;
	}
	
	ul.menuPrincipal li.menuPrincipalPrimerNivel > span a,
	ul.menuPrincipal li.menuPrincipalPrimerNivel > span span.cmMenuTitle {
		font-size: 19px;
		font-weight: normal;
		padding-left: 8px;
	}
	
	div.menuPrincipalBox div.menuPrincipal ul.menuPrincipal li a{
		font-size: 0.9em;
	}
	
	div.menuPrincipalBox div.menuPrincipal ul.menuPrincipal li a .fa:first-child{
		font-size: 1.2em;
		margin-right: 20px;
		color: #000;
		line-height: 1;
	}
	div.menuPrincipalBox div.menuPrincipal ul.menuPrincipal li a .fa{
		color: #000;
		font-size: 1em;
	}
	
	.carpetapaciente .boxFormHead{
		margin: 0;
		width: 100%;
	}
	
	body.carpetaresidencias div.pageFormLarge{
		width: 100%;
		margin-top: 0 !important;
	}
	
	.pageFormLarge .boxFormHead h1.formHead{
		text-align: left;
		font-size: 1.5em;
	}
	.navbar-right {
		padding-right: 0;
		margin-right: 0;
	}
	
	.navbar-brand > a{
		float: none;
		margin: 5px 0 0px 5px;
		display: block;
	}
	
	.navbar-brand > span.textHead{
		float: none;
		border-left: 0;
		color: #333;
		padding: 12px 10px;
		margin: 0;
		display: block;
	}
	
	h1.formHead {
		font-size: 27px;
	}
	
	.carpetapaciente h2.contentMainTitle {
		font-size: 25px;
	}
	
	ul.menuPrincipal li.menuPrincipalPrimerNivel{
		width: 100%;
	}
	
	.navbar-nav .icono{
		position: static;
		padding-right: 30px;
	}
	
	.dropdown-menu{
		left: auto;
		right: 0;
		min-width: 175px;
		padding: 10px 0;
	}
	
	.dropdown-menu li{
		font-size: 16px;
	}

	/*LISTADOS*/
	
	.pageContent,
	.carpetapaciente .contentHeader.titleMoreButton{
		overflow: visible;
		margin: 0;
	}

	.pageContent .colRight .formularioItem.consulta:nth-child(2n){
		margin-left: 2%;
	}
	
	.newEConsultaRes .portalLayoutGrid > form{
		float: none;
		width: 96%;
		margin: 0 2%;
	}
	
	.newEConsultaRes .portalLayoutGrid > form .boxFieldTitle{
		display: inline-block;
		width: 100%;
	}

	.newEConsultaRes .boxComponent.contentNormal{
		padding: 1px;
	}
	
	body.carpetaresidencias div.pageFormLarge.formUp{
		margin-top: 0;
	}
	
	.carpetaresidencias .contentHeader.titleMoreButton h2.contentMainTitle{
		display: inline-block;
		width: 100%;
	}
	
	.boxSectionForm .tableLista li:not(.cmIteracion ){
		display: none;
	}
	
	.boxSectionForm.formEspecialista .tableLista li:not(.cmIteracion ){
		display: block;
	}
	
	.boxSectionForm.formEspecialista  ul.tableLista div.tdLista{
		max-width: 100%;
		margin-top: 15px;
	}
	
	.boxSectionForm.formEspecialista div.tdLista.tdOpciones{
		margin: 0;
	}
	
	form .boxSectionForm .tableLista li.trLista.busq{
		display: block;
	}
	
	.boxSectionForm li.trLista,
	.pageFormMain ul.tableLista div.thLista,
	.pageFormMain ul.tableLista div.tdLista{
		display: block;
	}
	
	.boxSectionForm ul.tableLista li.trLista.cmIteracion,
	.boxSectionForm ul.tableLista li.trLista.cmIteracion.cmEven,
	.boxSectionForm ul.tableLista li.trLista.cmIteracion.cmOdd{
		display: block;
		width: 100%;
		padding: 10px 5px;
	}
	
	.boxSectionForm ul.tableLista.tCentros li.trLista.cmIteracion{
		min-height: 100px;
	}
	
	.boxSectionForm ul.tableLista div.thLista,
	.boxSectionForm ul.tableLista div.tdLista,
	.boxSectionForm ul.tableLista div.tdLista.tdNombre,
	.boxSectionForm ul.tableLista div.tdLista.tdDNI,
	.boxSectionForm ul.tableLista div.tdLista.tdFecha,
	.boxSectionForm ul.tableLista div.tdLista.tdEmail,
	.boxSectionForm ul.tableLista div.tdLista.tdEstado,
	.boxSectionForm ul.tableLista div.tdLista.tdSexo {
		padding: .5em;
		width: auto;
		max-width: 40%;
	}
	
	.boxSectionForm ul.tableLista div.tdLista.tdEdad,
	.boxSectionForm ul.tableLista div.tdLista.tdSexo,
	.boxSectionForm ul.tableLista div.tdLista.tdNombre,
	.boxSectionForm ul.tableLista div.tdLista.tdImagen {
		display: block;
		max-width: 100%;
	}

	.boxSectionForm ul.tableLista div.tdLista.tdEstado {
		white-space: normal;
	}

	.boxSectionForm ul.tableLista div.thLista.thOpciones {
		padding: .5em 0 .5em 0;
	}
	
	.boxSectionForm ul.tableLista.tListCentros div.thLista.thOpciones {
		padding: .3em 0 0.3em 0;
	}

	.boxSectionForm ul.tableLista div.tdLista.tdOpciones {
		width: 100%;
		max-width: 100%;
		padding: 5px;
		font-size: 1em;
		display: block;
	}
	
	.boxSectionForm ul.tableLista.searchUser div.tdLista.tdOpciones{
		min-width: 100%;
	}


	/*FORMULARIOS*/
	.blockErrorData  {
		width: 48%;
		padding: 1%;
		margin-left: 14em;
	}
	
	form .boxSectionForm .login,
	.boxSectionForm form .login {
		padding: 0;
	}
	
	.boxSectionForm .login.cols2Item  .loginField {
		width: 100%;
		float: none;
		margin: 10px 0;
	}
	
	.carpetapaciente .blockInfoData,
	.carpetapaciente .blockErrorData{
		width: 90%;
	}
	
	.carpetapaciente h1.formHead, .carpetapaciente div.formHeadLink {
		text-align: left;
		float: none;
	}

	.pageBody .boxImg {
		margin: 0 0 1.2em 12em;
		width: auto;
	}

	.boxUserData .boxImg {
		width: auto;
	}

	.boxUserData .boxImg img {
		width: auto;
		height: 132px;
	}
	
	.boxSectionForm.searchSupr .login .loginField.cols2Item{
		width: 100%;
	}

	.boxSectionForm label,
	.boxSectionForm .groupRadio label.labelNormal {
		float: left;
		display: block;
	}
	
	.boxSectionForm.editRes .loginField.clearfix {
		max-height: none;
	}
	
	.contactFormRes .boxSectionForm  .loginField {
		margin: 5px 0;
	}
	
	.boxSectionForm.searchSupr .login select{
		width: 99%;
	}

	.boxSectionForm .tdLista.tdEmail label {
		width: auto;
		padding: 0;
	}

	.boxSectionForm .tdLista input#emailSupervisor {
		width: 25em;
	}

	.boxSectionForm .loginField {
		overflow: hidden;
	}
	
	.carpetaresidencias .boxSectionForm .loginField,
	.boxSectionForm .login .loginField.firstField,
	.carpetaresidencias .supervisarDatos #div_datos_residente .loginField,
	.supervisarDatos .boxSectionForm.asignacionDer .loginField{
		width: 100%;
		float: none;
	}
	
	.pageFormMain.supervisarDatos .boxSectionForm.formsupervisor .loginField{
		width: 100%;
		float: none;
		margin: 0;
		padding: 10px 5px;
	}
	
	.supervisarDatos .boxSectionForm .fechaNacimiento .inputDivButton{
		padding: 0;
		margin: 35px 0px 0px;
	}
	
	.pageFormMain.supervisarDatos .boxSectionForm.formsupervisor .inputDiv .boxGroup label{
		margin-bottom: 10px;
	}
	
	.pageContent .boxSearch .loginField label{
		width: 100%;
	}
	
	.boxSectionForm .login .loginField.inputFile{
		width: 70%;
	}
	
	.boxSectionForm form .login .loginField label{
		width: 30%;
		margin: 10px 0px 10px 0px;

	}
	
	.boxSectionForm.formsupervisor form .login .loginField label{
		width: 100%;
		margin: 0;
		font-size: 0.9em !important;
	}
	
	.boxSectionForm .inputDiv {
		display: block;
		overflow: hidden;
		width: auto;
	}
	
	.boxSectionForm .login .boxImg{
		border-radius: 0;
		box-shadow: none;
		margin: 10px 20px 25px 0px;
		width: 150px;
	}
	
	.boxSectionForm .login .boxImg img{
		border-radius: 0;
	}
	
	.boxSectionForm.editRes .login .loginField input {
		font-size: 17px;
	}

	.boxSectionForm .inputDiv input,
	.boxSectionForm .login .loginField input,
	.boxSectionForm .inputDiv select.form-control {
		width: 99%;
	}
	
	.pageContent .boxSearch .loginField input{
		width: 85% !important;
	}
	
	.pageContent .boxSearch .loginField button{
		margin-left: 0px;
		line-height: 2;
		font-size: 0.8em;
	}
	
	.mainBody.carpetaresidencias .tareasList .btnzone.titleMoreButton{
		position: relative;
		overflow: visible;
		display: inline-block;
	}

	.boxSectionFormMultiple .boxSectionForm label,
	.boxSectionForm .groupRadio label.labelNormal {
		width: 100%;
	}
	
	.boxSectionFormMultiple.formNewR form .login .loginField label{
		font-size: 1.4em;
		margin: 0;
	}

	.boxSectionFormMultiple .boxSectionForm .loginFieldItem.fechaNacimiento .inputDiv input {
		width: 98% !important;
	}

	.boxSectionFormMultiple .boxSectionForm .loginFieldItem .inputDiv input#nationalId,
	.boxSectionFormMultiple .boxSectionForm .loginFieldItem .inputDiv input#zip {
		width: 100%;
		padding: 10px;
	}

	.boxSectionFormMultiple .boxSectionForm .loginFieldItem .inputDiv input#state,
	.boxSectionFormMultiple .boxSectionForm .loginFieldItem .inputDiv select#countryCode,
	.boxSectionFormMultiple .boxSectionForm .loginFieldItem .inputDiv input#city {
		width: 96% !important;
		font-size: 1.3em;
	}

	.boxSectionFormMultiple .boxSectionForm .loginField .blockData .loginFieldTypeData {
		float: none;
		margin-bottom: .5em;
		margin-left: 0;
	}

	.boxSectionFormMultiple .boxSectionForm .loginField .blockData .loginFieldTypeData label {
		display: block;
		float: left;
		width: 6em;
	}
	
	body.pageBody.carpetaresidencias .loginField.cols2Item .loginFieldItem{
		margin-top: 10px;
	}

	.boxSectionFormMultiple .boxSectionForm .loginField.loginFieldDireccion {
		margin-bottom: .6em;
	}

	.blockInfoData {
		width: 97%;
	}

	.pageFormMain.formAsignacion label {
		display: none;
	}
	
	.boxSectionForm .login .loginField input,
	.boxSectionForm .login .loginField select{
		width: 99%;
	}
	
	.boxSectionFormMultiple .boxSectionForm .loginField.cols2Item .loginFieldItem.fechaNacimiento  .inputDiv{
		width: 75% !important;
	}
	
	.boxSectionForm .fechaNacimiento .inputDivButton{
		width: auto;
		display: inline-block;
	}
	
	.carpetapaciente .cmContactMailButton, .carpetapaciente .cmSearchButton{
		font-size:inherit;
	}
	
	.pageContent2 .boxSearch .boxSectionForm .columns2 > div{
		width: 100%;
		float: none;
		margin: 10px 0;
	}
	
	#div_inicio.loginField.div_date,
	#div_fin.loginField.div_date{
		width: 100%;
		float: none;
	}
	
	.pageContent .boxSearch .loginField input,
	.pageContent .boxSearch .loginField select{
		width: 84% !important;
	}
	
	.pageContent2 .boxSearch .fa.fa-calendar {
		font-size: 33px;
	}

	.pageContent2 .boxBodyList .titleButtonFormText{
		position: initial;
		top: 0;
	    margin: 0 0 25px 40px;
		width: auto;
		display: inline-block;
	}
	
	.newAppointment .boxComponentHead.selectDate h3{
		padding: 12px 28px;
	}
	
	.pageFormMain .boxSectionFormMultiple.formNewR form .boxSectionForm h2 {
		font-size: 1.6em;
	}
	
	.pageFormMain .boxSectionFormMultiple.formNewR form .boxSectionForm{
		font-size: 1.2em;
	}
	
	.formNewR .boxSectionForm .fechaNacimiento .inputDivButton{
		float: right;
		margin: 7px 7px 0;
		font-size: 0.9em;
	}
	
	.contactFormRes .boxComponent.contentNormal{
		padding: 0;
	}
	
	.contactFormRes .boxSectionForm .login .boxField .boxFieldTitle,
	.carpetapaciente  .contactFormRes .boxFieldTitle{
		margin-bottom: 0;
	}
	
	.contactFormRes .boxSectionForm  .loginField {
		margin-bottom: 0;
		font-size: 1.3em;	
	}
	
	.loadP .boxSectionButton .buttonZone {
		margin-bottom: 20px;
	}
	
	/*SECCIÓN DEL SUPERVISOR*/
	
	.boxSectionForm.formsupervisor,
	.boxSectionForm.asignacionIzq,
	.boxSectionForm.asignacionDer{
		float: none;
		width: 100%;
	}
	
	.supervisarDatos .boxSectionForm .formSection span.estado1{
		float: none;
		display: inline-block;
		width: auto;
		margin: 5px 0;
	}
	
	.supervisarDatos .boxSectionForm label {
		display: block;
		width: 100%;
		float: none;
	}

	.supervisarDatos .boxSectionForm .inputDiv {
		width: 100%;
	}

	.supervisarDatos .boxSectionForm .fechaNacimiento .inputDiv {
		width: auto;
	}

	.pageFormMain.supervisarDatos form .boxSectionButton {
		font-size: 1.3em;
	}

	.pageFormMain.supervisarDatos form .buttonZone {
		margin-right: 0;
	}

	/*BOTONES*/

	.pageFormMain.supervisarDatos .boxSectionButton .cmTypeSubmit,
	.pageFormMain.supervisarDatos .boxSectionButton .botonCrear,
	.pageFormMain.supervisarDatos .boxSectionButton .botonVolver {
		display: block;
		float: left;
		clear: both;
		text-align: center;
		margin: 10px 0;
	}

	.login .buttonZone .cmTypeSubmit,
	.login .buttonZone .cmTypeReset,
	.boxSectionButton .botonCrear,
	.boxSectionButton .cmTypeSubmit,
	.boxSectionButton .botonVolver {
		font-size: 16px;
		margin: 0;
		padding: 7px 22px;
		vertical-align: middle;
		display: inline-block;
	}
	
	.boxSectionButton .botonCrear{
		margin-left: 15px;
		padding: 5px 13px;
	}
	
	.gesRes .boxSectionButton .botonCrear{
		margin-bottom: 15px;
	}
	
	.pageFormMain.passwd .login .buttonZone .cmTypeReset{
		margin-top: 18px;
	}
	
	.boxSectionForm .buttonZone .cmTypeSubmit{
		margin: 15px 0;
		padding: 7px 15px;
	}
	
	.editUser + .boxSectionButton .botonVolver,
	.editUser + .boxSectionButton .buttonZone .cmTypeSubmit{
		margin-right: 20px;
	}
	
	.editUser + .boxSectionButton .buttonZone .cmTypeSubmit{
		padding: 6px 18px;
	}
	
	.boxSectionButton .buttonZone .cmTypeSubmit{
		padding: 7px 30px;
	}
	
	.boxSectionButton .buttonZone .cmTypeReset{
		margin-top: 0;
		padding: 8px 16px;
	}
	
	.boxSectionFormMultiple .boxSectionButton .botonVolver{
		margin-top: 0;
	}

	/*PORTAL DEL PACIENTE*/
	.mainBody.carpetaresidencias.mainPage .boxUserData,
	.mainBody.carpetaresidencias.mainPage .tareasList{
		margin-top: 0 !important;
		width: 100%;
		float: none;
		padding: 0 10px;
		background: #ECECEC;
	}

	.carpetapaciente .boxUserData .contentText{
		font-size: 1.5em;
		padding: 0;
		text-align: center;
	}
	
	.carpetapaciente .loginField .boxLargeAdapt{
		width:97% !important;
	}
	
	.tareasList + div.portalLayoutRow,
	.tareasList .dataRow .portalLayoutCols2 .portalLayoutRow .portalLayoutCell{
		width: 100%;
		float: none;
	}
	
	.tareasList + div.portalLayoutRow{
		padding: 0 10px;
	}
	
	.tareasList + div.portalLayoutRow .dataRow .portalLayoutCell:first-child,
	.tareasList .dataRow .portalLayoutCols2 .portalLayoutRow .portalLayoutCell:first-child{
		margin: 0;
	}
	
	.tareasList + div.portalLayoutRow .dataRow .portalLayoutCell{
		width: 100%;
		float: none;
	}
	
	.dataRow2 > .portalLayoutArea >.portalLayoutRow,
	.dataRow2 > .portalLayoutArea >.portalLayoutCell{
		float: none;
		width: 100%;
	}
	
	.panel .text-right{
		text-align: right;
	}
	
	.carpetapaciente .titleMoreButton h3.boxComponentHeadTitle{
		padding-right: 0;
	}
	
	.tareasList .pageContent .boxBodyContent .boxComponent .boxComponentHead{
		padding: 0;
	}
	
	.tareasList .boxComponent .boxComponentHead .titleButton{
		width: auto;
		margin-left: 0;
	}
	
	.pageContent2 .cols2Item.cols .listAll.loginFieldItem{
		float: none;
		width: 100%;
	}
	
	.pageContent2 .formularioItem .boxComponentBody{
		display: inline-block;
		width: 100%;
	}
	
	.carpetaresidencias .boxSectionForm .filter .loginField{
		width: 100%;
		float: none;
	}
	
	.carpetaresidencias .appointmentDesc{
		margin: 15px 0 !important;
		padding-left: 10px;
		width: auto;
	}
	
	.carpetapaciente div.noResults {
		margin: 0 !important;
		padding: 15px;
	}
	
	.panel .boxBodyList .titleButton{
		display: block;
	}
	
	.carpetapaciente .zonaPie{
		padding: 15px;
		height: 100px;
	}	
	.carpetaresidencias .areaPieDch .textoGris{
		margin: 0;
	}
	
	.carpetaresidencias .navigationPath .boxUserData{
		padding: 0;
	}
	
	.tareasList .navigationPath .boxUserData .boxContent .boxContentBody{
		margin: 0;
	}
	
	.boxComponentHead.otherList .otherDataOne{
		width: auto;
		padding: 20px;
	}
	
	.tareasList .pageContent .boxComponentBody .listAll .divDate{
		padding: 0;
	}
	
	.tareasList .boxComponentHead .divDate{
	    width: 100%;
	}
	
	.tareasList .resultsList .boxBodyList .boxComponent .boxComponentHead .titleMore{
		text-align: left;
		width: 100%;
		float: none;
		clear: both;
		margin: 10px 15px;
	}
	
	.tareasList .formularioItem.consulta .boxComponentHead .titleButton{
		width: auto;
		margin: 7px 0px;
		float: none;
		bottom: auto;
		position: absolute;
		right: 11px;
		font-size: 1em;
	}
	
	.tareasList .resultsList .boxBodyList .boxComponent .moreInfo{
		padding: 10px 0;
	}
	
	.carpetapaciente .navigationPath .boxContentBody ul.cmCategorizer{
		width: 100%;
	}
	
	.carpetapaciente .navigationPath .boxContentBody ul.cmCategorizer li{
		background-image: none;
		padding: 7px 5px;
	}
	
	.carpetapaciente .navigationPath .boxContentBody ul.cmCategorizer li a{
		color: #FFF;
	}
	
	.tareasList .navigationPath .boxUserData .boxContent .boxContentBody{
		background: transparent;
	}
	
	.carpetapaciente .contentServices{
		float: none;
		display: inline;
	}
	
	.carpetapaciente div.cmNavigation .numPageList{
		text-align: right;
		font-size: 1em;
	}
	
	body.authBody .loginTextContainerLink{
		width: 100%;
	}
	
	.pageFormMain.passwd .loginField.firstField label{
		width: 100%;
		text-align: left;
	}
	
	.pageFormMain.passwd .loginField.captcha{
		margin: 2em 0;
	}
	
	.boxUserData,
	.tareasList{
		margin-top: 0;
		float: none;
		width: 100%;
		background: none;
		padding: 0;
	}
	
	.newAppointment .helpButton{
		float: none;
		margin-bottom: 10px;
		text-align: left;
	}
	
	.newAppointment .helpButton button{
		margin: 0;
	}
	
	.pageContent.newAppointment .boxSectionForm .boxField{
		width: 100%;
		float: none;
	}
	
	.boxSectionForm .boxField div#div_fecha{
		width: 90%;
	}
	
	.newAppointment div#div_agrupation,
	.newAppointment div#div_professional,
	.newAppointment div#div_equipo,
	.boxField div#div_services{
		width: 100%;
		float: none;
	}
	
	.pageContent.newAppointment .boxSearch .boxSectionButton{
		margin: 0;
		padding-top: 32px;
	}
	
	form .boxSectionForm.searchRes .login{
		padding: 0;
	}
	
	.boxSectionForm.searchRes .login .loginField.cols2Item{
		width: 100%
	}
	
	.boxSectionForm.searchRes .login .loginField select{
		padding: 9px;
	}
	
	.carpetapaciente .boxComponentHead .titleButton a.linkComponentHead{
		font-size: 1.4em;
	}
	
	.pageContent2 .boxComponentHeadTitle .fa {
		top: 5px;
	}
	
	.boxComponent{
		overflow: visible;
		padding: 0 10px;
	}
	
	.dataRow .portalLayoutCols2 .portalLayoutRow .portalLayoutCell, .dataRow2 .portalLayoutCols2 .portalLayoutRow .portalLayoutCell {
		width: 100%;
		display: block;
		padding-right: 0;
	}
	
	/* CONTACTO */
	.carpetapaciente .boxFormHead.contactTitle{
		width: auto;
		margin: -15px 3% 15px 3%;
	}
	
	.contactFormRes {
		float: none;
		width: 94%;
		margin: 0 3%;
	}
	
	/* PIE */
	
	.carpetapaciente .calendar, .carpetapaciente .calendar table {
		font-size: 1em !important;
	}

}

@media screen and (max-width: 767px) {
	.navbar-toggle {
		top: 18px;
	}

	.docResid ul li.cmContentItem{
		background-position: 10px 20px;
	}
	
	.container-fluid {
		padding-top: 10px;
	}
		
	body.carpetaresidencias div.pageFormLarge.gesRes {
		margin-left: 0px;
		width: 100%;
		padding-top: 15px;
	}
	
	/*CABECERA*/
	body.carpetaresidencias .navbar-fixed-top{
		margin-bottom: 0;
	}

	div.pageAuthMain .boxFormHead div.formHeadLink a{
		border: 0;
	}
	.carpetapaciente div.formHeadLink{
		display: block;
	}
	
	.pageAuthMain .boxSection form{
		font-size: 0.8em;
	}
	
	.boxLinkHead img#photoUsuario{
		display: none;
	}
	
	ul.navbar-right {
    	/* position: absolute; */
    	/* right: 5px; */
    	/* bottom: 20px; */
	}
	
	.top-nav>.collapsing>.dropdown-menu,
	.top-nav>.collapse.in>.dropdown-menu,
	.top-nav>.open>.dropdown-menu {
		margin-right: 0;
		top: 3px;
	}

	/*FORMULARIOS*/

	div.pageFormMain {
		padding: 10px;
		border: 0;
	}
	
	.carpetapaciente .loginField .boxLargeAdapt{
		width:97% !important;
	}

	.boxSectionForm label,
	.boxSectionForm .groupRadio label.labelNormal {
		width: 100% !important;
		float: none;
		margin: 15px 0px 5px;
		padding: 0;

	}

	.boxSectionForm .groupRadio label.labelNormal {
		padding-bottom: 0;
	}

	.boxSectionForm .cols2Item .loginFieldItem {
		margin-top: 0;
	}

	.boxSectionForm .inputDiv {
		display: block;
		overflow: auto;
	}

	input.boxLarge,
	input.datafix,
	select.form-control {
		width: 99%;
	}
	
	.boxSectionForm .tdLista input#emailSupervisor {
		width: 100%;
		padding: 0;
		font-size: 1.2em;
	}

	.boxSectionForm ul.tableLista.tlNormal .divOpciones .btnOpcCentros {
		display: block !important;
		margin: 10px 4px;
	}
	
	.boxSectionForm .divOpciones .btnOpt{
		margin: 5px 10px 10px 0;
		display: inline-block;
		float: none;
	}
	
	.boxSectionForm ul.tableLista.tlMultiple .tdOpciones .divOpciones .btnOpcCentros{
		width: 98%;
		margin-bottom: 10px;
		font-size: 1.1em;
	}
	
	.pageBody .boxImg {
		margin: 0 0 1.2em;
		width: auto;
	}
	
	.boxSectionForm h2.formSection{
		margin-top: 20px;
		margin-bottom: 0;
	}
	
	form .boxSectionForm .login{
		margin-top: 0;
		padding: 0;
		font-size: 0.8em;
	}
	
	.boxSectionFormMultiple.formNewR form .boxSectionForm .login{
		font-size: 0.6em;
		margin-top: 15px;
	}
	
	.pageFormMain .boxSectionFormMultiple form .boxSectionForm .login div.loginField{
		width: 100%;
		float: none;
		margin: 0;
		font-size: 1.6em;
	}
	
	.pageFormMain .boxSectionFormMultiple form .boxSectionForm .login div.loginField.loginFieldDireccion .loginFieldTypeData{
		width: 96%;
	}
	
	.boxSectionForm .login .loginField.inputFile{
		width: 90%;
	}
	
	.boxSectionForm .login .loginField.firstField{
		width: 90%;
		float: none;
	}
	
	.boxSectionForm.formUserD .login {
		padding: 0;
	}
	
	.boxSectionForm.formUserD .login .loginField.firstField{
		width: 100%;
	}

	.boxSectionForm .login .loginField.cols2Item {
		margin-bottom: 0;
		width: 100%;
	}
	
	.boxSectionFormMultiple .boxSectionForm .inputDiv {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.boxSectionFormMultiple .boxSectionForm.authEditForm .inputFile .inputDiv {
		font-size: 1.2em;
	}

	.boxSectionFormMultiple .boxSectionForm .loginField.cols2Item .loginFieldItem {
		margin-bottom: 1em;
	}

	.boxSectionFormMultiple .boxSectionForm .loginField.cols2Item .loginFieldItem .inputDiv input {
		width: 99% !important;
	}

	.boxSectionFormMultiple .boxSectionForm .loginFieldItem.groupRadio .inputDiv .boxGroup label {
		padding-bottom: 0;
		width: 50% !important;
		margin: 0;
	}

	.boxSectionFormMultiple .boxSectionForm .loginFieldItem.groupRadio .inputDiv .boxGroup label input {
		width: auto !important;
	}

	.boxSectionFormMultiple .boxSectionForm .loginFieldItem select {
		width: 99%;
	}

	.boxSectionFormMultiple .boxSectionForm .loginFieldItem.fechaNacimiento .inputDiv {
		display: block;
	}
	
	.pageFormMain .boxSectionFormMultiple.loadP form .boxSectionForm .login div.loginField{
		font-size: 2.1em;
	}
	
	.boxSectionForm.loadRes ul.tableLista div.tdLista.tdEstado{
		max-width: 100%;
	}
	
	.boxSectionForm.loadRes div.tdLista .errorCarga{
		font-size: 0.9em;
	}

	.boxSectionFormMultiple .boxSectionForm .loginFieldItem .inputDiv input#state,
	.boxSectionFormMultiple .boxSectionForm .loginFieldItem .inputDiv select#countryCode,
	.boxSectionFormMultiple .boxSectionForm .loginFieldItem .inputDiv input#city,
	.boxSectionFormMultiple .boxSectionForm .loginFieldItem .inputDiv input#nationalId,
	.boxSectionFormMultiple .boxSectionForm .loginFieldItem .inputDiv input#zip,
	.boxSectionFormMultiple .boxSectionForm .loginField .inputDiv input#telephone {
		width: 99% !important;
	}

	.boxSectionFormMultiple .boxSectionForm .loginFieldItem.fechaNacimiento .inputDiv input {
		width: 98% !important;
	}
	
	.boxSectionForm .login .boxImg{
		width: 25%;
		margin: 12px 37%;
		display: block;
	}
	
	.carpetapaciente .loginField input:not([type="checkbox"]):not([type="radio"]),
	.carpetapaciente .loginField select{
		font-size: 1em;
	}
	
	.boxSectionFormMultiple .boxSectionForm .loginFieldItem.fechaNacimiento .inputDivButton {
		width: 20%;
		float: right;
		padding: 0 1% 0 0;
	}

	.boxSectionFormMultiple .boxSectionForm .loginFieldItem.fechaNacimiento .inputDivButton img {
		width: 22px;
	}

	.boxSectionFormMultiple .boxSectionForm .loginField.loginFieldDireccion .loginFieldTypeData select,
	.boxSectionFormMultiple .boxSectionForm .loginField.loginFieldDireccion .loginFieldTypeData input {
		width: 100%;
		font-size: 1.1em;
	}
	
	.newEConsultaRes .portalLayoutGrid > form{
		float: none;
		width: 96%;
		margin: 0 2%;
	}
	
	.eConsultasform .boxSearch .login .loginField{
		font-size: 1.2em;
	}

	.carpetaresidencias .boxSectionForm .blockInfoData,
	.carpetaresidencias .boxSectionForm .blockErrorData {
		margin-left: 0;
		width: 97%;
		font-size: 0.9em;
	}

	.carpetaresidencias .buttonZone {
		padding-right: .6em;
	}
	
	.pageContent.newAppointment .boxSearch .buttonZone button{
		font-size: 17px;
	}

	.supervisarDatos .loginField {
		font-size: 1.25em;
	}

	.supervisarDatos form .loginField {
		font-size: 1em;
	}

	.supervisarDatos .boxSectionForm label {
		font-size: 1.25em !important;
	}
	
	.carpetapaciente .xdsoft_datetimepicker.xdsoft_inline{
		margin: 0;
	}

	/*BOTONES*/
	.rowBoxLinkHead .boxLinkHead {
		width: 100%;
	}

	.rowBoxLinkHead .boxLinkHead .headBotonesUsuario,
	.rowBoxLinkHead .boxLinkHead .headBotonesResidente {
		width: 160px;
		float: none;
		text-align: right;
		top: 59px;
		right: 10px;
	}
	
	.rowBoxLinkHead .boxLinkHead .headBotonesResidente{
		width: 100%;
		margin-top: 10px;
		padding: 0;
	}

	.rowBoxLinkHead .boxLinkHead .headBotonesUsuario a,
	.boxLinkHead.boxLinkResidentes .headBotonesResidente a {
		display: inline-block;
		float: none !important;
		margin: .5em 0 0 .5em !important;
	}
	
	.asigC .boxSectionForm.asignacionIzq,
	.asigC .boxSectionForm.asignacionDer{
		float: none;
		width: 100%;
		margin: 10px 0 0;
	}
	
	.asigC .boxSectionForm .login .loginField select{
		margin: 0;
		width: 100%;
	}
	
	.carpetapaciente .zonaPie{
		padding: 15px;
		/* position: static; */
		width: 100%;
		display: block;
	}
	
	.carpetaresidencias .navigationPath .boxUserData{
		padding: 0;
	}
	
	.carpetaresidencias .boxSectionForm .filter .loginField{
		width: 100%;
		float: none;
		margin: 13px 0;
	}
	
	body.authBody .loginTextContainerLink{
		width: 100%;
	}
	
	.pageContent .colRight .formularioItem.consulta{
		float: none;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	.pageContent .colRight .formularioItem.consulta:nth-child(2n){
		margin: 25px 0;
	}
	
	.carpetapaciente .titleMoreButton h3.boxComponentHeadTitle{
		padding-right: 0;
		width: 100%;
		margin-bottom: 10px;
	}
	
	.panel .boxBodyList .imgTitleText{
		padding: 0 0 0 9px;
		width: auto;
	}
	
	.panel .boxBodyList .appointmentTitleText h3{
		margin-left: 15px;
	}
	
	.tareasList .boxComponent .boxComponentHead.otherList .divDate{
		float: none;
		width: 100%;
		max-width: 60%;
		margin: 5px;
	}
	
	.boxComponentHead.otherList .otherData{
		width: 65%;
	}
	
	.tareasList .boxComponent .boxComponentHead .titleButton{
		width: auto;
		margin: 17px -14px;

	}
	
	.tareasList .formularioItem.consulta .boxComponentHead .titleButton{
		position: initial;
		width: auto;
		display: inline-block;
		float: right;
		margin-right: 15px;
	}
	
	.pageContent2 .boxComponentHead .titleMore{
		margin: 10px 20px;
		padding: 0;
	}

}