/**
 * Esta hoja de estilo guarda la información común a la maquetación global de la Web.
 * Desde esta hoja de estilo se incluyen los estilos correspondientes al 
 * resto de elementos y/o áreas que componen el diseño global.
 *
 * @author Divisa Informática y Telecomunicaciones S.A.
 */

/** INICIO ESTILOS GLOBALES **/
a,
.pageContent2 .boxBodyList .titleButton a.btImagen,
div.cmNavigation .cmNavIntro, div.cmNavigation a.cmNavEndsPagesLink, div.cmNavigation .cmNavPage a.cmNavPageLink, div.cmNavigation .cmNavPage .cmNavPage,
.carpetapaciente div.cmNavigation .cmNavPage{
	color:  var(--primary);
}

a:hover,
a:active,
a:focus,
.pageContent2 .boxBodyList .titleButton a.btImagen:focus,
.pageContent2 .boxBodyList .titleButton a.btImagen:active,
.pageContent2 .boxBodyList .titleButton a.btImagen:hover,
div.cmNavigation a.cmNavEndsPagesLink:focus,
div.cmNavigation a.cmNavEndsPagesLink:active,
div.cmNavigation a.cmNavEndsPagesLink:hover,
div.cmNavigation a.cmNavPageLink:focus,
div.cmNavigation a.cmNavPageLink:active,
div.cmNavigation a.cmNavPageLink:hover,
.carpetapaciente div.cmNavigation .cmNavPage:focus,
.carpetapaciente div.cmNavigation .cmNavPage:active,
.carpetapaciente div.cmNavigation .cmNavPage:hover,
.carpetapaciente .boxFormHead a,
.carpetapaciente .boxFormHead a:focus,
.carpetapaciente .boxFormHead a:active,
.carpetapaciente .boxFormHead a:hover{
	color:var(--primaryHover);
}

.btn-primary{
	background-color:  var(--primary);
	border-color: var(--primary);
}

.portal-paciente-fjd .btn-primary{
	background-color:  var(--primary);
	border-color: var(--primary);
}

.btn-primary:hover,
.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary,
.btn-primary:focus, .btn-primary.focus,
.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus{
	background-color: var(--primaryHover);
	border-color: var(--primaryHover);
}


.portal-paciente-fjd .btn-primary:hover,
.portal-paciente-fjd .btn-primary:active, .portal-paciente-fjd .btn-primary.active, .portal-paciente-fjd .open>.dropdown-toggle.btn-primary,
.portal-paciente-fjd .btn-primary:focus, .portal-paciente-fjd .btn-primary.focus,
.portal-paciente-fjd .btn-primary:active:hover, .portal-paciente-fjd .btn-primary.active:hover, .portal-paciente-fjd .open>.dropdown-toggle.btn-primary:hover, .portal-paciente-fjd .btn-primary:active:focus, .portal-paciente-fjd .btn-primary.active:focus, .portal-paciente-fjd .open>.dropdown-toggle.btn-primary:focus, .portal-paciente-fjd .btn-primary:active.focus, .portal-paciente-fjd .btn-primary.active.focus, .portal-paciente-fjd .open>.dropdown-toggle.btn-primary.focus{
	background-color: var(--primaryHover);
	border-color: var(--primaryHover);
}

.navbar-inverse,
.boxFormHead{
	background-color:#fff;
}

.navbar-inverse{
	border-color:transparent;
	-webkit-box-shadow: 0px 9px 5px -6px rgba(138,134,138,1);
	-moz-box-shadow: 0px 9px 5px -6px rgba(138,134,138,1);
	box-shadow: 0px 9px 5px -6px rgba(138,134,138,1);
	/* min-height:94px; */
}

.boxFormHead{
	border-bottom: 1px solid #d8d8d8;

}

.navbar-brand > h1.textHead,
.navbar-brand > span.textHead{
	color:var(--primaryText);
}

.navbar-header .navbar-brand img{
	max-height: 65px;
	width:auto;
}

.top-nav>li>a{
	color:var(--primaryText);
}

.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus{
	background-color:transparent;
	color: #696868;
}

.top-nav>li>a:focus,
.top-nav>li>a:active {
	outline: 1px dotted;
}

.navbar-nav .menuPrincipalNivelActivo .icono,
body.carpetapaciente ul.menuPrincipal li.menuPrincipalPrimerNivel.menuPrincipalNivelActivo a,
ul.menuPrincipal li.menuPrincipalPrimerNivel.menuPrincipalNivelActivo a > span:after {
	color:var(--redAccesibility);
}

footer.footer,
body.popupBody div.footer{
	background-color:#757575;
}

body.newtemaquironsaludPrivado footer.footer,
body.newtemaquironsaludPrivado.popupBody div.footer{
	background-color: #4B4F54;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
}

.panel-primary>.panel-heading{
	background-color:var(--redAccesibility);
	border-color:var(--redAccesibility);
}

.infoTotal .btn-primary,
.btn-submit{
	color: #fff;
	background-color:var(--redAccesibility);
	border-color:var(--redAccesibility);
}

.textGreenQuiron {
    color:  var(--primary);
}

.infoTotal .btn-primary:focus,
.infoTotal .btn-primary:active,
.infoTotal .btn-primary:hover,
.btn-submit:focus,
.btn-submit:active,
.btn-submit:hover{
	background-color: var(--redAccesibilityHover);
}

.panel .boxBodyList .boxBodyListItem .imgTitleText .fa,
.resultItem .imgTitleText .fa,
.citaItem .imgTitleText .fa,
.intervenionItem .imgTitleText .fa,
.peticionItem .imgTitleText .fa,
.panel:not(.listaCanal) .cmContentList .cmContentItem a.cmContentLink:before {
	color:  var(--redAccesibility);
}

/*.linkOrange{
	background: #78BCD8 !important;
}
*/
.contentHeader h2 .fa {
	color:var(--redAccesibility);
}

.portal-paciente-fjd .contentHeader h2 .fa {
	color: var(--primary);
}

div.calendar thead .title,
div.calendar tfoot .ttip,
div.calendar tbody td.hilite{
	background-color:  var(--primary);
}

div.calendar table .wn{
	background-color: #C1DCE6;
}

.xdsoft_datetimepicker .xdsoft_calendar td a {
	display: block;
}

.xdsoft_datetimepicker .xdsoft_calendar td a:hover,
.xdsoft_datetimepicker .xdsoft_calendar td a:focus,
.xdsoft_datetimepicker .xdsoft_calendar td a:active,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > a:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > a:focus,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > a:active{
	background-color:  var(--primary) !important;
	color: #fff !important;
	text-decoration: none;
}

.xdsoft_mounthpicker > button, .xdsoft_mounthpicker > div, .xdsoft_mounthpicker{
		background-color:  var(--primary);
}

.datosCita span.daySelected{
	color:  var(--primary);
}

.navbar-nav .icono{
	color:#8BA0DC;
}

.side-nav2 > li > ul > li:hover, .side-nav2 > li > ul > li:focus{
	background-color:#F5EBEC;
}

.side-nav2 > li > ul > li:hover .icono, .side-nav2 > li > ul > li:focus .icono{
	color:var(--redAccesibility) !important;
}

.boxFieldTitle{
	color: var(--primary);
	border-bottom: 1px solid  var(--primary);
}
.tit-welcome
.copyright img,
.boxFormHead .langSelectorCarpeta{
	display:none;
}

.text-col .tit-welcome{
	color: var(--primary);
}

.carpetapaciente.portal-paciente-fjd .text-col .tit-welcome{
    color: var(--primary);
}

.box-list-items ul li:before{
	border: solid  var(--primary);
	border-width: 0 2px 2px 0;
}
.carpetapaciente.portal-paciente-fjd .box-list-items ul li:before {
	border: solid var(--primary);
	border-width: 0 2px 2px 0;
}

.box-border {
    border: 1px solid  var(--primary);
}

.carpetapaciente.portal-paciente-fjd .box-border {
	border: 1px solid var(--primary);
}

.icon-question-circle:before{
	height: 30px;
	color: var(--primary);
	border: 2px solid  var(--primary);
}

.carpetapaciente.portal-paciente-fjd .icon-question-circle:before {
	height: 30px;
	color:var(--primary);
	border: 2px solid var(--primary);
}

.loginTextContainer > li:last-child {
    max-width: 100%;
    margin-left: 15px;
}
.navbar-brand > span.textHead{
	margin-top:30px;
}

.divCalendar .hightPriority{
	color: var(--redAccesibility);
}


.loginTextContainerLink .loginTextButton a:hover,
.loginTextContainerLink .loginTextButton a:focus
.loginTextContainerLink .loginTextButton a:active{
	color:var(--primaryHover);
}

h2.textHead{
	color:#505050;
}

.sinTitulo h3{
	color:var(--primaryHover);
}

.navbar-inverse .navbar-toggle .icon-bar{
	background-color:var(--redAccesibility);
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #E4E4E4;
}

.blockDataPrint h2,
.divCalendar, .divHour, .spanHour{
	color:var(--primaryHover);
}

.contentPage #page-wrapper .pageContent .contentHeader2{
	background: url('/imagenes/carpeta/info2_blue.png') no-repeat 0 1px;
}

.caja-boton .buttonNew{
	background-color: var(--primary);
}

.caja-boton .buttonNew:focus,
.caja-boton .buttonNew:active,
.caja-boton .buttonNew:hover{
	background-color:var(--primaryHover);
}

#wrapper .downloadApp{
	float:left;
	margin-left: 1%;
	margin-right:1%;
}

.downloadApp ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

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

.helpHead .textHelpHead{
	color:var(--primaryText);
}

.helpHead .fa{
	color:#8ba0dc;
}

.carpetapaciente.portal-paciente-fjd .helpHead .fa {
	color: var(--primary);
}

.footer .helpHead.cmFloatRight .fa,
.footer .helpHead.cmFloatLeft .fa{
	color:#fff !important;
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
}

.footer .helpHead.cmFloatRight .textHelpHead,
.footer .helpHead.cmFloatLeft .textHelpHead{
	color:#fff;
	display: inline-block;
	vertical-align: middle;
	font-family: 'openSansRegular', sans-serif;
	font-size: 12px;
}

.footer .helpHead.cmFloatRight .textHelpHead {
	margin-right: 18px;
}

.footer .helpHead.cmFloatRight a:focus .textHelpHead,
.footer .helpHead.cmFloatRight a:active .textHelpHead,

.footer .helpHead.cmFloatRight a:hover .textHelpHead,
.footer .helpHead.cmFloatLeft a:focus .textHelpHead,
.footer .helpHead.cmFloatLeft a:active .textHelpHead,
.footer .helpHead.cmFloatLeft a:hover .textHelpHead{
	color:#FFFFFF;
}

.footer .logoPie{
	display: none;
}
/* Estilos para Prealta amigable SMS */
body.prealtaSMS:not(.portal-paciente-fjd) .bloqueFecha .campos span {
    color:  var(--primary);
}

body.prealtaSMS:not(.portal-paciente-fjd) .titleText {
	color:  var(--primary);
}

body.prealtaSMS:not(.portal-paciente-fjd) form .loginField input {	
	border-bottom: 1px solid   var(--primary);
}

body.prealtaSMS:not(.portal-paciente-fjd) .newCheckboxUI input[type='checkbox'] {
	 border: 1px solid  var(--primary);
}

body.prealtaSMS:not(.portal-paciente-fjd) .btn.borderBottom {   
    border: 1px solid  var(--primary);   
    background-color:  var(--primary);  
}

body.prealtaSMS:not(.portal-paciente-fjd) .btn.borderBottom:hover {
    border: 1px solid var(--primaryHover);
    background-color: var(--primaryHover);    
}

body.prealtaSMS:not(.portal-paciente-fjd) .newCheckboxUI input[type='checkbox']:checked {   
    background-color:  var(--primary);   
}

body.prealtaSMS:not(.portal-paciente-fjd) .modal-body .campo-registro {
    font-weight: bold;
    font-size: 120%;
    color: var(--primaryHover);
}

body.prealtaSMS:not(.portal-paciente-fjd) .borderBottomReverse {   
    border: 1px solid  var(--primary);  
    color: var(--primaryHover)!important;
}

body.prealtaSMS:not(.portal-paciente-fjd) .boxHeader i {   
    color:  var(--primary);   
}

body.prealtaSMS:not(.portal-paciente-fjd) .icon-cerrar {
    font-size: 50%;
    margin-right: 12px;
    color:  var(--primary);
}

body.prealtaSMS:not(.portal-paciente-fjd) .prealtaVolverPaso2:hover, body:not(.portal-paciente-fjd) .prealtaCerrar:hover {
    color:  var(--primary);
}

body.popupBody.prealtaSMS:not(.portal-paciente-fjd) form div.loginField .groupRadio label {    
    border: 1px dashed  var(--primary);
}

body.prealtaSMS:not(.portal-paciente-fjd) form input[type="radio"]:checked + [class^=icon-], body:not(.portal-paciente-fjd) form input[type="radio"]:checked + [class^=icon-] + span {
    color:  var(--primary);
}

body.prealtaSMS:not(.portal-paciente-fjd) .divDniInput select {   
    border-bottom: 1px solid  var(--primary);    
}

body.prealtaSMS:not(.portal-paciente-fjd) .modal-body .contentIconOk .icon-confirmacion:before {
    color:  var(--primary);
}
/* Fin estilos para Prealta amigable SMS */

/* Añadir aviso cancelacion de cita */
.boxWarning-cancelacion-cita .aviso-cancelacion-cita1 {
    color:  var(--primary);  
}
.boxWarning-cancelacion-cita .aviso-cancelacion-cita1 i {
    border: 1px solid  var(--primary);      
}
.boxWarning-cancelacion-cita .aviso-cancelacion-cita3 {   
    background:  var(--primary);   
    
}
/* Fin aviso cancelacion de cita */

/*Responsive*/
@media screen and (max-width: 1300px){
	.foto-perfil{
		display:none;
	}
}

@media screen and (max-width: 1198px){
	.navbar-brand{
		font-size:18px;
	}
}

@media screen and (min-width: 767px) and (max-width: 1198px){
	.loginTextContainer .buttonZone img{
		width:95px;
	}
	
	#wrapper .downloadApp {
		margin-top:30px;
	}
}

@media screen and (max-width: 1167px){
	.navbar-brand > span.textHead{
		margin-top:8px;
	}
	
	.navbar-header .navbar-brand img{
		max-height:63px;
		width:auto;
	}
	
	#wrapper .helpHead{
		margin-top:29px;
		margin-bottom: 5px;
	}
}

@media screen and (max-width: 860px){
	.top-nav>li>a{
		margin-top:0;
		padding-bottom:5px;
	}
}

@media screen and (max-width: 840px){
	.top-nav>li>a{
		margin-top:10px;
		padding-top:15px;
		padding-bottom:0;
	}
}

@media screen and (max-width: 767px){
	.top-nav>li>a{
		margin-top:0;
	}
}


@media screen and (max-width: 560px){
	.navbar-brand > h1.textHead,
	.navbar-brand > span.textHead {
		clear:left;
	}
	
	ul.top-nav>li.dropdown{
		margin-top:-50px;
	}
}

@media screen and (max-width: 450px){
	.navbar-brand > span.textHead{
		margin-top:10px;
	}
	
	ul.top-nav>li.dropdown{
		margin-top:0;
	}
}

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

/* Colores portal paciente*/
.carpetapaciente .navbar-brand > h1.textHead,
.carpetapaciente .registerStickOut,
.carpetapaciente .formStepTextEnabled,
.carpetapaciente .boxFieldTitle,
.carpetapaciente.portal-paciente-fjd a{
	color:var(--primary);
}

.carpetapaciente.portal-paciente-fjd.new-register a.botonRegistroFinal {
    color: #fff;
}

.portal-paciente-hrjc.carpetapaciente .boxFieldTitle,
.portal-paciente-hgv.carpetapaciente .boxFieldTitle,
.portal-paciente-hie.carpetapaciente .boxFieldTitle {
	color:  var(--primary)
}

.portal-paciente-hrjc.carpetapaciente .confirm,
.portal-paciente-hgv.carpetapaciente .confirm,
.portal-paciente-hie.carpetapaciente .confirm {
	color:  var(--primary)
}

.portal-paciente-hrjc.carpetapaciente .btn-success,
.portal-paciente-hrjc.carpetapaciente .btn-success:active,
.portal-paciente-hrjc.carpetapaciente .btn-success:active:hover,
.portal-paciente-hgv.carpetapaciente .btn-success,
.portal-paciente-hgv.carpetapaciente .btn-success:active,
.portal-paciente-hgv.carpetapaciente .btn-success:active:hover,
.portal-paciente-hie.carpetapaciente .btn-success,
.portal-paciente-hie.carpetapaciente .btn-success:active,
.portal-paciente-hie.carpetapaciente .btn-success:active:hover {
	background-color:  var(--primary);
	border-color:  var(--primary);
}

.portal-paciente-hrjc.carpetapaciente .mdc-button--unelevated:not(:disabled),
.portal-paciente-hgv.carpetapaciente .mdc-button--unelevated:not(:disabled),
.portal-paciente-hie.carpetapaciente .mdc-button--unelevated:not(:disabled) {
	background-color:  var(--primary);
}

.portal-paciente-hrjc.resetCurrentPassword .go_to_page,
.portal-paciente-hrjc.resetCurrentPassword .custom-link,
.portal-paciente-hgv.resetCurrentPassword .go_to_page,
.portal-paciente-hgv.resetCurrentPassword .custom-link,
.portal-paciente-hie.resetCurrentPassword .go_to_page,
.portal-paciente-hie.resetCurrentPassword .custom-link {
	color:  var(--primary);
}

.mdc-theme--primary.mdc-theme--primary {
	caret-color:  var(--primary);
}

.mdc-text-field .mdc-text-field__input.mdc-text-field__input {
	caret-color:  var(--primary);
}

.mdc-text-field .mdc-line-ripple.mdc-line-ripple {
	background-color:  var(--primary);
}

.resetCurrentPassword #dialogPreload #preload-icon {
	color:  var(--primary);
}

.portal-paciente-hrjc.carpetapaciente .valid .mdc-floating-label,
.portal-paciente-hgv.carpetapaciente .valid .mdc-floating-label,
.portal-paciente-hie.carpetapaciente .valid .mdc-floating-label,
.portal-paciente-hrjc.carpetapaciente .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label,
.portal-paciente-hgv.carpetapaciente .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label,
.portal-paciente-hie.carpetapaciente .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
	color:  var(--primary)!important;
}

.carpetapaciente.portal-paciente-fjd a:hover{
	color:var(--primary);
}

.carpetapaciente .formStepEnabled{
	background-color:  var(--primary);
}

.portal-paciente-fjd .navbar-brand > h1.textHead{
	color: var(--primary);
}

.carpetapaciente:not(.portal-paciente-fjd) .navbar-brand > h1.textHead {
	color:  var(--primary)
}

.carpetapaciente.portal-paciente-fjd .caja-boton .buttonNew,
.carpetapaciente.portal-paciente-fjd .caja-boton .buttonNew:hover,
.carpetapaciente.portal-paciente-fjd .btn,
.carpetapaciente.portal-paciente-fjd ul.menuPrincipalDchaPie li a,
.carpetapaciente.carpetaresidencias a.botonCrear:focus,
.carpetapaciente.carpetaresidencias a.botonCrear:active{
	color: #fff;
}

.carpetapaciente.portal-paciente-fjd .btn-continue{
	color: var(--redAccesibility);
}

.carpetapaciente.portal-paciente-fjd .boxSection .btn-continue:hover{
	color: var(--primaryText);
}

body.temahospitalPublico:not(.portal-paciente-fjd) .homeFeatureColumnTitle,
body.temahospitalPublico:not(.portal-paciente-fjd) #homeYourAdmission .homeFeatureColumnTitle {
	color:  var(--primary)
} 

body.temahospitalPublico:not(.portal-paciente-fjd) .homePanelGrid th.titulo, 
body.temahospitalPublico:not(.portal-paciente-fjd) .homePanelGrid th.fecha, 
body.temahospitalPublico:not(.portal-paciente-fjd) .homePanelGrid th.documento {
	color:  var(--primary);
} 

body.temahospitalPublico:not(.portal-paciente-fjd) .pagination>.active>a, 
body.temahospitalPublico:not(.portal-paciente-fjd) .pagination>.active>span, 
body.temahospitalPublico:not(.portal-paciente-fjd) .pagination>.active>a:hover, 
body.temahospitalPublico:not(.portal-paciente-fjd) .pagination>.active>span:hover, 
body.temahospitalPublico:not(.portal-paciente-fjd) .pagination>.active>a:focus, 
body.temahospitalPublico:not(.portal-paciente-fjd) .pagination>.active>span:focus { 
	background-color:  var(--primary); 
	border-color:  var(--primary);
	color: #fff;
} 

body.temahospitalPublico.portal-paciente-fjd .pagination>.active>a, 
body.temahospitalPublico.portal-paciente-fjd .pagination>.active>span, 
body.temahospitalPublico.portal-paciente-fjd .pagination>.active>a:hover, 
body.temahospitalPublico.portal-paciente-fjd .pagination>.active>span:hover, 
body.temahospitalPublico.portal-paciente-fjd .pagination>.active>a:focus, 
body.temahospitalPublico.portal-paciente-fjd .pagination>.active>span:focus { 
	background-color: var(--primary); 
	border-color: var(--primary);
	color: #fff;
} 

body.temahospitalPublico:not(.portal-paciente-fjd) .admissionReportsSeeAll:hover,
body.temahospitalPublico.portal-paciente-fjd .admissionReportsSeeAll:hover {
	color: var(--primaryText);
} 

body.temahospitalPublico.portal-paciente-fjd a.admissionReportsSeeAll { 
	color: #FFF;
} 

body.temahospitalPublico.portal-paciente-fjd a.linkComponentHead {
	color: var(--primary);
}

body.temahospitalPublico.portal-paciente-fjd .tareas a.linkComponentHead{
	color: #fff;
}

body.temahospitalPublico:not(.portal-paciente-fjd) .btn-link {
	color:  var(--primary);
} 

body.temahospitalPublico.portal-paciente-fjd .btn-link,
body.temahospitalPublico.portal-paciente-fjd .btn-link:hover {
	color: var(--primary);
} 

body.temahospitalPublico:not(.portal-paciente-fjd) .pagination>li>a, 
body.temahospitalPublico:not(.portal-paciente-fjd) .pagination>li>span {
	color:  var(--primary);
} 

body.temahospitalPublico:not(.portal-paciente-fjd) .homeAdmissionNotesPanel{
	background-color: #CDE3E8;
}


/* Inicio remaquetacion envio documentacion tutelados */


.addDocs .boxText .aviso-envio-documentos i{
    color:  var(--primary);   
    border: 1px solid  var(--primary);
   
}


.addDocs .documentos-enviados .nombre-documento {   
	color:  var(--primary);    
}

.addDocs .contenedor-enviar-documentos .enviar-documentos i {   
    border: 2px solid  var(--primary);   
    color:  var(--primary);   
}    


.addDocs .contenedor-enviar-documentos .contenedor-input-file i {
    border: 2px solid  var(--primary);   
    color:  var(--primary);    
}

.addDocs .contenedor-enviar-documentos .contenedor-input .label-input-file {
    border: 1px solid  var(--primary);   
    color:  var(--primary);   
}

.addDocs .label-documento-titulo {
    color:  var(--primary);  
}


.addDocs .seleccionar-otro {
    color:  var(--primary);   
}


.addDocs .contenedor-enviar-documentos .otro-documento {   
    color:  var(--primary);
}

.addDocs .contenedor-enviar-documentos .boton-enviar {    
    background:  var(--primary);    
}


.addDocs .popover.bottom>.arrow:after {   
    border-bottom-color:  var(--primary);
}

.addDocs .popover {
	background:  var(--primary); 
}

.addDocs .eliminar-fichero a {
	color:  var(--primary);   
}

.addDocs .eliminar-fichero a:hover {
	color:  var(--primary);   
}
@media screen and (max-width: 767px) {

    .addDocs .texto-eliminar-fichero {
        color:  var(--primary);       
    }

}

/* Fin remaquetacion envio documentacion tutelados */

/** Analíticas */
.portal-paciente-hie .accesos-analiticas,
.portal-paciente-hgv .accesos-analiticas,
.portal-paciente-hrjc .accesos-analiticas{
	background-color: var(--primary);
}
.portal-paciente-hie .modalAnaliticas .modal-header i,
.portal-paciente-hgh .modalAnaliticas .modal-header i,
.portal-paciente-hrjc .modalAnaliticas .modal-header i {
    color:  var(--primary);
}
.portal-paciente-hie .modalAnaliticas .modal-body i,
.portal-paciente-hgv .modalAnaliticas .modal-body i,
.portal-paciente-hrjc .modalAnaliticas .modal-body i {
    color:  var(--primary);
}
.portal-paciente-hie .modalAnaliticas .modal-footer .btnGreen,
.portal-paciente-hgv .modalAnaliticas .modal-footer .btnGreen,
.portal-paciente-hrjc .modalAnaliticas .modal-footer .btnGreen {
    background:  var(--primary);
}

/* Nueva home publicos */
body.newtemaquironsaludPrivado.temahospitalPublico.grayHome,
body.newtemaquironsaludPrivado.temahospitalPublico.grayHome #page-wrapper {
	background-color: #ECECEC;
}

body.newtemaquironsaludPrivado.temahospitalPublico.carpetapaciente:not(.portal-paciente-fjd) .navbar-header,
body.temahospitalPublico #dropdownMenuUser {
	color:  var(--primary);
}

body.newtemaquironsaludPrivado.temahospitalPublico.carpetapaciente.portal-paciente-fjd .navbar {
	background-color: #4B4F54;
}

body.newtemaquironsaludPrivado.temahospitalPublico.portal-paciente-fjd .navbar-header,
body.temahospitalPublico.portal-paciente-fjd #dropdownMenuUser,
.newtemaquironsaludPrivado.temahospitalPublico.carpetapaciente.portal-paciente-fjd .navbar-header .icon-new-flecha:before {
	color: #FFFFFF;
}

body.newtemaquironsaludPrivado.temahospitalPublico .navbar-inverse {
	box-shadow: none;
}

body.newtemaquironsaludPrivado.temahospitalPublico.carpetapaciente .dropdownPacientes {
	top: 90px;
}

body.newtemaquironsaludPrivado.temahospitalPublico .menuMiQuironsalud .menuPrincipalPrimerNivel.withSubmenu span .cmMenuTitle:after {
	color:  var(--redAccesibility);
	font-weight: bold;
}

body.newtemaquironsaludPrivado.temahospitalPublico .publicWellcome {
    max-width: var(--grid-big);
    width: var(--grid-big);
    min-width: var(--grid-big);
    padding: 0;
    margin: 24px auto;
    display: flex;
	color: var(--primary);
	font-family: 'Exo', sans-serif;
	font-size: 25px;
	letter-spacing: 0;
	line-height: 27px;
}

body.newtemaquironsaludPrivado.temahospitalPublico:not(.portal-paciente-fjd) .publicWellcome {
	color:  var(--primary);
}

body.newtemaquironsaludPrivado.temahospitalPublico .publicWellcome .coma {
	margin-right: 5px;
}

body.newtemaquironsaludPrivado.temahospitalPublico,
body.newtemaquironsaludPrivado.temahospitalPublico #page-wrapper {
	background-color: #FFFFFF;
}

body.newtemaquironsaludPrivado.temahospitalPublico .home-6-dk-3-mb .portalLayoutRow {
	display: flex;
	flex-wrap: wrap;
}

body.newtemaquironsaludPrivado.temahospitalPublico .cabecera-titulo-center .headerComponent {
    display: flex;
    justify-content: center;
    margin: 0 2% 2%;
    font-size: 24px;
    font-family: 'ExoBold', sans-serif;
}

body.newtemaquironsaludPrivado.temahospitalPublico .cabecera-titulo-center .headerComponent h2 {
    font-size: 24px;
    line-height: 36px;
    margin-top: 12px;
}

body.newtemaquironsaludPrivado.temahospitalPublico:not(.portal-paciente-fjd) .footer {
	background-color: #F2F2F2;
}

body.newtemaquironsaludPrivado.temahospitalPublico .footer .copyright {
	display: flex;
	gap: 10px;
	align-items: end;
	max-width: none;
	padding: 20px 0;
	width: auto;
}

body.newtemaquironsaludPrivado.temahospitalPublico .footer .menuPie {
    padding: 20px 0;
}

@media screen and (max-width: 425px){
	body.newtemaquironsaludPrivado.temahospitalPublico:not(.portal-paciente-fjd) .footer .copyright span {
		vertical-align: 4px;
        margin: 0 4px 4px 0;
	}

	body.newtemaquironsaludPrivado.temahospitalPublico:not(.portal-paciente-fjd) .footer .copyright img {
		vertical-align: -6px;
		margin: 0 0 4px 0;
	}

	body.newtemaquironsaludPrivado.temahospitalPublico:not(.portal-paciente-fjd) .footer .copyright,
	body.newtemaquironsaludPrivado.temahospitalPublico:not(.portal-paciente-fjd) .footer .menuPie ul li a {
		font-family: 'openSansBold', sans-serif;
		color: #4B4F54;
		font-size: 14px;
		padding: 0;
	}

	body.newtemaquironsaludPrivado.temahospitalPublico:not(.portal-paciente-fjd) .footer .menuPie {
		padding: 0;
	}
}


body.newtemaquironsaludPrivado.temahospitalPublico .footer .menuPie ul {
    margin-bottom: 0;
}

body.newtemaquironsaludPrivado.temahospitalPublico:not(.portal-paciente-fjd) .footer .menuPie ul li + li {
	border-color: var(--primaryText);
}

body.newtemaquironsaludPrivado.temahospitalPublico:not(.portal-paciente-fjd) .footer .copyright,
body.newtemaquironsaludPrivado.temahospitalPublico:not(.portal-paciente-fjd) .footer .menuPie ul li a {
	font-family: 'openSansBold', sans-serif;
	color: #4B4F54;
	font-size: 14px;
}

@media screen and (max-width: 1169px){
	body.newtemaquironsaludPrivado.temahospitalPublico .publicWellcome {
		max-width: 100%;
	    width: 100%;
	    min-width: 100%;
	    padding: 0 24px;
	}
}

@media screen and (max-width: 480px){
	body.newtemaquironsaludPrivado.temahospitalPublico .publicWellcome {
		padding: 0 10px;
	}
}

/* Sector privado */
.noWrapper #wrapper #page-wrapper{
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.noWrapper #wrapper #page-wrapper .container-fluid > .row {
	margin: 0;
}

.noWrapper #wrapper #page-wrapper .container-fluid .row > .col-lg-12 {
	padding: 0;
}

.privateSector .contentHeader {
    background-color:  var(--redAccesibility);
}

.privateSector .contentHeader h2 {
	font-family: "ExoBold", sans-serif;
	font-size: 30px;
  	line-height: 33px;
  	text-align: center;
  	color: #FFFFFF;
  	margin: 0;
  	padding: 20px 0;
}

.privateSector .contentHeader h2 .fa {
	display: none;
}

.privateSector .contentBody {
	background-color: #fcebed;
}

.privateSector .contentBody .cmBodyContent {
	max-width: 900px;
	margin: 0 auto;
	background: transparent;
}

.privateSector .menu-menuSectorPrivado {
	margin-top: 40px;
}

.privateSector .menu-menuSectorPrivado ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
    list-style: none;
    padding: 0 24px;
    max-width: 600px;
    margin: 0 auto;
}

.privateSector .menu-menuSectorPrivado ul li {
	width: 48%;
	border: 1px solid #CACACA;
	border-radius: 4px;
	background-color: #F2F2F2;
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 260px;
	text-align: center;
}

.privateSector .menu-menuSectorPrivado ul li a {
	text-decoration: none;
    display: block;
}

.privateSector .menu-menuSectorPrivado ul li .cmMenuTitle {
	color: var(--primaryText);
	font-family: "ExoBold", sans-serif;
	font-size: 20px;
	letter-spacing: 0;
	line-height: 20px;
	margin: 30px;
    display: flex;
    flex-direction: column;
}

.privateSector .menu-menuSectorPrivado ul li .cmMenuTitle span[class^="icon-"] {
	margin: 0 auto;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: var(--primary);
	display: table;
	margin-bottom: 25px;
}

.privateSector .menu-menuSectorPrivado ul li .cmMenuTitle span[class^="icon-"]:before {
	display: table-cell;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: 36px;
}


/* Modal sin dialogos abiertos */
.notOpenDialogsModal .modal-content .close {
	color: var(--primary);
	font-size: 16px;
	opacity: 1;
    position: absolute;
    right: 16px;
    z-index: 1;
    top: 16px;
}

.notOpenDialogsModal .modal-content .modal-body {
	text-align: center;
	padding: 40px 90px 60px;
}

.notOpenDialogsModal .modal-content .modal-body #loading {
	width: 40px;
	height: 40px;
	border-width: 4px;
	border-top-color: var(--primary);
}

.notOpenDialogsModal .modal-content .modal-body i[class^="icon-"] {
	font-size: 40px;
	color: var(--primary);
}

.notOpenDialogsModal .modal-content .modal-body .title {
	font-size: 22px;
    font-family: "ExoBold", sans-serif;
    line-height: 22px;
   	margin: 15px 0;
}

.notOpenDialogsModal .modal-content .modal-body .description {
	font-size: 14px;
	line-height: 22px;
	font-family: "openSansRegular", sans-serif;
}

.notOpenDialogsModal .modal-content .modal-body .btn-accept {
	border-radius: 24px;
	background-color: var(--primary);
	color: #FFFFFF;
	font-family: "openSansBold", sans-serif;
  	font-size: 14px;
  	line-height: 16px;
  	width: 100%;
  	padding: 15px;
  	margin-top: 40px;
}

/* Contenidos mi salud y mis familiares */
.center-bold-title .contentMainTitle .fa {
	display: none;
}

.center-bold-title h2.contentMainTitle {
	color: var(--primaryText);
	font-family: "ExoBold", sans-serif;
	font-size: 30px;
	line-height: 36px;
	text-align: center;
	margin-bottom: 4px;
	text-transform: none;
}

.center-bold-title .contentBody .cmBodyContent{
	color: var(--primaryText);
	font-family: "openSansRegular", sans-serif;
	font-size: 14px !important;
	line-height: 20px;
	text-align: center;
	margin-top: 0;
}

.backTitle .contentHeader .btnBack{
    float: left;
    border: none;
    background-color: transparent;
    color: var(--primary);
    margin-top: 7px;
}

body.newtemaquironsaludPrivado.temahospitalPublico:not(.portal-paciente-fjd) .backTitle .contentHeader .btnBack {
	color:  var(--primary);
}

.contentMenu-4 {
	margin-top: 10px;
}

.contentMenu-4 ul {
	display: flex;
	gap: 0px 34px;
	flex-wrap: wrap;
    list-style: none;
    padding: 0;
}

.contentMenu-4 ul li,
.contentMenu-2 ul li {
	border: 1px solid #CACACA;
	border-radius: 4px;
	background-color: #F2F2F2;
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.contentMenu-4 ul li {
	width: 260px;
    max-height: 188px;
}

.contentMenu-4 ul li a {
	text-decoration: none;   
    display: block;
}

.contentMenu-4 ul li .cmMenuTitle {
	color: var(--primaryText);
	font-family: "ExoBold", sans-serif;
	font-size: 20px;
	letter-spacing: 0;
	line-height: 26px;
	padding: 32px;
    display: block;
	text-align: center;
}

.contentMenu-4 .cmMenuLevel1 > span,
.menu-menuSectorPrivado .cmMenuLevel1 > span {
    height: 188px;
}

.contentMenu-4 ul li .cmMenuTitle span[class^="icon-"] {
	margin: 0 auto;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: table;
	background-color: var(--primary);
	margin-bottom: 12px;
}

body.newtemaquironsaludPrivado.temahospitalPublico:not(.portal-paciente-fjd) .contentMenu-4 ul li .cmMenuTitle span[class^="icon-"],
body.newtemaquironsaludPrivado.temahospitalPublico:not(.portal-paciente-fjd) .contentMenu-2 ul li .cmMenuTitle span[class^="icon-"] {
	background-color:  var(--primary);
}

.contentMenu-4 ul li .cmMenuTitle span[class^="icon-"]:before {
	display: table-cell;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: 36px;
}

.contentMenu-2 ul {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 600px;
    gap: 0 34px;
    padding: 0;
    margin: 30px auto 0;
}

.contentMenu-2 ul li {
	flex-basis: 47%;
}

.contentMenu-2 ul li a {
	text-decoration: none;
}

.contentMenu-2 ul li .cmMenuTitle {
	display: flex;
	align-items: center;
	color: var(--primaryText);
	font-family: "ExoBold", sans-serif;
	font-size: 14px;
	line-height: 20px;
	padding: 15px;
	text-align: center;
}

.contentMenu-2 ul li .cmMenuTitle span[class^="icon-"] {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: table;
	background-color: var(--primary);
	margin-right: 15px;
}

.contentMenu-2 ul li .cmMenuTitle span[class^="icon-"]:before {
	display: table-cell;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: 22px;
}

.contentMenu-2 ul li .cmMenuTitle span[class^="icon-"].icon-new-videoconsulta:before {
	font-size: 16px;
}

@media screen and (max-width: 1023px){
	.privateSector .contentBody {
		max-width: 100%;
	}
}

@media screen and (max-width: 1200px){
	.contentMenu-4 ul {
		gap: 0 10px;
	}
}

@media screen and (max-width: 980px){
	.contentMenu-4 ul {
		gap: 0 30px;
		justify-content: center;
	}

	.contentMenu-4 ul li {
		width: 48%;
		justify-content: center;
    	max-width: 260px;
	}

	.contentMenu-4 .cmMenuLevel1 > span {
		height: initial;
	}
}

@media screen and (max-width: 768px){
	.contentMenu-4 ul {
		gap: 0 15px;
	}

	.contentMenu-2 ul {
		gap: 0;
	}

	.contentMenu-2 ul li {
		flex-basis: 48%;
	}
}

@media screen and (max-width: 480px){
	.contentMenu-4 ul li {
		width: 100%;
		max-width: initial;
	}
	
	.contentMenu-4 ul li .cmMenuTitle {
		display: flex;
		align-items: center;
		padding: 12px 24px;
		font-size: 14px;
		line-height: 20px;
	}
	
	.contentMenu-2 ul li {
		flex-basis: 100%;
	}
	
	.contentMenu-4 ul li .cmMenuTitle span[class^="icon-"] {
		width: 48px;
		height: 48px;
		min-width: 48px;
		min-height: 48px;
		margin: 0 16px 0 0;
	}

	.contentMenu-4 ul li .cmMenuTitle span[class^="icon-"].icon-familia:before {
		font-size: 20px;
	}

	.contentMenu-4 ul li .cmMenuTitle span[class^="icon-"]:before {
		font-size: 24px;
	}

	.privateSector .menu-menuSectorPrivado ul li {
		width: 100%;
		max-width: initial;
	}

	.privateSector .menu-menuSectorPrivado ul li .cmMenuTitle {
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		margin: 12px;
	}

	.privateSector .menu-menuSectorPrivado ul li .cmMenuTitle span[class^="icon-"] {
		width: 48px;
		height: 48px;
		max-width: 48px;
		max-height: 48px;
		margin: 0 12px 0 0;
	}

	.menu-menuSectorPrivado .cmMenuLevel1 > span {
		height: 72px;
	}

	.privateSector .menu-menuSectorPrivado ul li .cmMenuTitle span[class^="icon-"]:before {
		font-size: 24px;
	}
}

:root {
    --backgroundCardNotice: #EBF6F687;
}

.temahospitalPublico:not(.portal-paciente-fjd) {
    --backgroundCardNotice: #EDF4F99E;
}


.PublicNotice.home-tarjeta-noticia-contenedor {
    border-radius: 4px;
	margin: 24px;
}

.PublicNotice.home-tarjeta-noticia-contenedor .home-tarjeta-button-noticia {
    background-color: transparent;
    outline: none;
    border: none;
    height: auto;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 6px 0 4px 0;
}

.PublicNotice.home-tarjeta-noticia-contenedor .home-tarjeta-button-noticia .home-tarjeta-noticia-bloque {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
	max-width: 1170px;
	background-color: var(--backgroundCardNotice);
	width: 100%;
	min-height: 60px;
}

.PublicNotice.home-tarjeta-noticia-contenedor .home-tarjeta-button-noticia .home-tarjeta-noticia-bloque .home-tarjeta-noticia__imagen {
    width: 50px;
    height: 50px;
}

.PublicNotice.home-tarjeta-noticia-contenedor .home-tarjeta-button-noticia .home-tarjeta-noticia-bloque .home-tarjeta-noticia-bloque-textos {
    display: flex;
    flex-direction: column; 
    justify-content: center;
    align-items: flex-start;
    text-align: left;
}

.PublicNotice.home-tarjeta-noticia-contenedor .home-tarjeta-button-noticia .home-tarjeta-noticia-bloque .home-tarjeta-noticia-bloque-textos .home-tarjeta-noticia__titulo {
    color: var(--primaryText);
    font-family: "openSansBold", sans-serif;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 25px;
    margin: 0;
}

.PublicNotice.home-tarjeta-noticia-contenedor .home-tarjeta-button-noticia .home-tarjeta-noticia-bloque .home-tarjeta-noticia-bloque-textos .home-tarjeta-noticia__descripcion {
    color: var(--primaryText);
    font-family: "openSansRegular", sans-serif;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    margin: 0;
}

.PublicNotice.home-tarjeta-noticia-contenedor .home-tarjeta-button-noticia .home-tarjeta-noticia-bloque .home-tarjeta-noticia-bloque-textos .home-tarjeta-noticia__descripcion strong{
    color: var(--primaryText);
    font-family: "openSansBold", sans-serif;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    margin: 0;
}

@media screen and (max-width: 480px) {
	.PublicNotice.home-tarjeta-noticia-contenedor {
		border-radius: 4px;
		margin: 10px;
	}

    .PublicNotice.home-tarjeta-noticia-contenedor .home-tarjeta-button-noticia .home-tarjeta-noticia-bloque .home-tarjeta-noticia-bloque-textos {
        width: 100%;
        max-width: 238px;
    }

    .PublicNotice.home-tarjeta-noticia-contenedor .home-tarjeta-button-noticia .home-tarjeta-noticia-bloque .home-tarjeta-noticia-bloque-textos .home-tarjeta-noticia__titulo {
        font-size: 14px;
        line-height: 19px;
    }
}