@media screen and (max-width: 1100px){
	.pageContent2 .boxSearch .boxSectionForm .col-lg-3 input{
		margin-right:0;
	}

}

@media screen and (max-width: 767px) {
	body.cpV2 {
		padding-top: 0;
	}
}

@media screen and (min-width: 950px){
	.boxComponentHead.otherList .otherData.large{
		width: 40%;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1415px) {
	.downloader .boxComponentHead.titleMoreButton h3.boxComponentHeadTitle{
		width:40%;
	}
	
	.downloader .boxComponentHead.titleMoreButton h3.boxEcoHeadTitle{
		width:80%;
	}
	
	.downloader .pageContent2 .boxBodyList .titleButton{
		width:17%;
	}
}



	#wrapper .downloadApp{
		padding: 22px 10px;
		float: left;
	}
	#wrapper .helpHead{
		padding: 20px 5px;
		float: left;
	}
	
	.loginTextContainer .buttonZone img{
		width:95px;
		height:auto;
	}


@media screen and (max-width:1365px){
	.footer > .menuPie {
		margin: 0;
		display: inline-block;
		float: none;
		/* vertical-align: middle; */
	}
}

@media screen and (max-width: 1230px){
	.copyright {
		margin-left: 0;
		text-align: left;
		max-width: 240px;
		padding: 5px 0;
	}
	.copyright i{
		display:none;
	}
}

@media screen and (max-width: 1220px){
	span.textTitleMore{
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		border: 0;
	}
}

@media screen and (max-width:1200px){
	.dataItem {
		padding: 10px 3px 0;
		margin-left: 45px;
	}
}



@media screen and (max-width: 1165px){
	.mainPage .helpHead
	.mainPage .downloadApp {
		clear: both;
	}

	.navbar-brand {
		float: left;
		font-size: 18px;
	}

	
	.navbar-brand > img{
		width: 100%;
		max-width: 257px;
		height: auto;
	}

	.top-nav>li{
		position: absolute;
		right: 10px;
		top: 0;
	}
	#wrapper .downloadApp{
		clear: both;
		padding: 8px 15px;
	}
	#wrapper .helpHead{
                padding: 5px 10px;
	}

}

@media screen and (min-width: 767px) and (max-width: 840px) {
	.foto-perfil{
		width: auto;
	}

	ul.menuPrincipal{
		display: block;
	}

	.xforms-compact .boxLabel span,
	.xforms-compact .boxLabel label{
		width: auto;
		margin-left: 20px;
	}
	
	.helpHead.boxBoletin {
		margin: 3px 7% 0;
	}
}

@media screen and (max-width: 1055px){
	footer.footer .logoPie{
		margin: 0 10px 0 0;
	}

	footer.footer{
		width: 1044px;
	}
	.copyright{
		width:100%;
		display:block;
		/* text-align:center; */
		padding-bottom:20px;
		font-family: OpenSansRegular, sans-serif;
	}
}

.copyright{
	font-family: OpenSansRegular, sans-serif;
}

@media screen and (max-width: 1030px){
	.dataRow .portalLayoutCell,
	.dataRow .portalLayoutCols2 .portalLayoutRow .portalLayoutCell,
	.dataRow2cols .portalLayoutCell.portalLayoutCols2 .portalLayoutRow .portalLayoutCell{
		width: 100%;
	}

	.dataRow .portalLayoutCell + .portalLayoutCell, .dataRowTop .portalLayoutCell + .portalLayoutCell{
		padding-left:0;
	}
	
	.loginField.div_hospital{
		width: 100%;
	}

	.loginField.div_agrup,
	.loginField.div_type{
		width: 49%;
	}

	.newAppointment .contentHeader{
		width: 100%;
	}

	.newAppointment .helpButton{
		width: 100%;
		text-align: right;
		padding-bottom: 10px;
	}

	.boxComponentHead.titleMoreButton.otherList.oneDocument h3.boxComponentHeadTitle{
		width: 95%;
	}

	.boxComponentHead.otherList.oneDocument .otherData,
	.boxComponentHead .divDate {
		width: 100%;
	}
	
	.pageContent2 .boxComponentHeadTitle > span{
		margin-left:34px;
	}

	.pageContent2 .boxBodyList .otherList.oneDocument .titleButton {
		position: absolute;
		right: 10px;
		margin: 0;
		width: 32px;
		top: 10px;
	}
	
	.boxComponentHead.otherList.oneDocument .divDate {
		padding: 10px 3px 0;
		margin-left: 45px;
	}
}


@media screen and (max-width: 950px){
	.boxComponentHead.titleMoreButton.otherList h3.boxComponentHeadTitle{
		width: 95%;
	}

	.boxComponentHead.otherList .otherData{
		width: 43%;
		margin-left: 12px;
	}

	.boxComponentHead .divDate.itemLarge{
		width: 70%;
	}

	.pageContent2 .boxSearch .boxSectionForm .columns2 > div{
		width: 100%;
		margin-left: 0;
	}

	.pageContent2 .boxBodyList .titleButtonFormText{
		position: relative;
		float: right;
		top: 0;
		margin-bottom: 10px;
	}

	.boxComponentHead.otherList .otherDataOne{
		width: 100%;
		padding: 0 50px;
	}

	.boxComponentHead.titleMoreButton h3.boxComponentHeadTitle{
		width: 100%;
	}

	.pageContent2 .cols2Item.cols .listAll.loginFieldItem{
		width: 100%;
	}

	.cols2Item.cols{
		margin:0 0 10px 45px;
	}
	
	.pageContent2 .boxBodyList .titleButton{
		width:12%;
		margin-top:0;
	}
	
	.downloader .pageContent2 .boxBodyList .titleButton{
		width:92%;
		margin-top:0;
	}
	
	.cmBodyContentChildrens  ul.cmContentMultipleList li.cmContentItem {
		width:100%;
	}
	
	.boxField.boxLeft, .boxField.boxRight,
	.boxSectionForm #div_prov.loginField,
	.boxSectionForm #div_hosp.loginField,
	.boxSectionForm #div_society.loginField,
	.boxSectionForm #div_policyNumber.loginField,
	.newAppointment #div_policyNumber .colFirst,
	.newAppointment div#div_agrupation,
	.newAppointment div#div_professional,
	.boxField div#div_fecha,
	.pageContent.newAppointment .boxSearch .boxSectionButton{
		width:100%;
	}
	
	.datosCita .detalleCita .itemDatosCita .cmBold {
		font-weight: normal;
		width: 100%;
		display: inline-block;
		text-align: left;
		margin-right: 0;
	}
	
	.datosCita span.daySelected{
		display:block;
	}
	
	.boxComponentHead.otherList.oneDocument .otherData,
	.boxComponentHead .divDate{
		padding: 10px 3px 0;
		margin-left: 45px;
	}
	
	.downloader .boxComponentHead .divDate {
		padding: 24px 10px 5px;
		margin-left:0;
		float:right;
	}
	
	footer.footer {
		text-align: center;
		width: 1043px;
	}
	
	footer.footer > div.copyright {
		margin: 0 auto;
		display:block;
		float: none;
	}
}

@media screen and (max-width: 910px) {
	.foto-perfil,
	.nombre-perfil-cabecera{
		display:none;
	}
	.top-nav>li {
		top: 15px;
    }
}

@media screen and (max-width: 855px){
	.width60{
		width:55%;
	}
}

@media screen and (min-width: 767px) {
	.side-nav{
		display:none;
	}
	.side-nav2{
		display:block;
		margin-top: 0;
	}
	.dialogProf .listProf .groupItemProf{
		max-width: 235px;
	}
}


@media screen and (max-width: 767px) {


	body{
		min-width: 320px;
		padding-top:0;
	}
	

	
	body div.pageFormMain {
		/*padding: 1em 1em 2em 1em;*/
		padding: 0;
		margin: 0;
	}



	.navbar-header{
		width: 100%;
	}
	.navbar-header img{
		max-width: 179px;
		vertical-align: -5px;
	}

	.navbar-fixed-top, .navbar-fixed-bottom{
		position:relative;
		width: 775px;
	}
	.carpetapaciente div.noResults {
		margin: 0 15px !important;
	}

	.foto-perfil {
		max-height: 50px;
		width: 50px;
		display:none;
	}

	.foto-perfil img {
		width: 50px;
	}

	.nombre-perfil-cabecera{
		display:none;
	}
	ul.side-nav{
		display: block;
		background-color: #fff;
		margin: 1.25px 0;
		position: relative;
		z-index: 9999999;
	}
	ul.navbar-nav li a {
		position: relative;
		display: block;
		padding: 6px 30px 0px 40px;
		line-height: 1.8em;
		font-size: 15px;
	}

	ul.menuPrincipal li.menuPrincipalPrimerNivel.item2 > span:after,
	ul.menuPrincipal li.menuPrincipalPrimerNivel.item4 > span:after,
	ul.menuPrincipal li.menuPrincipalPrimerNivel.item5 > span:after,
	ul.menuPrincipal li.menuPrincipalPrimerNivel.item6 > span:after,
	ul.menuPrincipal li.menuPrincipalPrimerNivel.item10 > span:after{
		margin: 0;
	}

	.navbar-collapse {
		z-index: 3000;
		position: relative;
	}
	ul.menuPrincipal {
		display: block;
		margin-top: -2px;
		font-size: 1.1em;
		z-index: 201;
		padding: 0 15px;
	}
	.navbar-collapse.in {
		overflow-y: auto;
		width: 100%;
		margin: 0;
		padding: 0;
		z-index: 1;
	}
	.navbar-nav > li > ul > li{
		width: 100%;
	}
	.carpetapaciente .side-nav ul.menuPrincipal li.menuPrincipalPrimerNivel {
		display: table;
		width: 100%;
		border-color: #EDEDEE;
		border-width: thin;
		border-top-style: inset;
	}
	
	.boxContent-menu-dropdown .boxComponentHeadTitle{
		width:81%;
	}

	ul.navbar-right {
		margin-top: 10px;
	}
	.copyright {
		float: none;
		margin-left: 0; 
		display: block;
	}
	.menuPie.text-right {
		margin-top: 15px;
	}
	.panel .panel-heading .text-right {
		font-size: 1.2em;
		margin: 0;
	}

	.helpHead.boxBoletin .boletin-btn {
		margin-left: 5px;
	}
	.width5 {
		width: 25%;
		float: left;
	}
	.width12 {
		width: 75%;
		float: left;
	}
	.width5 + .width12 {
		padding-left: 15px;
	}

	div#page-wrapper {
		width: 100%;
		padding: 20px 0;
		margin: 0;
		background-color: #ececec;
	}
	.pageContent2 .boxComponent .boxContent {
		width: 100%;
	}
	.pageContent2 .formularioItem .listAll,
	.pageContent2 .listAll{
		font-size: 0.9em;
	}
	.pageContent2 .boxBodyList .titleButton.titleButtonForm {
		text-align: left;
		white-space: normal;
		padding-right: 0;
		float: right;
		margin-left: 0;
		margin-right: 0px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.pageContent2 .formularioItem .boxComponentBody {
		width: 100%;
	}
	.carpetapaciente .cols2Item .loginFieldItem,
	.pageBody.carpetapaciente .cols2Item .loginFieldItem {
		width: 100%;
		float: none;
		/*display: block;*/
	}
	.pageContent2 .boxSearch .boxSectionForm .columns2 > div {
		width: 100%;
		float: left;
		margin-left: 0;
	}
	.pageContent2 .boxSearch .boxSectionForm {
		margin-bottom: 2em;
	}
	.pageContent .boxComponentBody {
		padding-right:0;
		padding-left:1em;
	}
	#div_inicio.loginField.div_date, 
	#div_fin.loginField.div_date {
		width: 110%;
	}
	.carpetapaciente .pageContent .boxComponentBody .boxcols2Item {
		width: 100%;
	}
	.pageContent .boxComponent {
		position: relative;
		padding: 15px;
		margin: 0 0 1.5em 0;
	}
	
	.boxDataItem{
		padding:0 !important;
	}
	
	.multicolor .boxComponent:nth-child(even){
		background-color:#fff;
	}
	
	.pageContent2 .listAll {
		margin-left: 0;
	}
	.pageContent2 .titleMore {
		float: right;
		text-transform: uppercase;
		margin: 10px;
	}
	.buttonZone button, 
	.boxSectionButton .buttonZone .cmTypeReset, 
	.boxSectionButton .buttonZone .cmTypeDiscard,
	.boxSectionButton .buttonZone .cmTypeSubmit {
		margin: 0.5em 0 0.5em 0;
	}
	.pageContent2 .titleMore .fa-stack {
		color: var(--primary);
		font-size: 1em;
		margin-left: 0px;
	}
	.loginField.div_hospital,
	.loginField.div_agrup,
	.loginField.div_type {
		width: 100%;
		margin-right: 0;
	}
	.mainPage .pageContent .pageContent2, 
	.contentHeader + .pageContent2 {
		margin: 0 0 0 0;
	}
	ul.menuPrincipal li.menuPrincipalPrimerNivel > span:after {
		content: "";
	}
	ul.navbar-nav {
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
	}
	ul.navbar-nav li {
		padding: 0;
	}

	.carpetapaciente ul.menuPrincipal li.menuPrincipalPrimerNivel a{
		padding-top:0;
	}
	
	div.navbar-collapse {
		-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, .1);
		box-shadow: inset 0 0px 0 rgba(255, 255, 255, .1);
		float: none;
	}
	.nav > li {
		padding: 0 25px;
	}
	
	.loginField.div_date {
		width: 100%;
		float: left;
		margin-right: 0px;
	}
	.pageContent {
		/* margin: 15px; */
		clear: both;
	}
	.pageContent2 .listAll span.div_cal, 
	.pageContent2 .listAll span.div_hour {
		width: auto;
		margin-right: 10px;
		display: inline-block;
	}
	.pageContent2 .boxBodyList .titleButton {
		margin-left: 10px;
	}
	.boxBodyList .titleButton {
		text-align: right;
		margin-bottom: 0.5em;
		white-space: nowrap;
		padding-right: 8px;
	}
	.boxBodyListItem .imgTitleText {
		width: 11%;
		padding-left: 10px;
		padding-right: 10px;
	}
	.panel .boxBodyList .boxBodyListItem .modelRecomendaciones .imgTitleText{
		padding-left: 10px;
		padding-right: 10px;
	}
	.panel .boxBodyList .boxBodyListItem .modelRecomendaciones .recomendacionTitleText{
		padding: 10px 10px 10px 0;
	}
	.panel .boxBodyList {
		display: table;
		width: 100%;
	}
	/*.boxBodyListItem .titleMore {
		text-align: right;
		font-size: 1.7em;
		padding-right: 0;
	}*/
	div.panel-heading h2 .fa {
		margin-right: 2px;
	}
	div.panel .panel-heading h2 {
		font-size: 1.3em;
		margin: 0;
	}
	div.panel .panel-heading .text-right {
		font-size: 0.9em;
		margin: 0;
		float: right;
/*		padding: 0 5px 0 0;*/
	}
	.boxBodyListItem .appointmentTitleText .appointmentCenter {
		text-transform: uppercase;
		width: 200px;
		float: left;
	}
	.boxBodyListItem .appointmentTitleText .appointmentCenter {
		text-transform: uppercase;
		width: 100%;
		float: none;
	}
	.newAppointment .contentHeader {
		width: 100%;
		float: left;
	}
	.newAppointment .helpButton {
		width: auto;
		float: right;
	}
	.newAppointment .boxBodyContent {
		margin: 0;
	}
	.textMsg {
		margin: 0.5em 0;
	}
	.boxSearch .boxSearchHeader {
		padding: 0.8em 0;
	}
	.boxSearch .boxSectionForm {
		padding: 15px;
		margin: 0;
	}
	.boxField.boxLeft,
	.boxField.boxRight,
	.boxSectionForm #div_prov.loginField,
	.boxSectionForm #div_hosp.loginField,
	.boxSectionForm #div_society.loginField,
	.boxSectionForm #div_policyNumber.loginField,
	.newAppointment #div_policyNumber .colFirst,
	.newAppointment div#div_agrupation,
	.newAppointment div#div_professional,
	.boxField div#div_fecha,
	.pageContent.newAppointment .boxSearch .boxSectionButton {
		width: 100%;
	}
	.carpetapaciente .xdsoft_datetimepicker.xdsoft_inline {
		width: 100%;
	}
	div.xdsoft_datetimepicker .xdsoft_datepicker {
		width: 100%;
		float: left;
		margin-left: 0;
	}
	div.xdsoft_datetimepicker .xdsoft_month {
		margin-left: 31px;
	}
	.textLoader {
		background: url('/imagenes/quironsalud/gif-load.gif') no-repeat 63px 0 #fff;
	}
	.boxLoader {
		left: 15%;
		right: 10%; 
		text-align: center;
	}
	.carpetapaciente .titleMoreButton h3.boxComponentHeadTitle {
		padding-right: 0;
	}
	nav.navbar-fixed-top .navbar-collapse, 
	nav.navbar-fixed-bottom .navbar-collapse {
		max-height: none;
		z-index: 99999;
		position: relative;
		top: 0;
		bottom:15px;
		background:#fff;
		width: 100%;
	}
	div.proxiaIframe {
		max-width: 100%;
		height: 486px;
	}
	iframe{ 
		/* height: 480px !important;  */
		max-width: 100%;
	}
	.g-recaptcha iframe{
		height: 78px !important;
	}
	.printIframe{
		height: 0 !important; 
	}
	DIV.popupContainer p.upperLogin {
		padding-right: 0;
	}
	div.proxiaIframe .pp_content{
		height: 486px !important;
	}
	div.pp_pic_holder{
		width:100% !important;
	}
	div.pp_html{
		height:480px !important;
		width: 100% !important;
	}
	.pageContent2 #cancelCita select {
		padding: 10px;
		border-radius: 5px;
		clear: both;
		display: block;
		width: 100% !important;
	}
	.boxSectionButton {
		margin-top: 1em;
		text-align: right;
		clear: both;
	}
	.pageContent2.boxUser .boxComponent {
		padding: 15px;
		margin: 0;
	}
	.pageContent2.boxUser .listAll {
		width: 100%;
		float: left;
		margin-left: 0;
	}
	.pageContent .boxComponentBody.boxSectionForm {
		padding-left: 0;
	}
	.pageContent2.boxUser .cols2Item .loginFieldItem {
		width: 100%;
		float: left;
		padding-right: 0;
	}
	.width60,
	.w60,
	.w20,
	.w10{
		width:100%;
	}
	.carpetapaciente .loginField input:not([type="checkbox"]):not([type="radio"]), 
	.carpetapaciente .loginField select {
		width: 100%;
		font-size: 1em;
		margin-bottom: 6px;
		height:40px;
	}
	.pageContent2.boxUser .cols3Item .selectShort, 
	.pageContent2.boxUser .cols3Item .width5,
	.pageContent2.boxUser .cols3Item .width12 {
		width: 100%;
	}
	.carpetapaciente .loginFieldTypeData {
		margin-left: 0;
		margin-right: 0;
		display: block;
	}
	.blockOtherData {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
	}
	.boxSection, 
	.boxSectionForm {
		margin: 0;
	}
	.carpetapaciente .loginFieldTypeData label:not(.checkbox-inline):not(.radio-inline) {
		width: 100%;
		display: inline-block;
	}
	.carpetapaciente .boxSectionForm label:not(.checkbox-inline):not(.radio-inline), 
	.carpetapaciente .boxSectionForm .groupRadio label.labelNormal:not(.checkbox-inline):not(.radio-inline) {
		width: 100%;
		font-size: 1em;
	}
	
	.boxSectionForm .labelCheck label{
		width:95% !important;
	}
	
	.pageContent2 .appointmentListFoot {
		margin: 0 0 0.5em 0;
	}
	.datosCita .boxTextDatosCita {
		padding: 20px 15px;
	}
	.datosCita span.daySelected {
		text-align:center;
		font-size: 1.5em;
		margin-left: 0;
	}
	.datosCita .detalleCita .itemDatosCita .cmBold {
		font-weight: normal;
		width: 100%;
		display: inline-block;
		text-align: left;
		margin-right: 0;
	}
	.newAppointment .boxTextDatosCita .boxSectionButton {
		margin-top: 1em;
		text-align: center;
		clear: both;
		margin-left: 0;
	}
	.boxTextDatosCita .newAppointment .buttonZone button, 
	.boxTextDatosCita .boxSectionButton .buttonZone .cmTypeSubmit {
		background-color: #1dac74;
		color: #fff;
		height: auto;
		line-height: 25px;
		font-size: 1em;
		padding: 10px 15px;
		text-transform: uppercase;
	}
	.newAppointment.pageContent .boxComponent {
		margin: 0;
		padding:0;
	}
	div.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > a {
		font-size: 23px;
		padding: 3px 0.55em 0px .55em !important;
	}
	div.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
		right: -23px;
	}
	.carpetapaciente .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
		height: auto;
	}
	div.xdsoft_datetimepicker .xdsoft_timepicker {
		width: 100% !important;
		margin-left: 0;
	}
	.pageContent2 .listAll span.divcal {
		margin-right: 15px;
		display: block;
	}
	.bannerShowMore, 
	.contentAbstract, 
	.cmBodyContent, 
	ul li.cmContentItem, 
	.templateHtmlAbstract .contentText {
		font-size: 1em !important;
	}
	.carpetapaciente p, 
	.loginTextContainer .loginText, 
	.carpetapaciente label, 
	.loginTextContainerLink .loginTextButton, 
	.carpetapaciente .pageContent .boxComponentBody {
		font-size: 1em;
	}
	
	.pageAuthMain .loginTextContainer .loginText{
		float:none;
		margin-top:0;
	}
	
	.pageAuthMain .loginTextContainer .buttonZone{
		margin-bottom:20px;
	}
	
	.carpetapaciente h2.contentMainTitle {
		font-size: 1.8em;
		padding: 0;
	}
	.carpetapaciente .currentContent {
		margin: 0;
	}
	div.panel-body {
		min-height: 0 !important;
	}
	ul.top-nav {
		padding: 0;
	}
	.navbar-toggle{
		top: 12px;
		position: absolute;
		right: 10px;
		margin: 0;
		-webkit-transition: 0.2s;
		-o-transition: 0.2s;
		transition: 0.2s;
	}

	.navbar-toggle .icon-bar {

		width: 21px;
		
border-radius: 2px;

		height: 3px;

		display: block;

		position: relative;

		-webkit-box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.2);

		box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.2);

		-webkit-transition: all 0.4s ease-in-out;

		-o-transition: all 0.4s ease-in-out;

		transition: all 0.4s ease-in-out;

		top: 0;

		left:0;

	}

    .navbar-toggle .icon-bar + .icon-bar {
        margin: 5px 0 0;
    }

    .navbar-toggle .icon-bar:nth-child(2) {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    .navbar-toggle .icon-bar:nth-child(3) {
        opacity: 1;
    }

    .navbar-toggle .icon-bar:last-child {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    .navbar-toggle[aria-expanded=true] {
        border-radius: 50%;
        background-color: #333;
    }

    .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(2) {
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        left: 0;
        top: 8px;/*height 3px; +  margin-top 6px*/
    }

    .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(3) {
    	left:-15px;
        opacity: 0;
    }

    .navbar-toggle[aria-expanded=true] .icon-bar:last-child {
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        left: 0;
        top: -8px;
    }

	ul.top-nav>li.dropdown {
		padding: 0;
		position:absolute;
		top: 10px;
		right: 55px;
		text-align:right;
	}
	.top-nav>.collapse.in>.dropdown-menu,
	.top-nav>.open>.dropdown-menu{
		position:relative;
		z-index:100000;
		top:45px;
		margin-right:-60px;
	}

	.contentText a {
		word-wrap: break-word;
	}
	.quironIframe.carpetapaciente .boxSection .loginField{
		width:100%;
		max-width:100%;
	}
	.quironIframe.carpetapaciente .loginField input:not([type="checkbox"]):not([type="radio"]) {
		width: 95%;
	}
	.xforms-compact .boxLabel {
		width: 93%;
		min-width: 0;
		margin-left: 15px;
	}
	.xforms-group {
		padding: 0;
	}
	.xforms-control.xforms-appearance-minimal {
		display: block !important;
	}
	.xforms-control.xforms-hidden {
		display: none !important;
	}
	.xforms-group-content {
		margin: 0;
	}
	.xforms-control {
		width: 100%;
		float: none;
		margin-top: 1em;
		min-width: 0 !important;
		min-height: 4em;
		display: block;
		clear:both;
	}
	.xforms-compact .xforms-control .xforms-input-calendar span.value.input, 
	.xforms-compact .xforms-control > span > span > .value {
		width: 86%;
		min-width: 0;
		min-height: 4em;
	}
	.xforms-compact .xforms-control > span > span > .value {
		float:left;
	}
	.xforms-group.xforms-compact input.xforms-value, 
	.xforms-group.xforms-compact input.xforms-livesearch-value, 
	.xforms-group.xforms-compact input.dvforms-file-input, 
	.xforms-group.xforms-compact select.xforms-value {
		max-width: 100%;
		min-width: 100%;
		width: auto;
	}
	.xforms-compact .xforms-control > span > span > span.value.select1{
		width: 81%;
		float:left;
	}
	.xforms-control span {
		vertical-align: middle;
		float: none;
		clear: both;
	}
	.xforms-compact .xforms-control .xforms-input-calendar span.value.input, 
	.xforms-compact .xforms-control > span > span > .value {
		margin-left: 15px;
	}
	.xforms-control.xforms-textarea span.value.textarea {
		width: 84.8%;
	}
	fieldset.ajx-tab {
		padding: 0;
	}
	.xforms-group.xforms-full .boxLabel {
		margin: 0 15px;
	}
	fieldset.xforms-full .xforms-control span.value.input, 
	div.xforms-full .xforms-control span.value.input, 
	fieldset.xforms-full .xforms-control span.value.secret, 
	div.xforms-full .xforms-control span.value.secret, 
	fieldset.xforms-full .xforms-control span.value.select1, 
	div.xforms-full .xforms-control span.value.select1, 
	fieldset.xforms-full .xforms-control span.value.select, 
	div.xforms-full .xforms-control span.value.select, 
	.xforms-full .xforms-control span.value.livesearch {
		margin-left: 15px;
		margin-right: 25px;
		width: 86%;
	}

	.xforms-control span.focus{
		display: none;
	}
	
	.xforms-control.xforms-submit .xforms-button, 
	.xforms-control.xforms-signedsubmit .xforms-button, 
	.xforms-control.xforms-trigger .xforms-button, 
	.dvforms-success-button {
		font-size: 1em;
	}
	.xforms-group .xforms-group-content .xforms-group-label {
		padding: 0.1em 0.5em;
	}
	.xforms-group.xforms-compact .xforms-select1 span.icons,
	.carpetapaciente span.icons {
		margin-left: 0;
		float: left;
		clear:none;
	}
	.xforms-compact .xforms-textarea .boxLabel label {
		width: 96%;
	}
	.tituloSeccion > span > span > .value, .notaHorizontal > span > span > .value {
		width: 90% !important;
	}
	.xforms-control.xforms-submit, .xforms-control.xforms-signedsubmit, .xforms-control.xforms-trigger {
		clear: none;
		margin-left: 0;
	}
	.xforms-select1.xforms-appearance-minimal select.xforms-value {
		width: 92%;
	}
	body div.pageErrorMain {
		width: 100%;
	}
	.carpetapaciente div.cmNavigation .numPageList {
		float:none;
		clear:both;
	}
	
	.pageContent2 .boxComponentHeadTitle .fa {
		margin-right: 2px;
		left: 0;
		top: 0;
	}

	div.pageForm .boxForm .loginField label{
		width: auto;
	}

	.boxBodyContent{
		margin: 0;
	}

	.boxComponentHead.titleMoreButton h3.boxComponentHeadTitle,
	.boxComponentHead .divDate,
	.downloader .boxComponentHead.titleMoreButton h3.boxComponentHeadTitle{
		width: 100%;
	}

	.downloader .pageContent2 .boxBodyList .titleButton{
		width:90%;
		text-align:left;
		margin-top:0;
		margin-left:25px;
	}
	
	.downloader .boxComponentHead .divDate{
		padding: 10px 10px 5px 35px;
		margin-left: 0;
		float: left;
		max-width: none;
	}
	
	.pageContent2 .boxComponentHead .titleMore{
		padding:5px 10px;
	}

	.boxComponentHead.titleMoreButton h3.boxComponentHeadTitle{
		margin: 0;
		padding: 0;
	}

	.boxComponentHead.otherList .otherDataOne{
		padding: 5px 30px;
	}

	.boxCalendarAppointment .textInfo {
		width: 74%;
		left: 10%;
		top:90px;
	}

	.pageContent2 .boxBodyList .otherList.oneDocument .titleButton{
		right: 0;
		top: 0;
	}
	
	.pageContent2 .boxSearch .boxSectionButton,
	.pageContent2 .boxSearch .boxSectionForm .columns2 .boxSectionButton{
		margin-top:0;
		margin-bottom:0;
	}
	
	footer.footer{
		padding: 20px;
		width: 775px;
	}
	
	.navbar-nav .caja-boton.open .dropdown-menu{
		border:1px solid rgba(0,0,0,0.15);
		box-shadow:0 6px 12px rgba(0,0,0,0.175);
	}
	
	.cmFloatRight:not(.helpHead), .cmEmbedImageright{
		float:left;
	}
	
	ul.nav.navbar-nav.side-nav li{
		padding:0;
	}
	
	.appointmentTitleText .appointmentDesc .appointmentDate{
		display:inline-block;
	}
	
	.popupHeadDataPatient .boxSectionForm,
	.blockDataPrint{
		width:auto;
	}
	
	div.columns_2 > div,
	div.columns_2 .loginField.div_hospital {
		width: 100%;
		margin-left: 0;
	}
	
	.cmResourcesOuterBox, 
	.cmRelatedContentsOuterBox{
		margin: 0;
	}
	.modelRecomendaciones .recItem a,
	.modelRecomendaciones .boxSubcontent a{
		word-break: break-all;
	}
	.panel:not(.listaCanal) .cmContentList .cmContentItem a.cmContentLink{
		padding:10px;
	}
	.panel:not(.listaCanal) .cmContentList .cmContentItem a.cmContentLink:before{
		width:40px;
	}
	.imageEco{
		width:100%;
	}
	
	.boxComponentHead.otherList.oneDocument .otherData,
	.boxComponentHead .divDate,
	.boxComponentHead.otherList.oneDocument .divDate{
		margin-left: 10px;
	}
	
	.noCols{
		margin:0 15px 0 35px;
	}
	
	.cols2Item.cols{
		margin:0 0 10px 35px;
	}
	
	.helpButton{
		margin-bottom:15px;
	}
	
	.btn{
		white-space:normal;
	}
			
	.btBack #callBackButton{
		font-size: 0;
		top: auto;
		bottom: 130px;
		border: 0;
		border-radius: 30px;
		width: 50px;
		height: 50px;
		box-shadow: 3px 2px 10px #424242;
		z-index: 1;
	}
	
	.btBack #callBackButton .fa{
		font-size: 32px;
		margin: 8px 0 0 -1px;
	}
	
	#callMeBackForm .intl-tel-input,
	#callMeBackForm .fechaCallBack ,
	#callMeBackForm .horaCallBack {
		width: 100%;
		padding: 0;
	}
	
	#callMeBackForm .callMeBack .buttonZone > p {
		display: block;
	}
	
	#callMeBackForm .callMeBack .buttonZone > button{
		font-size: 17px;
		margin: 0;
	}
	
	#wrapper .downloadApp,
	#wrapper .helpHead {
		padding: 0px 1% 0 20px;

	}
	#wrapper .helpHead {
		padding-left:25px;
	}
	
	footer.footer > div{
		display:block !important;
		text-align:center;
	}
	footer.footer .content-logo-iunion {

		margin: 20px auto 10px;
	}
	footer .menuPrincipalDchaPie{
		display:block;
		margin:10px;
		padding:0;
	}
	
	.boxComponentHeadTitle2 > span{
		margin-left:45px;
	}


	/*Consejo medico online*/

	.dialogProf .listProf {
		border-right:none;
	}

	.dialogProf .listProf .groupItemProf{
		height: auto;
	}

	body:not(#tinymce) div.cmTableRow > div.boxField  + div.boxField  {
	    padding-left: 15px;
	    margin-top: 0;
	}
	

}
/*FIN  (max-width: 767px)*/

.boxFormHead .lang-movil-active{
	display: none;
}
@media screen and (max-width: 767px) {
	.navbar-brand > .imgHead img{
		max-width: 150px;
	}

	.carpetapaciente h1.formHead,
	.carpetapaciente div.formHeadLink{
		float: right;
	}

	.boxFormHead .navbar-brand{
		padding: 10px;
		height: 48px;
		position: relative;
		padding-right: 0;
	}
        .navbar-brand + .helpHead{
 		padding: 15px 10px 0  0 !important;
 		margin: 0!important;
 	}

	 .navbar-brand > h1.textHead,
	 .navbar-brand > span.textHead{
			font-size: 16px;
			padding-left: 10px;
			/* padding-right: 100px; */
	}

	.navbar-brand > .cmBannersRelativePosition,
	.navbar-brand > .imgHead{
		padding-right: 12px;
		vertical-align: middle;
		display: inline-block;
	}
	.login-col {
	    float: none;
	}
	.box-Login{
		 margin-top:30px;
		border-left: none;
		padding: 0 15px;
	}
	.text-col .tit-welcome{
		text-align: center;
		font-size: 24px;
		margin: 0 15px 30px;
		padding-top: 30px;
		border-top: 1px solid #e2e2e2;
	}

	.loginTextContainer > li:last-child,
	.loginTextContainer > li:first-child{
		max-width: 100%;
		width: 100%;
	}

	.temahospitalPublico .loginTextContainer > li:first-child {
		margin-bottom: 0;
	}

	.temahospitalPublico .loginTextContainer > li:last-child {
		margin-top: 0;
		padding-top: 0;
	}

	.temahospitalPublico .footer .helpHead.cmFloatRight .textHelpHead {
		margin: 0 0 18px 0;
	}

	.downloadApp ul{
		text-align: center;
		width: 100%;
	}

	.temahospitalPublico .downloadApp ul {
		display: grid;
        justify-content: center;
	}

	.downloadApp ul li {
		display: inline-block;
	}

	.downloadApp ul li img{
		margin: 5px 
	}
	.loginTextContainer > li.line-v{
		 border-left:0;
		 border-top: 1px solid #6b6b6b;
		 max-width: 255px;
		 margin: 0 auto;
	}

	.loginTextContainer > li.line-v.helpHeadDoubles {
		text-align: center;
	}
	.text-col {
		padding: 0 20px 30px;	
 	}

 	.boxFormHead .langSelectorCarpeta,
 	.boxFormHead .langSelectorCarpeta li{
 		display: block;
 		float: none;
 		width: 100%;
 		margin: 0;
 	}
 	.boxFormHead .langSelectorCarpeta{
 		max-height: 1px;
 		margin-bottom: -1px;
 		transition: all 0.5s;
 		position: relative;
 		z-index: 2;
 	}
 	.boxFormHead.lang-open .langSelectorCarpeta{
 		max-height: 999px;
 		margin-bottom: 0;
 	}
 	.boxFormHead .langSelectorCarpeta li{

 		 background-color: #373A3D; 
 	}
 	.boxFormHead .langSelectorCarpeta li +li{
 		border-top:2px solid #4b4e53;
 	}
	.boxFormHead .langSelectorCarpeta li + li> a,
	.boxFormHead .langSelectorCarpeta li > span,
 	.boxFormHead .langSelectorCarpeta li> a,
 	.boxFormHead .langSelectorCarpeta li > span{
 		font-size: 16px;
 		padding: 15px 24px;
 		display: block;
 	}
 	.boxFormHead .langSelectorCarpeta li + li> span,
 	.boxFormHead .langSelectorCarpeta li + li> a{
 		border-left: none
 	}
 	.boxFormHead.lang-open .lang-movil-active,
	.boxFormHead .lang-movil-active{
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		height: 100%;
		background-color: #373A3D;
		color: #008488;
		font-size: 14px;
		font-weight: bold;
		line-height: 1;
		text-align: center;
		text-transform: uppercase;
		z-index: 1;
		vertical-align: middle;
		padding-left: 3px;
	}

	 .lang-movil-active::after{
	 	content:"\f107";
	 	display: inline-block;
		font: normal normal normal 14px/1 FontAwesome, sans-serif;
	 	text-rendering: auto;
	 	-webkit-font-smoothing: antialiased;
	 	-moz-osx-font-smoothing: grayscale;
	 	padding:0 3px;
	 	color:#FFF;
	 	vertical-align: middle;
	 	top: -2px;
    	position: relative;
	}
	 .lang-movil-active::before{
	 	content:"";
	 	display: inline-block;
	 	vertical-align: middle;
	 	height: 100%;
	 	font-size: 0;
	 }

	.boxFormHead.lang-open .lang-movil-active:after{
		transform: rotate(180deg);

	}

	.extractionLink {
    	padding: 15px 15px 0;
	}

	.homeBotonDetalle.no-citable {
		width: 100%;
	}

}
@media screen and (max-width: 480px) {



	.navbar-brand > .imgHead img{
		max-width: 110px;
	}

	.navbar-brand > h1.textHead,
	.navbar-brand > span.textHead{
		font-size: 14px;
		padding-left: 15px;
		display: block;
	}
	.mainPage .navbar-brand > span.textHead{
		display:block
	}
	.navbar-brand > .cmBannersRelativePosition,
	.navbar-brand > .imgHead{
		padding-right: 10px;
		border-right: none;
	}

}




@media screen and (max-width: 767px) and (min-width: 616px){
	.boxSection .loginField {
		margin-right: 10px;
		width: 38%;
	}
}


@media screen and (min-width: 621px) and (max-width: 715px) {
	.boxSection .loginField{
		width:37%;
		max-width:18em;
	}
	
	.quironIframe.carpetapaciente .boxSection .loginField{
		width:100%;
		max-width:100%;
	}
	
	.quironIframe.carpetapaciente .loginField input:not([type="checkbox"]):not([type="radio"]) {
		width: 95%;
	}
}
@media screen and (max-width: 839px){
	.carpetapaciente .cmContactMailButton, .carpetapaciente .cmSearchButton {
		font-size: 1.1em;
	}

	.pageContent.newAppointment .boxSearch .boxSectionButton{
		width: 100%;
	}

        .navbar-brand > a{
		padding-right:10px;
		border-right:none;
         }


}

@media screen and (max-width: 620px) {
/*carpeta paciente*/
	.carpetapaciente .boxFormHead{
		position: relative;
	}
	
	.carpetapaciente h1.formHead,
	.carpetapaciente div.formHeadLink{
		float:none;
		text-align:center;
	}
	
	.carpetapaciente h1.formHead{
		margin-bottom: 0.2em;
	}
	
	.footer .loginTextContainer {
		text-align:center;
	}
	
	.width5 {
		width: 35%;
	}
	.width12 {
		width: 65%;
	}
	.cmFormAlert p {
		font-size: 16px !important;
	}

	.helpHead ,
	.helpHead.boxBoletin{
		display: block;
		width: auto;
		margin: 10px auto;
	}

	.portal-paciente-co .helpHead.boxBoletin {
		display: none;
	}

	.portal-paciente-co .loginTextContainer>li.line-v.helpHeadDoubles {
		border-top: 0;
        grid-template-columns: 1fr;
        text-align: center;
        max-width: 100%;
        padding-top: 0;
	}

	.portal-paciente-co .loginTextContainer>li {
		padding: 0;
		margin: 0;
	}

	.temahospitalPublico .footer .helpHead.cmFloatLeft .textHelpHead {
		display: inline;
	}
	
	.carpetapaciente p,
	.loginTextContainer .loginText,
	.carpetapaciente label,
	.loginTextContainerLink .loginTextButton,
	.carpetapaciente .pageContent .boxComponentBody{
		font-size:1.1em;
	}
	
	.carpetapaciente .pageContent .boxComponentBody .boxComponentBody{
		font-size:1em;
	}
	/*
	.carpetapaciente .textMsg {
		font-size:1.3em;
	}*/
	
	.boxSectionForm .cols2Item .loginFieldItem{
		width: 100% !important;
		float: none;
		margin-top:0.5em;
	}

	.carpetapaciente .boxSectionForm label:not(.checkbox-inline):not(.radio-inline),
	.carpetapaciente .boxSectionForm .groupRadio label.labelNormal:not(.checkbox-inline):not(.radio-inline){
		width: 100%;
	}
	.boxSectionForm .labelNormal {
		font-size: 18px;
	}
	.boxSectionForm .labelCheck label{
		width: 93% !important;
	}

	.blockInfoData {
		width: auto;
	}

	.pageContent .boxComponentBody.boxSectionForm label.labelShort{
		width: 100%;
	}
	
	.carpetapaciente .boxSectionForm .groupRadio label{
		width: 50%;
	}
	
	.carpetapaciente .boxSectionForm .groupRadio label + label{
		margin-left: 15px;
	}

	.carpetapaciente .loginField input:not([type="checkbox"]):not([type="radio"]),
	.carpetapaciente .loginField select{
		width:100%;
	}
		
	.carpetapaciente .boxSectionForm .groupRadio input{
		width:auto;
		height:auto;
	}
	
	.carpetapaciente .cols2Item .loginFieldItem{
		width:100%;
		float:none;
		padding-right: 0;
	}
	
	.carpetapaciente .loginFieldTypeData{
		display:block;
		margin-bottom: 0.5em;
	}
	
	.carpetapaciente .loginFieldTypeData label{
		width: 32%;
		display: inline-block;
	}
	body.popupBody.carpetapaciente,
	body.pageBody.carpetapaciente {
		padding-top: 0;
		padding-bottom: 0;
	}
	.carpetapaciente .pageContent2.boxUser .loginFieldTypeData select,
	.carpetapaciente .pageContent2.boxUser .loginFieldTypeData input{
		width:95% !important;
	}
	.carpetapaciente DIV.recaptcha_image{
		margin: 2em 0 0 0;
	}
	
	.carpetapaciente .recaptcha_buttons{
		display: block;
	}
	
	.carpetapaciente .recaptcha_buttons div{
		margin: 0.8em;
		display:inline-block;
	}
	
	.quironIframe.carpetapaciente .boxSection .loginField{
		width:100%;
		max-width:100%;
	}
	
	.quironIframe.carpetapaciente .loginField input:not([type="checkbox"]):not([type="radio"]) {
		width: 95%;
	}

	.carpetapaciente .intl-tel-input {
		display: block;
	}
	
	div.pageForm{
		padding:0;
		margin:0;
	}
	
	div.pageFormMain{
		width: auto;
		border:none;
	}
	
	div.pageFormLarge{
		padding: 0;
	}
	
	div.pageForm .boxForm .loginField{
		margin-bottom:0.5em;
		width:100%;
	}

	.loginField.textCenter.captcha,
	.loginField.captcha{
		padding-left: 0;
	}
	
	div.pageForm .boxForm .loginField label{
		width: 6em;
		display:inline-block;
	}
	
	div.pageForm .boxForm .boxSectionForm.longLabel label{
		width: 100%;
	}
	
	div.pageForm .boxSection .buttonZone{
		width: 100%;
		text-align: center;
		margin-top:1em;
	}
	
	div.pageForm .boxForm .loginTextContainerLink .loginTextButton{
		float:none;
		margin-bottom: 1em;
		text-align:center;
	}
	
	input.boxLarge{
		width:100%;
	}
	
	.boxLeftForm{
		float: none;
		width: 100%;
	}
	
	.loginField .loginField2{
		margin-right:0;
	}
	
	/*carpeta paciente. Ocultamos botón DNI y enlaces para la APP*/
	.carpetapaciente .boxSection.loginDNIe{
		display: none;
	}

	.boxSection .buttonZone .btn-block{
		margin-top:0;
		margin-bottom:26px;
	}
		
	.blockMobile{
		display:block;
	}
	
	.listaCanal .panel-heading .row > div{
		float:none;
		width:100%;
		padding: 0 10px 10px;
	}
	
	.boxMain .panel-heading .linkBoletin {
		font-size:15px;
	}
	
	.width60{
		width:100%;
	}
}

@media screen and (max-width: 550px) {
	/*carpeta paciente. Ocultamos botón DNI y enlaces para la APP*/
	.textHideMobi,
	.carpetapaciente .boxSection.loginDNIe,
	.carpetapaciente div.formHeadLink,
	.carpetapaciente .boxLinkHead .linkHead,
	.carpetapaciente .datosPie,
	.carpetapaciente .bannerPie{
		display: none;
	}

	.boxComponentHead.otherList .otherData,
	.boxComponentHead.otherList .divDate{
		width: 100%;
		padding: 10px 3px 0;
	}
	
	.pageContent2 .boxBodyList .otherList .titleButton{
		position: absolute;
		right: 0;
		margin: 0;
	}

	#toast-container > div{
		width: 97%;
		float: right;
	}
	
	.listaCanal ul li .modelArticuloCanal .contentImageContainer .contentImage,
	.listaCanal ul li .modelVideoYoutube .contentVideoImage .contentImage{
		width:100%;
	}

	.boxComponentHead.otherList .divDate{
		max-width:175px;
	}
	
	.withoutBg .helpHead{
		text-align:center;
		float:none !important;
		margin-bottom: 5px;
	}

}

@media screen and (max-width:470px){

	.helpHead .textHelpHead{
		max-width:110px;
	}
	
	.pageContent2 .boxComponentHeadTitle > span{
		display:table-cell;
	}
	
	.pageContent2 .boxComponentHeadTitle > span{
		padding-left:34px;
	}
	.carpetapaciente .home-letters .home-letters-bottom .letters-content .letter {
		max-width: 270px;
	}
}

@media screen and (max-width: 365px) {
	.helpHead{
		text-align:center;
		margin-bottom:5px;
	}
	
	.helpHead a{
		text-align:left;
	}

	.carpetapaciente .home-letters .home-letters-bottom .letters-content .letter {
		max-width: 270px;
	}
}

@media screen and (max-width: 350px) {
	.navbar-header .navbar-brand img{
		width:230px;
		height:auto;
	}
}