html,body {
	margin: 0em;
	padding: 0em;
	height: 100%;
	/* Esto hace que en la tablet al pinchar no salga la imagen naranja highligh  */
	-webkit-tap-highlight-color:transparent!important;
}

button{
	/* Esto hace que en la tablet al pinchar no salga la imagen naranja highligh  */
	-webkit-tap-highlight-color:transparent!important;
}

div {
	position: relative;
}

form {
	position: relative; 
	display: block;
	margin: 0 auto;
}


h1,h2,h3,h4,h5,h6 {
	margin: 0em;
	padding: 0em;
}

.hide {
	display: none !important;
}

.ui-draggable{
	-ms-touch-action:none !important;
}
div#globalMessages {
	z-index: 2000;
}

#globalMessages_container div.ui-growl-item-container.error {
	font-size: 1.1em !important;
    font-weight: bold !important;
    color: white;
    background: #a80033 -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.25)), to(rgba(0,0,0,0))) !important;
   	
   	}

.ui-growl-image-error {
    background-image:url("../../resources/1.0/img/error.png");
}


/*SUGERENCIAS*/
.sugerencias {
	background-image: url("../../resources/1.0/img/Volver.jpg");
	border: none;
    bottom: 2.33em;
    color: #ffffff;
    font-family: TitilliumRegular,Tahoma !important;
    font-size: 1.5em !important;
    height: 2.33em;
    line-height: 2.33em;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.sugerencias span {
	padding: 0 !important;
}

.colLabel {
    width: 160px;
    vertical-align: top;
}

.colInput {
    width: auto;
}

/*VIDEO EXPLICATIVO*/
.videoExplicativo {
	background: transparent url("../../resources/1.0/img/video.png") no-repeat center center;
	background-size: 2em;
	width: 2em;
	height: 2em;
	border: 0.2em solid #ffffff;
}

.videoExplicativo .ui-button-text {
	display: none;
}

.ui-button-text-icon-left .ui-button-text {
    padding: .0em 0em .3em 2.1em;
}

/*BOTON SOLICITAR USUARIO*/
.solicitarUsuario {
	font-family:TitilliumMedium,Tahoma !important;
	background: none repeat scroll 0 0 #f6ae42;
    border: 0.1875em solid #c6d3dc !important;
    border-radius: 0.625em;
    color: #ffffff;
    float: right;
    height: 2.55em;
    line-height: 2.55em;
    margin-right: 1.5em;
    text-align: center;
    text-decoration: none;
    width: 8em;
}

.botonRemember {
    margin: 0 auto !important;
}


.solicitarUsuario:hover {
	background: #daf0ff;
	color: #102d40;
}

/*FIN BOTON SOLICITAR USUARIO*/
/*LOADING PDF*/
.loadingPDF {
	position: absolute; 
	top: 3em; 
	margin-left:50%; 
	left: -7.5em; 
	z-index: 5;
}

.pdf {
	z-index: 10;
}
/*FIN LOADING PDF*/

/*MENU DESPLEGABLE*/
.menuDesplegable {
 	background: none repeat scroll 0 0 #d8e4ea;
    display: none;
    padding: 0.5em;
    position: absolute;
    right: 5em;
    top: 1.5em;
    z-index: 120;
    list-style: none;
}

.menuDesplegable li {
	text-align: center;
	padding: 0.2em;
	border-bottom: 0.1em solid #000000;
	font-family: Open Sans !important;
	font-size: 0.8em;
	color: #01839c !important;
}

.menuDesplegable li:last-child {
	border: none;
}

.menuDesplegable li:hover {
	background: #6194b4 !important;
	color: #ffffff !important;
}

.menuDesplegable li a {
	color: #01839c  !important;
	text-decoration: none;
}

.menuDesplegable li a:VISITED {
	color: #01839c  !important;
}


.menuDesplegable.visible{
 	display:block;
}

.menuDesplegable button {
	background: transparent !important;
	border: none !important;
}

.menuDesplegable button span {
	padding: 0em !important;
	color: #01839c  !important;
}

/*TERMINOS LEGALES*/
.terminolegal {
	padding: 1em;
	padding-left: 5em;
	padding-right: 10em;
	overflow: hidden;
}

.terminolegal .texto {
	display: block;
	color: #4c6072;
	margin-left: 9.6em;
	padding: 0.625em 2.31em;
	background: url("../../resources/1.0/img/flecha-legal.png") no-repeat left top #cfe2f2 !important;
}

.terminolegal .titulo {
	color: #cfe2f2;
	background: #005482;
	width: 7em;
	display: block;
	padding: 0.5em 0em;
	padding-left: 1em;
	font-size: 1.2em;
	float: left;
}

.terminolegal .textoResaltado{
	display: block;
	color: #000000;
	padding: 0.5em 0em;
	font-size: 1.2em;
}

.terminolegal .textoResaltado:first-child {
	padding-top: 0em;
}

.terminolegal .textoIdentado {
	display: block;
	line-height: 1.5em;
	padding-left: 1em;
}

/*ACCESO DENEGADO*/
.accessDenied {
	margin-left:1em;
}

/*A�ADIR INDICADOR*/
.addIndicador {
	height:1.5em;
	width:2em;	
}

/*BOTONES*/
.smartiaLogo {
	display: block;
	width: 100%;
	height: 7em;
    margin-left: 0.5em;
    margin-top: -1em;
}

/*BOTONES ARRIBA*/
.botonArriba {
	margin-right:0.25em;
}

.botonArriba .ui-button-text.ui-c {
	padding: 0.75em;
}

.botonArriba.fino .ui-button-text.ui-c {
	padding:0.25em;
}

/*BOTONES FACEBOOK*/
.imgFB .ui-button-text{
	display: none;
}

.imgFB {
	border: medium none !important;
	display: block;
	height: 2.75em;
	width: 2.75em;	
}

.imgFB.small {
	height: 2em;
	width: 2em;
	float: none;	
}

.textInput,
.imageInput,
.linkInput,
.sendInput,
.trashInput,
.downloadInput{
	float: left;
}

.deleteInput {
	padding: 0 0.625em;
}

.fc .fc-button-primary {

    background-color: #2c3e50;
    background-color: #01839c;
    border-color: #2c3e50;
    border-color: #01839c;
}

.fc .fc-button-primary:not(:disabled):hover {
    background-color: #017387;
    border-color: #017387;
}

.fc .fc-button-primary.fc-button-active,
.fc .fc-button-primary:active {
    background-color: #016575;
    border-color: #016575;
}

.fc .fc-button-group .fc-button.fc-button-active {
    background-color: #016575;
    border-color: #016575;
    color: #fff;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: #d0f4fa;
}

.fc .fc-timegrid-col.fc-day-today {
    background-color: #d0f4fa;
}

.fc .fc-timegrid-col.fc-day-today .fc-timegrid-col-frame {
    background-color: #d0f4fa;
}

/* BOTONES HOME*/
.home {
	display: block;
	float: left;
    height: 9em;
    width: 14.5em;
    
}

.home .ui-button-text {
	top: 6.6em;
	position: relative;
}

.selectFamiliar {
	display:block;
	float:left;
	position: relative;
}

.selectFamiliar .home {
	float:none;
    height: 15em;
    color: #13315C;
    font-size: 1em;
    font-weight: bolder;
}

.selectFamiliar span{
	display:block !important; 
}

.selectFamiliar img {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 5em;
    width: 10.25em;
    right: 2.5em;
    max-height: 8em;
    max-width: 10.25em;
}

/*BOTON LINK*/
.botonLink {
	background: transparent !important;
	border: none !important;
	text-decoration: underline;
	font-size: 0.8em !important;
}

.botonLink span {
	margin: 0em;
	padding: 0em !important;
}

/*BOTONES PLANIFICAR SESION*/
.botonPlanificar {
	display: block;
	float: left;
	height: 5.875em;
	margin: 0.125em;
	padding: 0;
}

.botonPlanificar button{
	display: block;
	float: left;
	height: 5.875em;
	margin: 0 !important;
	padding: 4em 0 0;
	width: 5.875em;
}

.botonPlanificar .ui-button-text-only .ui-button-text {
	padding: 0;
}

.botonPremium .ui-button-text-only .ui-button-text {
	padding: 0;
}

/*BOTON RETURN*/
.returnForm {
	width: 100%;
	height: 100%;
	border: 0em;
	padding: 0em;
}

.returnButton.ui-button {
	width: 49%;
	height: 100%;
	padding: 0em;
}

.returnButton.ui-button-text-only .ui-button-text {
	padding: 0em;
}

/*BOTONES SMARTIA*/
.boton {
	height: 2em;
	padding-right: 0.93em !important;
	min-width: 6em;
}

.botonPremium {
	height: 2.3em;
	padding-right: 0.93em !important;
	min-width: 6em;
}

.boton.ancho {
	min-width: 10em;
}

.boton .ui-button-text.ui-c {
    display: block;
    height: 0.9em;
    line-height: 1em;
    margin: auto;
    padding: 0 0 0 0.5em;
}


.boton.leftMenu {
	margin: 0.125em auto;
	display: block;
	width: 100%;
}

.botonPremium.leftMenu {
	margin: 0.125em auto;
	display: block;
	width: 100%;
}

.boton.fino {
    height: 2.2em;
} 

.boton.fino .ui-button-text.ui-c {
	height: 1.9em;
    line-height: 2.57em;
    padding:0em;
}

/*DIALOG SMARTIA*/
.dialogSmartia.fullScreen {
	height: 80% !important;
	width: 75% !important;;
	overflow: hidden;
}

.dialogSmartia.ui-overlay-hidden  {
	z-index: -10000;
}

/* STEPS */

body .ui-steps .ui-steps-item {
    width: 19%;
    border-radius: 50%;
}
 
body .ui-state-highlight {
    text-shadow: none !important;
    
}
 
/* SELECTONEMENU*/
.selectFixed {
	width: 35em !important;
}

.selectFixedPanel {
	width: 35em !important;
}

.selectFixedPanel .ui-selectonemenu-item{
	width: 32em !important;
	text-overflow: ellipsis;
	overflow: hidden;
}

/*FACEBOOK*/
#inputsPublicacion {
	position: absolute;
	z-index: 1000;
	width: 29em;
	min-height: 20em;
	padding: 0.625em;
	top: 3.75em;
}

#inputImageFB,
#inputTextFB,
#inputLinkFB {
	width: 90%;
	padding: 5%;
}

.inputPublication {
	width: 100%;
}

#optionsPublicacion {
	padding-left: 0.5em;
	padding-top: 0.3125em;
}

#sendButtonFB {
	padding-bottom: 0.625em;
    width: 44%;
    margin: 0 auto;
}

/*Libreta Nombres Publicacion*/
div.panelLibretaNombre {
	position: relative;
	float: left;
	height: 17.8125em;
	width: 15.625em;
	margin: 0.938em 0 0.938em 0.938em;
}

.panelLibretaNombre.ui-panel,
.panelLibretaNombre .ui-panel-content {
	padding: 0em !important;
	border-color: #f5a832;
    background: white;
}

.bodyPublication {
	margin: 0em 0.625em;
}

.textPublication {
	padding-top: 0.625em;
	height: 14.0625em;
	color: #dddddd;
	overflow: hidden;
}

.imagePublication {
	padding-right: 5em;
}

.imagePublication img{
	display:block;
	margin: 0 auto;
	max-width: 5em;
    max-height: 3em;
    width: auto;
    height: auto;
}

.textImagePublication {
	padding-top: 0.625em;
	height: 4.6875em;
	overflow: hidden;
}

.linkPublication {
	margin-top: 0.625em;
	height: 2.5em;
	overflow: hidden;
	width: 2.5em;

}

.linkSelectPublication {
	height: 2em;
	width: 2.5em;
	
}

.linkPublication .linkInput,
.linkSelectPublication .linkInput {
	display: block;
	width: 100%;
	height: 100%;
}

a.linkToUrl {
	margin: 0.3125em;
}

.textLinkPublication {
	padding-top: 0.625em;
	height: 10.9375em;
	overflow: hidden;
}

.footerPublicacion {
	height: 3em;
}

.dataUser {
	float: left;
	width: 11.25em;
	padding: 0.3125em;
}

.imageUser {
	width: 2.5em;
	height: 2.5em;
	float: left;
	background-size: cover;
	background-position: 50% 50%;
	border-radius:50%
}

.dataFooterPreviewPublicacion {
	float: left;
    height: 1.66em;
    line-height: 1.66em;
    margin-left: 0.25em;
    width: 10em;
}

.numComments {
	width: 3.0625em;
	height: 2.5em;
	padding: 0.3125em;
	float: left;
}

.imgNumComment {
	width: 1.5625em;
	height: 1.438em;
	float: left;
	margin-top: 0.625em;
}

.textNumComment {
	float: left;
	
}

.actionComments {
	padding: 0.3125em 0em;
}

.inputTextComment {
	width: 13.75em;
}

/*VISTA COMENTARIO FACEBOOK*/
#allPublications {
	width: 26%;
	float: right;
}

#publicationDialog {
	float: left;
	width: 95%;
	
}

.commentPublication {
	width: 100%;
}

.listaSubindicadores {
	width: 94.3%;
}
div.listaSubindicadores {
	padding-bottom: 0.625em;
}

div.contentPublication {
	padding: 0.625em;
	border-bottom: 1px solid #f5a832;
	background: #8DA9C4 !important;
	width: 103.5% !important;
}

div.infoUserReferencePublication {
	position: relative;
	min-height: 3em;
}

.imageReferencePublication {
	display: block;
	position: absolute;
	top: 0em;
	left: 0em;
	width: 2.5em;
	height: 2.5em;
	background-size: cover;
	background-position: 50% 50%;
	border-radius:50%;
}

.imageSelectPublication img {
	float:left !important;
	margin: 0 auto;
	max-height: 2.25em; 
	margin-right: 1em;
	cursor: pointer;
}

.nameReferencePublication {
	display: block;
	position: absolute;
	top: 0em;
	left: 2.75em;
	width:100%;
}

.dateReferencePublication {
	display: block;
	position: absolute;
	left: 2.75em;
	top: 1.25em;
}

#shareButton {
	float: right;
	min-width:12em;
}

div.commentPublication {
	padding-top: 0.3125em;
	padding-bottom: 0.625em;
}

div.addComment {
	padding-top: 0.3125em;
	padding-bottom: 0.625em;
	min-height: 9.38em;
}

.headerSelectedPublicacion {
	height: 2.5em;
	padding: 0.3125em;
}

.nameSelectedUser {
	position: absolute;
	left: 4.125em;
}

.dateSelectedMessage {
	left: 3.5em;
	position: absolute;
	top: 1.5em;
}

.headerComment {
	height: 1.875em;
	padding: 0.3125em;
}

.nameCommentUser {
	position: absolute;
	left: 3.125em;
}

.dateCommentMessage {
	float: right
}

.textComment {
	padding: 0em 1em 0em 3.125em;
	display: block;
}

.headerAddComment {
	height: 2.5em;
	padding: 0.3125em;
}

.textAddComment {
	padding-left: 5.125em;
	padding-right: 1.25em;
	resize: vertical;
}

.textAreaAddComment {
	width: 100%;
}

.spantextAreaModComment {
	display: block;
    padding-bottom: 1em;
    padding-right: 0.625em;
}

.inputAddComment {
	height: 100%;
}

.imgBubbleNumComment {
	float: left;
	height: 1.625em;
	width: 1.875em;
}

.textSelectPublication {
	padding-top: 0.625em;
	margin-left: 4em;
}

.imageSelectPublication {
	padding: 0.625em 0;
}

.imageCommentUser {
    height: 2.25em;
    width: 2.25em;
    display: inline-block;
    background-size: cover;
	background-position: 50% 50%;
	border-radius:50%;
}

/*FIELDSET*/
.smartiaFieldset.ui-fieldset {
    margin-bottom: 1em;
}

/*FILTRO PLANIFICACION*/
.filterPlanificacion {
	float: right;
	height: 3em;
	width: 30%;
	padding: 0 1em;
	padding: 0 1em;
}

.filterPlanificacion button {
	position: absolute;
	right: 5%;
	top: 1.5em;
}

.filterPlanificacion input {
	background: #ECF5FD;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	margin: 0.5em 0;
	padding: 1.8em 0;
	padding-left: 1em;
	width: 60%;
}

/*FORMS*/
.formList {
	height: 96%;
}

.formBotonTab {
	padding: 0.125em;
	float: right;
}

.formPlanificarActividad {
	height: 100%;
}

.formPlanificarActividad.droppable{
	width: 89%;
}

.formPlanificarActividad.buttons{
	width: 10%;
	float: right;
}

/*FLOTAR DIVS*/
.floatLeft {
	float: left;
}

.floatRight {
	float: right !important;
}

.floatClear {
	clear: both;
}

/*GRAFICA*/
.barChart {
	height: 100%;
}

/*ICONOS*/
.custom-icon {
	width: 2.5em;
	height: 2.5em;
	margin: 0.125em;
}

.custom-icon .ui-button-text {
	display: none;
}

.custom-icon.aceptar,
.custom-icon.borrar {
	width: 4em;
	height: 4em;
}


.custom-icon.borrar-seleccionados,
.custom-icon.modificar-seleccionados {
	width: 2em;
    height: 2.5em;
    margin: 0 0.45em;
    border-radius: 0em;
    margin-bottom: 1em;
    margin-left: 0.1em;
    background: transparent;
    background-repeat: no-repeat;
}


.custom-icon.ok-indicador {
	width: 1.7em;
    height: 1.6em;
    margin: 0 0.45em;
    border-radius: 0em;
    margin-bottom: 1em;
    margin-left: 0.1em;
    background: transparent;
    background-repeat: no-repeat;
}

.custom-icon.borrar2,
.custom-icon.search {
	width: 1.5em;
	height: 1.5em;
}

.custom-icon.close-sesion {
	width: 1em;
	height: 1em;
	position: absolute;
	top: 0em;
	right: 0em;
	display: block;
}

.custom-icon.check-selected {
    height: 1.125em;
    width: 1.125em;
    margin: auto;
    display:block;
}

.custom-icon.block-sesion {
    height: 3em;
    width: 2.7em;
    border-radius: 0em !important;
    background: transparent;
    background-repeat: no-repeat;
}

.custom-icon.edit,
.custom-icon.edit-sesion {
    height: 3em;
    width: 2em;
    border-radius: 0em !important;
    background: transparent;
    background-repeat: no-repeat;
}

.custom-icon.borrar-indicador {
    width: 2em;
    background: transparent;
    height: 3em;
    margin-left: 0.1em;
    background: transparent;
    background-repeat: no-repeat;
}
.sessionEditForExplorer{
	margin-top: 1em;
	margin-bottom: 1em;
}

.languages {
	display: block;
    margin: 0 2em;
}

.custom-icon.flag {
    height: 1.125em;
    margin: 0.125em;
    width: 1.75em;
}

.custom-icon.lupa {
	width: 4em;
	height: 4em;
}

.custom-icon.play {
	height: 3em;
    width: 3em;
    margin: 1em 0;
    outline: none;
    background-repeat: no-repeat;
}

.custom-icon.grafica,
.custom-icon.muro,
.custom-icon.show-sesion,
.custom-icon.hide-sesion {
    height: 3em;
    width: 3em;
    margin: 1em 0.25em;
    outline: none;
    /* background-size: 2.75em auto; */
    border-radius: 0 !important;
    background-color: transparent;
    background-repeat: no-repeat;
}

.custom-icon.seleccionar-todos-indicadores {
	width: 1em;
	height: 1em;
	border-radius: 0em !important;
}

.ui-icon-alert {
	width: 1.6em;
	height: 1.45em;
}

/*IMG*/
.img.column {
	height: 2.5em;
}

.img.leftMenu {
	width:100%;
	background: none repeat scroll 0 0 #0A2332;
	/*margin: 23px;*/
    position: absolute;
    top: -46px;
    left: -4px;
    clip: rect(47px 239px 281px 34px);
    /*box-shadow: 4px 5px 7px #555;*/
    
}

/*INPUTS*/
.input {
	width: 15.625em;
}

.input.form {
	width: 90%;
}

.input.shortForm {
	width:50%;
}

.input.dialog {
	display:block;
}

/*LAYOUT SMARTIA*/
.layoutSmartia .ui-layout-unit-content {
	overflow: hidden;
}

.layoutSmartia .ui-layout-unit-header-icon {
	float: left !important;
	margin: 0.125em !important;
	margin-right: 0.625em !important;
}

.layoutSmartia.hidden.auto,
.layoutSmartia.hidden.auto .ui-layout-unit-content {
	overflow: auto !important;
}

/*LAYOUTS WEB*/
#page {
	margin: 0em;
	padding: 0em;
	height: 100%;
	width: 100%;
}

#leftLayout {
	position: absolute;
	top: 0em;
	background-color: #e2eeee;
	box-shadow: 2px 2px 10px #666;
    width: 15em;
	height: 100%;
}

#logo {
	position: relative;
	top: 0em;
	height: 5em;
	width: 13.5625em;
}

#submenu {
	position: absolute;
	top: 6em;
	bottom: 3.5em;
	padding: 0em;
	overflow-x: hidden;
	width: 15.5625em;
}

#elementActions {
	margin-left: auto;
	margin-right: auto;
	padding: 0em 1em 10% 10%;
}

#returnPage {
	position: absolute;
	bottom: 1em;
	left: 0em;
	width: 15.5625em;
	height: 3.5em;
}

form.volver {
	height: 3.5em;
	width: 100%;
	border: 0em;
	padding: 0em;
}

#center {
	margin: 0em;
	margin-left: 15.5625em;
	padding: 0em;
	height: 100%;
	overflow: auto;
}

#center.overHide {
	overflow:hidden;
}

#title {
	/*padding: 1.2em;*/
	overflow: hidden;
}

#logout {
	height: 100%;
	float: right;
	display: block;
	overflow: hidden;
}

#menu {
	height: 100%;
	overflow: hidden;
}

#content {
	padding: 0em;	
 	margin: 0.1em 0em; 
	overflow:auto;
	height:91%;
}

#content.overHide {
	overflow-x:hidden;
}


#menuAction {
	float: left;
}

#planSesionMenus {
	display: block;
	overflow: hidden !important;
	position: absolute;
	top: 2.5em;
	height: 4em;
	width: 100%;
}

#planSesionListados {
	display: block;
	position: absolute;
	top: 5em;
	bottom: 7.5em;
	width: 98%;
    height: 82%;
}

#planSesionPanel {
	display: block;
	overflow: hidden !important;
	position: absolute;
	bottom: 0em;
	height: 7.5em;
	width: 100%;
	z-index: 375;
}

.homePageLayout {
	border: none;
	padding: 0em;
	margin: 0em;
}

/*LEFT LAYOUT*/
.tipoInfoDataUser {
	display: block;
	overflow: hidden;
}

.separador {
	height: 0px;
    width: 100%;
    display: block;
    margin-bottom: 5px;
}

/*LISTAS*/
ul {
	overflow: hidden;
	margin: 0em;
	padding: 0em;
}

li .ui-datalist-item {
	display: inline !important;
}

.listSubindicador {
 	margin-left: 12%;
}

#botonesSubIndicadores{
	font-size: 0.9em !important;
}

.listSubindicador .text {
	white-space: normal;
	color: #0e71b8;
    padding-left: 2em;
    display: block;
    float: left;
    font-size: 0.9em !important;
}

.listSubindicador .text.rojo {
	border-left-color: #b90701;	
}

.listSubindicador .text.verde {
	border-left-color: #6aac01;	
}

.listSubindicadorRojo{
	border-top:none !important;
    border-right:none !important;
    border-bottom:none !important;
    background: #ffffff !important;
	border-left:3px solid #b90701;
	width: 96%;
	float: left;
}


.listSubindicadorVerde{
	border-top:none !important;
    border-right:none !important;
    border-bottom:none !important;
    background: #ffffff !important;
	border-left:3px solid #6aac01;	
	width: 96%;
	float: left;
}

.listSubindicadorGris{
	border-top:none !important;
    border-right:none !important;
    border-bottom:none !important;
    background: #ffffff !important;
	border-left:3px solid #a3a7aa;	
	width: 96%;
	float: left;
}

.listSubindicador .ui-widget-content{
	color: #ffffff;
    border:none !important;
    background: #ffffff !important;
}

.listSubindicador .custom-icon.edit-sesion
 {
	/*background-size: 2.75em !important;*/
	height: 2em !important;
    width: 2em !important;
	border-radius: 0em !important;	
	background: transparent;
    background-repeat: no-repeat;
}


.listSubindicador .custom-icon.borrar-indicador {
	/*background-size: 2.75em !important;*/
	height: 2em !important;
    width: 2em !important;
	border-radius: 0em !important;	
	background: transparent;
    background-repeat: no-repeat;
    
}


/*LISTA SESIONES*/
#dataListContenidoSesion li {
	list-style-type: none !important;
}

.datosSesiones {
	background: none repeat scroll 0 0 #FFFFFF;
	margin: 0.625em;
}

.filaActionButtons {
	border-bottom: 0.125em solid #D0DAE2;
	height: 2em;
	padding-top:0.5em;
	width: 100%;	
}

.filaSesion {
	background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px #D0DAE2;
    min-height: 4.6875em;
    width: 100%;
    border-bottom-style: dashed;
}

.filaSesion.tab {
	margin-bottom: 2em !important;
	border-left: 4px solid #0e71b8;
	border-bottom: none !important;
}

.filaSesion.allComments {
	background: none repeat scroll 0 0 #ffffff;
    border-bottom: 0.125em dash #D0DAE2;
    min-height: 3em;
    width: 100%;
}

.filaSesion .actionButtons {
	height: 3.125em;
	position: absolute;
	right: 0;
	top: 0;
	width: 7.25em !important;
}

.filaSesion .boton {
	margin: 0.3125em;
}

.filaSesion .closeButton,
.filaSesion .editButton {
	height: 3.125em;
	position: absolute;
	right: 0;
	top: 0.3125em;
	width: 3.125em;
}

.filaSesion .closeButton button {
	display: block;
	height: 1em;
	width: 1em;
}

.filaSesion .competencia {
	height: 2.2em;
	left: 0;
	margin-right: 0.3125em;
	padding: 0.25em 0.625em;
	position: absolute;
	
}

.filaSesion.allComments .competencia {
	height: 3em;
    left: 0;
    margin-right: 0.3125em;
    padding: 0 0.625em;
    position: absolute;
    width: 3.125em;
}

.filaSesion .competencia .text {
	
	position: relative;
	
}

.filaSesion.allComments .competencia .text {
	/*left: 0.9375em;*/
	position: relative;
	top: 1em;
}

.filaSesion .panelAnticipacion {
	padding-top: 0.25em;
	padding-left: 3.75em;
	padding-right: 1.25em;
	border-left: 4px solid #0e71b8;
	height: 13em;
}

.filaSesion .resumen {
	height: 3.125em;
	padding-left: 4.6875em;
	padding-right: 3.75em;
	overflow: hidden;
}

.filaSesion.allComments .resumen {
	overflow: hidden;
	height: auto;
    padding-left: 4.6875em;
    padding-right: 3.75em;
}	

.filaSesion.log {
	height: 3.7em;
}

.filaSesion.log .competencia {
	height: 3.2em;
}

.filaSesion.planTrabajoSelected .actionButtons button.icon-close-sesion{
	display: block;
	float: right;
	height: 1em;
	width: 1em;
	
}

.filaSesion.planTrabajoSelected .resumen {
	height: 4.7em;
    padding-right: 9.375em;
    border-left: 4px solid #0e71b8;
}

.filaSesion.selected {
	height: 11.875em;
	
}

/*LOADING BAR*/
.divMainLoadingInforme {
	position:absolute;
	top:0em;
	left:0em;
	width:100%;
	height:100%;
}

.loadingTabIndicadores {
    display: block;
    padding: 2em 0;
}

.loadingTabIndicadores img {
	display:block;
    margin:auto;
}

/*LOGIN*/
.login {
    position: relative;
    width: 100%;
    padding-top: 2.5em;
    margin: 0;
    overflow: hidden;
    height: 90%;
}

.login::after {
    content: "";
    position: fixed;
    right: 0;
    bottom: 0;
    width: 20%;
    height: 40%;
    background: url('../../resources/1.0/img/FayConnectIA_Icono.png') no-repeat center;
    background-size: contain;
    opacity: 0.2;
    pointer-events: none;
}

/*
.login div {
	width: 18.75em;
}
*/

.login button {
	margin-bottom: 0.5em;
    margin-top: 0.5em;
    display: block;
}

.formLogin span {
	display: block;
	padding-top: 0.625em;
}

.warningLogin {
	padding-top: 1.25em;
	padding-left: 0.625em;
}

/*MANUAL AYUDA*/
.manualAyuda {
	width: 100%;
	height: 100%;
	z-index: 10;
	position: relative;
}

/*PANEL*/
.smartiaPanel .ui-panel-content {
	padding: 0em;
}

/*PANEL ANTICIPACION*/
.emptyListSesion {
	position: absolute;
	top: 50%;
	left: 40%;
}

#dataListContenidoSesion {
	display: block;
	height: 6.5em;
	margin: 0 !important;
	min-width: 100% !important;
	padding: 0;
	position: relative;
}

#dataListContenidoSesion li {
	float: left;
	overflow: hidden;
	width: 6.25em;
}

li.barraImagenesMiniPhoto {
	display: inline !important;
	float: left;
	height: 6em !important;
	margin: 0.35em 0.625em !important;
	width: 5em !important;
}

.barraImagenesMiniPhoto img {
	padding: 0.25em;
	width: 4.5em;
}

.barraImagenesMiniPhoto span.altPanelAnticipacion {
	display: block !important;
	height: 100% !important;
	width: 100% !important;
}

.barraImagenesMiniPhoto div.miniImg {
	height: 3.125em;
	width: 3.125em;
}

.barraImagenesMiniPhoto div.miniImg img {
	display:block;
	margin:auto;
}

.barraImagenesMiniPhoto div.posponerTask {
	position: relative;
	top: -3.125em;
}

.barraImagenesMiniPhoto div.posponerTaskEdit {
	position: relative;
	top: -5em;
}


.barraImagenesMiniPhoto.ui-panel {
	display: inline !important;
	float: left;
	height: 5em !important;
	margin: 1.25em 0.3125em !important;
	padding: 0 0 0.125em 0.3125em !important;
	width: 3.75em !important;
}

.barraImagenesMiniPhoto.ui-panel .ui-panel-content {
	padding: 0;
}

.addOnLastPosition {
	float:left;
	width:5em; 
	height:5em; 
	margin:0.75em;
}

div.placeHolderSesion,
img.placeHolderSesion,
li.placeHolderSesion {
	float: left;
	height: 5em !important;
	margin: 1.25em 0.625em !important;
	width: 5em !important;
}

.ui-sortable-placeholder {
	height: 3.125em !important;
	width: 5em;
}

.elementoDrag.ui-draggable.ui-sortable-placeholder {
	border: 0.0625em dotted #000000;
	height: 5em !important;
	position: relative !important;
	width: 5em !important;
}

.onDragElementToSesion {
	width: 4.5em !important;
	padding: 0em 1.375em;			
}

.onDragElementToSesion img {
	display: block;
	margin: 0 auto;
}

/*PANELGRID*/
.panelGridWithOutBorder {
	width: 100%;
/*	margin-bottom: 1em;*/
}

.panelGridWithOutBorderAndMargin {
	width: 100%;
	margin-bottom: 0.5em;
}

.panelGridWithOutBorder.responsableInformes {
	margin-top: 1em;
	line-height: 2.5em;
}

.panelGridWithOutBorder.responsableInformes button {
	float: right;
}

/*padding para la primera fila de los formularios que est� un poco separada de arriba*/
.panelGridWithOutBorder tr:nth-child(1) td{
	padding-top:0.5em;
}

.profileListCheckBox tr:nth-child(1) td{
	padding-top:0.2em !important;
}

/*PANELGRID PLANIFICAR SESION*/
.panelRecursos {
	overflow: hidden;
    float: left;
    height: 5.125em;
    margin: 0.125em;
    padding: 0.125em;
    width: 10em;
}

.panelEtiqueta {
    float: left;
    height: 13.75em;
    padding: 1%;
    width: 15.75em;
}

.panelInputEtiqueta {
    height: 12.1875em;
    width: 15.75em;
}

.dragDiv {
    height: 5.125em;
    right: 0;
    overflow: hidden;
    padding: 0 0.125em;
    position: absolute;
    width: 5.125em;    
}

.infoDiv {
	position: absolute;
    /* left: 5.5em; */
    top: 3.5em;
    height: 100%;
}

.infoDiv span {
	padding: 0.125em;
	display:block;
}

.imgPrevDiv {
	display:block;
	position:absolute;
	top:0em;
	left:0em;
	width:5em;
    height: 100%;
    overflow: hidden;
}

.imgPrevDiv img {
    max-height:80%;
    max-width:80%;
    margin:10%;
}

.actividadDrag img, 
.recursoDrag img, 
.historiaDrag img {
	width: 4.5em;
/*	padding: 0.25em;*/
    vertical-align: middle;
}

.dragText {
    display: block;
    float: left;
    margin-left: 0.3125em;
    margin-top: 0.3125em;
}

.inputEtiqueta {
	height: 4.2em;
    margin: 0.25em;
    width: 7em;
}


/*PRIMEFACES GROWL, LAYOUT, TOGGLER*/
.ui-layout-unit {
	margin: 0em;
	padding: 0em;
}

.ui-layout-toggler-closed {
	right: 0em;
}

.ui-confirm-dialog-severity {
	margin: 0em;
}

.ui-dialog-content .boton {
	margin-top:0.5em;
}

.ui-dialog .ui-dialog-content {
	margin: 0em;
}

.ui-dialog .ui-dialog-buttonpane {
	margin: 0em;
	padding:0.25em;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: 0em;
}

.ui-dialog span.texto_ayuda {
	margin: 1em;
    display: inline-block;
}

.ui-icon-triangle-1-n,
.ui-icon-arrow-4-diag,
.ui-layout-unit-expand-icon {
	width: 1.05em !important;
	height: 1.125em !important;
}



.ui-row-toggler,
.ui-expanded-row .ui-row-toggler {
	width: 1.125em;
	height: 1.125em;
}

.ui-growl {
	left: 75%;
	position: fixed;
	top: 5%;
	width: 19em;
}

.ui-panelgrid td {
	border: none;
}

.ui-panelgrid .ui-widget-content .label {
	width: 6em;
}

.ui-panelgrid .ui-panelgrid-cell {
	padding: 1px 10px;
	width: auto;
}

/*TABLAS*/

.ui-datatable-header,
.ui-datatable-footer {
	overflow: hidden;
}

.tablaDatos {
	/*padding: 1% 0%;*/
	width: 100% !important;
	overflow: hidden;
	
}

.tablaDatos.indicadores,
.tablaDatos.large {
	width: 100% !important;
	/*padding: 1em;*/
}

.tablaDatos.large .ui-corner-top,
.tablaDatos.large .ui-corner-bottom {
	border-radius: 0em;
}

.tablaDatos.ui-datatable .ui-column-filter {
	display: block;
	width: 100%;
}

.tablaDatos .ui-inputfield,
.selectOneRadioColumn td {
	padding: 0em;
}

.selectAssociatePerson.ui-selectonemenu {
	min-width:12.5em;
}

.column.abbrev {
	width: 6.25em;
}

th.column.checkbox,
td.column.checkbox {
    padding: 0.4em;
    width: 1em !important;
}

.column.checkbox span {
	display:block;
	margin:auto;
}

.columnCompetencia {
	text-align: center;
    width: 6em;
	color:#0e71b8 !important;
}

.columnCompetencia .text {
	display:block; 
	margin:auto;
	width: 2em;
}

.columnCompetencia .edadConsecucion {
	display:block; 
	margin:auto;
	font-size: 0.75em;
}

th.columnActionIndicador,
td.columnActionIndicador {
	width:6em !important;
	color:#ffffff !important;
    padding: 0.4em !important;
    text-align: center;
}

.filterTable {
	width:	28em;
}

/*TABS PRIMEFACES*/
.ui-tabs ul {
	width: 100%;
}

.ui-tabs .ui-tabs-panel {
	padding: 1em 1em;
    border-right: 1px solid #30beef;;
    border-left: 1px solid #30beef;;
    border-bottom: 1px solid #30beef;;
    border-top: 4px solid #30beef;
    background: #ffffff !important;
    color: #0e71b8;
    min-height: 2em;
}


.ui-tabs.ui-tabs-top>.ui-tabs-nav li {
	top: 0em;
	width: 30%;
}

.ui-tabs.ui-tabs-top>.ui-tabs-nav {
	padding: 0em;
	height: 2em;
	font-size: 1em !important;
}

.ui-tabs .ui-tabs-nav li a {
	width: 100%;
	opacity: 0.7;
}

/*TABVIEW CUSTOMS*/
.tabViewCompetencias{
	
	height:98%;
}

.tabViewCompetencias.ui-tabs .ui-tabs-nav li {
	margin: 0;
	padding: 0em;
	width: 6%;
	height:100%;
}

.tabViewCompetencias.ui-tabs .ui-tabs-nav li a {
	padding: 0;
	text-align: center;
}

.tabViewModifyUser.ui-tabs .ui-tabs-nav li {
	margin: 0 0.5% 0 0;
    padding: 0 0.5%;
    width: 15%;
}

.tabViewModifyUser.ui-tabs .ui-tabs-nav li a {
	padding: 0.4em 0em;
}

.tabViewPlanTrabajo.ui-tabs .ui-tabs-nav li {
	margin: 0em;
	width: 47%;
	height:100%;
	margin-right:1%;
	padding-right:1%;
}

.tabViewProfesionales{
	height:94%;
}

.tabViewProfesionales.ui-tabs .ui-tabs-nav li {
	margin: 0 0.5% 0 0;
    padding: 0 0.5%;
    width: 20%;
}

.tabViewProfesionales.ui-tabs .ui-tabs-nav li a {
	padding: 0.4em 0em;
}

/*VARIOS*/
#idAddNewIndicadorPopDialog .ui-dialog-content {
	overflow: hidden !important;
	height:92% !important;
}

#tabViewAddNewIndicador .ui-datatable-tablewrapper {
	overflow: auto;
}

#headerAnadirNuevoIndicador {
	color: #176ba2;
}

.ui-datatable-scrollable-body {
	overflow-x: hidden !important;
	margin-right:0em !important;
}

#formAddPaciente .ui-panel  {
	padding:0em;
	margin-bottom: 1em;
}

#formAddPaciente .ui-widget-header{
	text-align: center;
}

#formAddPaciente .ui-panel-content  {
	padding:0em;
	background-color: white;
}

#tabViewModPaciente\:tableFamiliaresAsociados_data .ui-widget-content{	
	overflow:hidden;
}

#tabViewModPaciente\:tableTerapeutasAsociados_data .ui-widget-content{
	overflow:hidden;
}

.padding5{
	padding: 0.3125em 0.3125em;
}

.width500{
	width:31.25em;
	float: left;
}

.width250{
	width:16.6em;
}

.marginLeft10{
	margin-left: 0.625em;
}

.marginButton05{
	margin-bottom:0.5em;
	margin-top:0.5em;
}

#formRegister\:campoUno{
	display: none;
}

#formRegister\:buttonSave{
	margin-top: 0.5em;
	display: block;
	position: absolute;
	margin-left: 29em;
	z-index: 3;
}

.registerColumn{
	width: 30em;
}

#tpv{
	position: absolute;
	float: right;
}

.buttonWizard{
	border: #c6d3dc 0.1875em solid !important;
  	background: #1c5073 !important;
  	color: #ffffff !important;
  	border-radius: 0.625em !important;
  	margin-left: 1em;
}

.tpvIframe{
	width: 60%;
	height: 600px;
	border: 0;
	frameborder: 0;
	margin-left: 3em;
	margin-top: 2em;
}

.tpvButtonsDisplayNone{
	display: none !important;	
}

#formTPV{
	width: 7em;
}

.white{
	color: white;
}

#tpvButton{
	border-radius: 0.6em;
}


/*VERSI�N*/
div.version {
	color: #000000;
	padding: 2em;
	font-size: 1.5em;
}

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield{
	background: #ffffff;
    box-shadow:none;
    -webkit-box-shadow:none;
    color: #222222;
    border-color: #0e71b8;
    border-width: 1px;
}

.ui-selectonemenu .ui-selectonemenu-label{
	background: #ffffff;
    box-shadow:none;
    -webkit-box-shadow:none;
    color: #222222;
    border-color: #0e71b8;
    border-width: medium;
   
	
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	/*border-color: #0e71b8 !important;*/
    border-width: 1px !important;
}

.ui-datatable .ui-datatable-header{
	display:none;
}

.iconButton {
    display: block !important;
    height: 2em;
    padding: 2em 1em !important;
    float:left;
    border:none !important;
    width: 3em;
    cursor: pointer;
}

.iconButton2 {
    
    height: 2em;
    padding: 2em 1em !important;
    float:left;
    border:none;
    width: 3em;
    cursor: pointer;
}



.cuadrado {
     width: 45px; 
     height: 30px; 
     background: #01839c;
}

.circulo {
    width: 23px;
    height: 22px;
    background: #C20505;
    float: right;
    border-radius: 2em;
    font-size: 0.8em;
    position: absolute;
    margin-left: 3.3em;
}

.circuloIndex{
	width: 25px;
    height: 24px;
    background: #C20505;
    border-radius: 2em;
    font-size: 0.8em;
    position: absolute;
    margin-left: 12.3em;
    margin-top: -4.5em;
}

.triangulo{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 0;
	border-color: #01839c transparent transparent transparent;
	margin-left: 0.3em;
}

.centerMuroFotoTerapeuta{
	left: 48%;
	width: 50%;
}

.separadorMuro {
	width: 97%;
    margin-bottom: 2em;
    border: 0.03em solid #0e71b8 !important;
}

#tablePublicaciones{
	
	width:98%;
}

#tablePublicaciones_content{
	background: #ffffff !important;
	border:none !important;
	
}

.panelAncho{
	height: 8em !important;
}
.imagePerfilMuro{
	width: 8em;
    height: 8em;
    border-radius:50%;
    margin-top: 0.5em;
}
.opcionesPublicacion{
	width: 100%;
    float: left;
    background: #d8e4ea;
    height: 1.7em;
}

.botonesOpcionesPub{
	padding-left:6em;
}

.boton .ui-button-text{
	padding:0em 0em 0em 0em;
}

.indexDiv1{
	width:1%;
	float:left;
	background: #30beef;
	height:1.1em;
}
.indexDiv2{
	width:98%;
	float:left;
	background: #30beef;
	border-top: 1px solid #ffffff;
	height:1em;
}

.indexDiv3{
	width:1%;
	background: #30beef;
	height:1.1em;
	float:left;
}

.divHomeButtons{
	
	width:13.1em;
	float:left;
	background: #ffffff;
	padding-right:0.1em;
	box-shadow: 2px 2px 10px #666;
	margin: 15px;
	border-radius: 3%;
}

.divHomeButtonsUser{
	
	padding-left:0em !important;
}

.fondoHome{
    position: relative;
    width: 100%;
    padding-top: 2.5em;
    margin: 0;
    overflow: hidden;
    height: 90%;
}

.fondoHome::after {
    content: "";
    position: fixed;
    right: 0;
    bottom: 0;
    width: 20%;
    height: 40%;
    background: url('../../resources/1.0/img/FayConnectIA_Icono.png') no-repeat center;
    background-size: contain;
    opacity: 0.2;
    pointer-events: none;
}

#tableSesiones{
	margin-top: 2em;
    margin-left: 1em;
    width: 98%;
}

#j_idt87\:1\:j_idt99\:tabComentarioSesion ui-tabs ui-tabs-top> .ui-tabs-nav li{
	width:49%
}

.iconButtonSesion{
	width:4em;
	height:4em;
	padding-bottom:1em;
	border:none;
	cursor:pointer;
	
}

.botonesSesion{
	width:99.1%;
	background: #d8e4ea;
	margin-bottom: 1em;
	margin-left: 0.7em;
}

.planTrabajoSelected{
	border:none !important;
}

#centerContentNorth{
	margin-top: 3%;
	text-align:center;
}

.notVisible{
	visibility:hidden;
	
}

/*
.ui-datatable .ui-paginator, .ui-datatable .ui-paginator{
	margin-top:3.5em;
}
*/

.ui-column-filter.ui-widget.ui-state-default.ui-corner-left{
	border-radius:0em !important;
	background:#ffffff !important;
}

.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options{
	border-radius:0em !important;
	background:#ffffff !important;
}

.panelGridWithOutBorderSub{
	/*
	width: 98% !important;
    margin-left: 0.95em !important;
   */
}

.ui-datatable .ui-paginator, .ui-datatable .ui-paginator{
	padding: 1px;
    background: #8DA9C4 !important;
    /*margin-left:1%;*/
}

.botonDivHome .ui-button-text{
	    padding: 0em 0em !important;
}

.ui-widget-content{
	background : none;
}

.ui-datatable-scrollable table {
    table-layout: fixed !important;
}

.ui-datalist-item{
	min-height:2em;
}

.cabeceraBotonesArribaIconos{
	height: 3em !important;
}

.cabeceraArribaTexto{
	padding-top: 1em;	
}

.textNotResizable{
	resize: none;
}

.filtroAvanzado{
	background: #d8e4ea !important;
    margin-bottom: 0.3em !important;
}

#cabeceraGrande{
	width:100% !important;
}

#contenedorLogin{
	padding-left:2.5em;
}

#contenedorRegistro{
	padding-left:2.5em;
	padding-top:2.5em;
}

#editarSesionBotones{
	padding-bottom:1em;
}

.textAreaAddComment{
	width:85%
}

.imageNameCommentUser{
	width:80%;
	margin-left:3%;
	float: left;
}

#formActionsUsuario{
	position:absolute;
	top:24em;
	width:80%;
}

#formActionsFavorito{
	position:absolute;
	top:24em;
	width:80%;
}

#formActionsNovedad{
	position:absolute;
	top:24em;
	width:80%;
}

#formActionsHistoria{
	position:absolute;
	top:24em;
	width:80%;
}

#formActionsRecurso{
	position:absolute;
	top:24em;
	width:80%;
}

#formActionsPaciente{
	position:absolute;
	top:21em;
	width:80%;
}

#formChat{
	position: absolute;
    top: 31em;
    width: 80%;
}


#formActionsOrganizacion{
	position:absolute;
	top:24em;
	width:80%;
}

#formActionsDocumento{
	position:absolute;
	top:24em;
	width:80%;
}

.checBoxColumn{
	width: 1em;
}

.tableEditable{
	margin-bottom: 1em;
}

.tableEditable table{
	margin-bottom: 0.5em;
}
.tableEditable thead{
	background-color: #d8e4ea !important;
}

.tableEditable tr{
	border-bottom: 1px dotted #dddddd !important;
}

.tableEditable td{
    border: none !important;
    background: none !important;
}

.tableEditable th{
    border: none !important;
    background: none !important;
}

.editableCell{
	width: 15em;
}
.editableCell input{
	width: 96%;
}

.editableCellDelete{
	width: 15em;
	text-align: right;
}
.editableCellEdit{
	width: 1em;
	text-align: right;
}
.custom-icon.borrar-celda {
	height: 1.25em !important;
    width: 1em !important;
    border-radius: 0em !important;
}
.panelGrid80{
	width: 80%;
}

.panelGrid80 td{
	padding-top: 0.5em !important;
}

.barraTituloInforme{
	margin: 2em 0em 1em 0em !important;
	text-transform: uppercase;
    font-size: 0.8em !important;
}
.barraTituloInforme tr{
    background-color: #d8e4ea !important;
    height: 2.5em !important;
}
.barraTituloInforme td{
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

#graficaCabecera{
	visibility: hidden;
}

.pestanyasInforme div{
	overflow: hidden;
}

.pestanyasInforme{
	border: none;
	position: relative;
}
.pestanyasInforme li{
    font-size: 0.65em !important;
    width: 12.5% !important;
    height: 2.9em !important;
    text-transform: uppercase;
    margin-top: 0.3em !important;
}
.pestanyasInforme li a{
    margin-top: 0.3em;
    text-align: center;
}
.pestanyasInforme button{
	float: right;
}
.botonAnyadirResponsable{
	float: none !important;
}
.responsableInformes td{
	padding: 0em 0em 0em 1em !important;
}
.responsableInformes{
	margin-top: 0em !important;
}
.textoNota{
	font-size: 0.7em;
    color: #176ba2 !important;
}
.tableDatosMedicos td{
	padding-top: 0em !important;
}
.pestanyas{
	border: none;
}
.pestanyas div{
	overflow: hidden;
}
.pestanyas button{
	float: right;
}
.ui-tooltip {
	background: #d8e4ea !important;
}

/*VERSI�N*/
div.version {
	color: #FFFFFF;
	padding: 2em;
	font-size: 1.5em;
}

#tabViewModPaciente{
	margin-top:2em;
}

.ui-datatable-scrollable-header-box{
	margin-right:0.5em !important;
}

.ui-selectonemenu{
	height:1.6em;
}
.ui-selectonemenu-panel .ui-selectonemenu-item {
    font-weight: normal !important;
    font-size: 0.9em !important;
}

.imageIzq {
	width: 210px;
    height: 250px;
	background-size: cover;
	background-position: 50% 50%;
	
}

.exportarFacturas{
	padding-top:0.85em;
	margin-left: 2.5em;
}

.profileListCheckBox tr{
	padding-top: 0.5em;
}

.imagenMuroDialog{
	max-width:54em;
	max-height:34em;
}

#tableRecursos{
	padding: 0px;
}
.ui-datatable-scrollable-theadclone{
	display:none !important;
}

.thirtyEM .ui-datatable-tablewrapper{
height: 30em;
}
.myCompanyScrollable table {
    display: flex;
    flex-flow: column;
    height: 100%;
    width: 100%;
}
.myCompanyScrollable table thead {
    /* head takes the height it requires, 
    and it's not scaled when table is resized */
    flex: 0 0 auto;
    width: calc(100% - 1.05em);
    display: table;
    table-layout: fixed;
}
.myCompanyScrollable table tbody {
    /* body takes all the remaining available space */
    flex: 1 1 auto;
    display: block;
    overflow-y: scroll;
}
.myCompanyScrollable table tbody tr {
    width: 100%;
}
.myCompanyScrollable table tbody tr {
    display: table;
     width: 100%;
    table-layout: fixed;
}
/* decorations */
.myCompanyScrollable {
    border: 1px solid black;
    padding: 0.3em;
}
.myCompanyScrollable table {
    border: 1px solid lightgrey;
}
.myCompanyScrollable table td, .myCompanyScrollable table th {
    padding: 0.3em;
    border: 1px solid lightgrey;
}
.myCompanyScrollable table th {
    border: 1px solid grey;
}


/*DIALOG CONFIG*/
.dialogConfig {
	font-size:1em;
	background: #5e8ba9 !important;
	margin: 1.25em;
}

.dialogConfig .ui-dialog-titlebar {
	display: none !important;
}

.dialogConfig .ui-dialog-content {
	background: #89B3CA;	
	border:0.1875em solid #759DB4;
	border-radius: 0.625em;   
    margin: 1em !important;
    padding:0em;    
	-moz-border-radius: 0.625em;
	-webkit-border-radius: 0.625em;
}

#configHeader {	
	border:0.625em solid #FFFFFF;
	background: #cfdce4; /* Old browsers */
	background-image: url('../../resources/1.0/img/engranajes.png'), -moz-linear-gradient(top,  #cfdce4 0%, #f9fafb 50%, #cfdce4 100%); /* FF3.6+ */
	background-image: url('../../resources/1.0/img/engranajes.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfdce4), color-stop(50%,#f9fafb), color-stop(100%,#cfdce4)); /* Chrome,Safari4+ */
	background-image: url('../../resources/1.0/img/engranajes.png'), -webkit-linear-gradient(top,  #cfdce4 0%,#f9fafb 50%,#cfdce4 100%); /* Chrome10+,Safari5.1+ */
	background-image: url('../../resources/1.0/img/engranajes.png'), -o-linear-gradient(top,  #cfdce4 0%,#f9fafb 50%,#cfdce4 100%); /* Opera 11.10+ */
	background-image: url('../../resources/1.0/img/engranajes.png'), -ms-linear-gradient(top,  #cfdce4 0%,#f9fafb 50%,#cfdce4 100%); /* IE10+ */
	background-image: url('../../resources/1.0/img/engranajes.png'), linear-gradient(to bottom,  #cfdce4 0%,#f9fafb 50%,#cfdce4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfdce4', endColorstr='#cfdce4',GradientType=0 ); /* IE6-9 */
	background-repeat:no-repeat;
	background-position:center left;
	-moz-border-radius: 0.625em;
	-webkit-border-radius: 0.625em;
	border-radius: 0.625em;
	padding:0.125em 0.375em;
	height:6.375em;
}

#configHeader .text{
	color:#102d40;
	font-size:2.25em;
	line-height: 3em;
    margin-left: 3em;
}

.configText {
	display:block;
	float:left;
	white-space: normal;
	position:relative;	
	width:9em;
	padding:0.5em;
	color:#102d40; 
	font-size:1.25em;
	font-weight:bold;
	background: #fafeff; /* Old browsers */
	background: -moz-linear-gradient(top,  #fafeff 0%, #d3edfe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafeff), color-stop(100%,#d3edfe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fafeff 0%,#d3edfe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fafeff 0%,#d3edfe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fafeff 0%,#d3edfe 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fafeff 0%,#d3edfe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafeff', endColorstr='#d3edfe',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 0.625em 0em 0em 0.625em;
	-webkit-border-radius: 0.625em 0em 0em 0.625em;
	border-radius: 0.625em 0em 0em 0.625em;
}

.configOptions {
	display:block;
	float:left;    
    position: relative;
    padding: 0.5em;   
    /*font-size:1.25em; */
}

.configOptions .ui-button {
	float:left;
	background: none !important;
	border: none !important;
	color:#506d80 !important;	
	padding:0em !important;
	margin:0em 0.5em !important;
}

.configOptions .ui-button .ui-button-text {
	padding: 0em;
    font-size:1.25em;
	line-height:1.2;
}

.configOptions .ui-button.ui-state-active {
	background: #97B9CF !important;
	border: #102d40 !important;
	color:#102d40 !important;
}
.configOptions .ui-button:hover {
	background: #97B9CF !important;
	border: #102d40 !important;
	color:#102d40 !important;
}

.configTipoRefuerzo, 
.configModoJuego {
	position: relative;
	overflow:hidden;
    margin:1em 0.5em;
    border:0.1875em solid #A2BEC9;
	background: #cedce5; /* Old browsers */
	background: -moz-linear-gradient(top,  #cedce5 0%, #b8d4e4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedce5), color-stop(100%,#b8d4e4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cedce5 0%,#b8d4e4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cedce5 0%,#b8d4e4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cedce5 0%,#b8d4e4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cedce5 0%,#b8d4e4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce5', endColorstr='#b8d4e4',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 0.625em;
	-webkit-border-radius: 0.625em;
	border-radius: 0.625em;  
}

.customOptions {
    padding: 0 0.625em;
    width: 39.375em;
}

.customOptions .ui-radiobutton {
	display:none !important;
}

/*BOTONES EJECUCION SESION*/
button.finishSesion {
    border: medium none !important;
    height: 3.4375em;
    width: 5.1875em;
	background: transparent url('../../resources/1.0/img/Aceptar.png') 0 0 !important;	
}

button.playActivity {
    border: medium none !important;
    height: 5.1875em;
    width: 5.1875em;
	background: transparent url('../../resources/1.0/img/play.png') 0 0 !important;	
}

button.playActivity:hover {
	background: transparent url('../../resources/1.0/img/playON.png') 0 0 !important;	
}

button.undoAction {
    border: medium none !important;
    height: 3.2em;
    width: 3.2em;
	background: transparent url('../../resources/1.0/img/recuperar.png')  !important;
	background-repeat: no-repeat !important;	
}

button.undoAction:hover {
	background: transparent url('../../resources/1.0/img/recuperarON.png') !important;
	background-repeat: no-repeat !important;	
}

/*BOTONES CONFIG DIALOG*/
.configCancel {
	position: absolute;
	top:0.625em;
	right:0.625em;
	background: url('../../resources/1.0/img/CerrarBlanco.png') no-repeat scroll center center !important;	
    border: none !important;
    height: 1em;
    width: 1em;
}

.configCancel .ui-button-text {
	display:none;
}

.configPlay {
	width:3em;
	height:3em;
	background: url('../../resources/1.0/img/playTask.png') no-repeat scroll center center !important; 
	border-radius:0.5em !important;
	border:none !important;
	cursor:pointer;
    margin: 0em auto 1em;
    display:block;
}

.configPlay:hover {	
	background: url('../../resources/1.0/img/play2.png') no-repeat scroll center center !important; 	
}

.configPlay .ui-button-text {
	display:none;
}

.boton.playTask {
	width:3em !important;
	height:3em;
	padding: 0em;
	margin: 0em;
	margin-left:0.625em;
	background: url('../../resources/1.0/img/playTask.png') no-repeat; 
	
	border:none !important;
	cursor:pointer;
	position: relative;
	margin-top: 1em;
}

.boton.playTask:hover {
	background: url('../../resources/1.0/img/play2.png') no-repeat !important;
}

.botonPlayTask {
	position:absolute; 
	right:0em; 
	top:0em; 
	width:5em; 
	height: 100%;
}
span.evalTask,
span.playTask {
	padding:0.1875em;	
	min-height: 2.75em;
}

#formMenu\:menuGestion ul{
	margin-left: 73%;
	margin-top: 1%;
	position: fixed !important;
	background: white;
}

#formMenu\:menuGestion a{
	font-weight: bold !important;
}

#formMenu\:menuAyuda ul{
	margin-left: 77%;
	margin-top: 1%;
	position: fixed !important;
	background: white;
	width: 16em;
}

#formMenu\:menuAyuda a{
	font-weight: bold !important;
}

#formMenu\:menuNotificacion ul{
	margin-left: 60%;
	margin-top: 1%;
	position: fixed !important;
	background: white;
	width: 20%;
}

#formMenu\:menuNotificacion a{
	font-weight: bold !important;
}

#formMenu\:menuInvitacion ul{
	margin-left: 50%;
	margin-top: 1%;
	position: fixed !important;
	background: white;
	width: 25%;
}

#formMenu\:menuInvitacion a{
	font-weight: bold !important;
}


.menuOpcinesUsuario{
	border:none !important;
}

.menuBienvenida{
	float: left;
	border:none !important;
	margin-top: 1em;
}


.notificacionRed{
	color:red !important;
	width: 2em;
}
#formComentarios\:tabComentarios\:tabComentariosPub{
	
	overflow-x: hidden;
}
#formComentarios\:tabComentarios\:tabComentariosPriv{
	overflow-x: hidden;
}
#formComentarios\:panelBotonesComentarios_content{
	border: none !important;
}
#formComentarios\:panelTextAreaComentarios_content{
	border: none !important;
}
#panelSesion{
	width: 30em !important;
}
.ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive{
	border: none !important;
}
#panelOpciones{
	border: none !important;
}
.iconButtonCab{
	font-size: 1.3em !important;
    background: transparent !important;
    border: none !important;
    height: 1.4em;
    width: 1.4em;
	display: block !important;
	float: left;
	color: #EEF4ED !important;
}
.iconButtonCab span{
	padding-bottom: 1em;
    padding-right: 2em;
}

.iconButtonLinea{
	font-size: 1.3em !important;
    background: transparent !important;
    border: none !important;
    height: 1.4em;
    width: 1.4em;
	display: block !important;
	margin-rigth: 2em;
	color: #01839c !important;
}

.iconButtonLineaClip{
	font-size: 1.15em !important;
    background: transparent !important;
    border: none !important;
    height: 1.4em;
    width: 1.4em;
	margin-rigth: 2em;
	color: #01839c !important;
}

.iconButtonLinea span{
	padding-bottom: 1em;
    padding-right: 2em;
}
  
.custom-icon-button{
	background: none !important; 
    border: none !important;
}


.ui-selectonemenu{
	height: 2em !important;	
}
.noHeader.ui-datatable-header{
	display:"none";
}

.filterPanelUnaLinea{
	height: 2.7em;
}

.flotarDerecha{
	float: right !important
}

.iconButtonBorrarSub{
	font-size: 0.8em !important;
    background: transparent !important;
    border: none !important;
	display: block !important;
	color: #213e64 !important;
	float: right !important;
	width: 1em;
	z-index: 100;
}

.ui-chkbox-icon.ui-c.ui-icon.fa.fa-fw.fa-exclamation-triangle{
	color: #a3a7aa;
}

.ui-chkbox-icon.ui-c.ui-icon.fa.fa-fw.fa-thumbs-up{
	color: #6aac01;
}
.ui-chkbox-icon.ui-c.ui-icon.fa.fa-fw.fa-thumbs-down{
	color: #b90701;
}
.width99{
	width: 99% !important;
}
.width80{
	width: 80% !important;
}
.ui-treetable.ui-treetable-data.tr.ui-state-highlight, .ui-treetable.ui-treetable-data.tr.ui-state-hover{
	color: #ffffff !important
}

.ui-row-toggler.ui-icon.ui-icon-circle-triangle-e{
	height: 0.8em !important;
    width: 0.8em !important;
}
.ui-row-toggler.ui-icon.ui-icon-circle-triangle-s{
	height: 0.8em !important;
    width: 0.8em !important;
}

.panel80{
	width: 94% !important;
}
.ui-datepicker-trigger.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only{
	width: 2em !important;
}
.paneBusqueda{
	height: 4em;
}

.ui-fieldset-legend.ui-corner-all.ui-state-default{
	color:#ffffff;
	background:#01839c;
	height: 0.9em;
}

.ui-widget-content.ui-state-highlight.ui-selected.ui-treetable-selectable-node.default.tipoTabla{
	color:#ffffff !important;
}

.borderRegistro{
	background: none repeat scroll 0 0 #eeeeee;
    border: 0.1em solid #dddddd;
    border-radius: 0.5em;
    padding: 1em 1.5em;
    width: 95%;
}

.registroSeparator{
	border: 0.0625em solid #dddddd !important;
	color: #dddddd !important;
	border-color: #dddddd !important; 
}

.panelBotonesRegistro{
	background: #eeeeee !important;
}

.marginTop25{
	margin-top:2.5em !important;
}

.marginTop1{
	margin-top:1em !important;
}

.contenidoPanelDragDrop{
	text-align: center;
    width: 11em;
    height: 10em;
}
.imagenRecursoDragDrop{
	max-width: 6em;
    max-height: 5.5em;
    width: auto;
    height: auto;
    background: transparent;
}
#formRecurso\:dataGridRecursos_content{
	border:none !important;
}
.ui-panel-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-all.ui-draggable-handle{
	background: #01839c;
    color: white;
}
.overflowHidden{
	overflow-y: hidden !important;
	overflow-x: hidden !important;
}

.panelRegistro{
	
    border: 0.1em solid #dddddd;
    border-radius: 0.5em;
   
}
.panelConfigActBotones{
	background: transparent !important;
    padding-left: 12em;
    width: 69% !important;
}

.elementHidden{
	display: none !important;
}
.margenArriba{
	margin-top: 5em !important;
}

.margenesBuscador{
	margin-top: 0.6em;
    margin-bottom: 0.6em;
}
.ui-datalist-item{
	border-bottom: 0.0625em solid #d0dae2;
}

.margenDerechoBotones{
	margin-right: 2em !important;
}
.ui-menuitem-link.ui-corner-all.linkHeader.ui-state-disabled{
	opacity: 1 important!
}
.ui-selectoneradio.ui-widget.selectOneRadioColumn{
	margin-left: 6%;
}

.botonEnviarComentario{
	margin-right: 6em;
}
	
.labelRoja{
	font-family: Open Sans !important;
    font-size: 0.9em !important;
    display: block;
	color: red !important;
}

.labelMailTer{
	font-family: Open Sans !important;
    font-size: 0.7em !important;
    display: block;
	font-weight: bold !important;
}

.labelPago{
	font-family: Open Sans !important;
    font-size: 1.3em !important;
    display: block;
	color: #01839c !important;
}

.labelRojaSmall{
	font-family: Open Sans !important;
    display: block;
	color: red !important;
    font-size:0.7em! important; 
	padding: 3px 0 0 0;	
}
.labelAzulSmall{
	font-family: Open Sans !important;
    display: block;
	color: #01839c !important;
    font-size:0.7em! important; 
	padding: 3px 0 0 0;	
}

.margenIzq2{
	margin-left: 2%;
}

.botonLupaFiltro{
	margin-top: -0.6em;
    font-size: 2em !important;
}
.ui-fileupload-buttonbar.ui-widget-header.ui-corner-top{
	background: none;
}
.ui-fileupload-content.ui-widget-content.ui-corner-bottom{
	display: none;
}

#formListActividades\:tablaActividades_head {
    display:none;
}
.ratingComentario{
	margin-left: 30%;
    opacity: 0.8 !important;
}
#formComentariosProfesional\:listComentarios_head{
	display: none !important;
}

#formComentariosProfesional\:listComentarios_data .ui-widget-content{
	border: none !important;
}
.opacDisabled1{
	opacity: 1 !important;
}
.opac{
	opacity: 0.3 !important;
}
.overflowxhidden{
	overflow-x: hidden !important;
}
.outputTexto{
	font-size: 0.85em !important;
}

.tooltipindex{
	margin-top: 6em;
    position: absolute;
    margin-left: -2em;
}
.dataGridRecursos{
	height: 94%;
    overflow-y: scroll;
    overflow-x: hidden;
}

.multiline {
  white-space: pre-wrap;
}

.ayudaDialog{
	margin-left: 40em !important;
}
#formBuscarUsuarios\:tableUsuarios{
	height: 23em !important;
}
#formBuscarProfesores\:tableUsuarios{
	height: 23em !important;
}
#tabViewProfesionales\:tabTerapeuta{
	height: 30em !important;
}
#tabViewProfesionales\:tabProfesional{
	height: 30em !important;
}
.zindexArriba{
	z-index: 50 !important;
}
.zindexAbajo{
	z-index: 0 !important;
}
.botonAyudaIndex{
	    font-size: 1.0em !important;
    background: transparent !important;
    border: none !important;
    position: absolute;
    margin-top: 6.4em;
    margin-left: -2em;
}

.botonAyudaIndexMensajes{
	font-size: 1.3em !important;
    background: transparent !important;
    border: none !important;
    position: absolute;
    margin-top: 5em;
    margin-left: 8em;
}

.botonToolTipUsuarios{
	font-size: 1.3em !important;
    background: transparent !important;
    border: none !important;
}

.ui-tabmenu .ui-tabmenu-nav {
    margin: 0;
   	border-radius: 0px;
    padding: .2em .2em 0;
    background: transparent;
    border-radius: 0px;
    -webkit-border-radius: 0px;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem{
	background: #d8e4ea;
	margin: 0.2em 5px 0;
	border-radius: 0px;
	-webkit-border-radius: 0px; 
}

.ui-button-icon-left.ui-icon.ui-c.fa.fa-question-circle{
	height: 1em !important;
    width: 1em !important;
}
.botonLupaProfesionales{
	margin-top: -2em !important;
}
.displayContents{
	display: contents !important;
}
#formAddNewProfesional\:tipoPerfil .panelGridWithOutBorder.tr:nth-child(1).td {
    padding-top: 0em !important;
}
.fotoIndice{
	object-fit: cover;
    height: 7.9em;
    width: 13.2em;
}
.botonIndice{
    height: 66%;
    width: 100%;
    position: relative;
   	background: transparent;
    border: none;
    cursor: pointer;
    z-index: 20;
}
.spanFotoIndice{
	height: 7.8em;
    width: 13em;
    position: fixed;
    margin-left: -12.5em;
}
.divHomeSelectPac{
	width: 13.1em;
    float: left;
    background: #ffffff;
    padding-right: 0.1em;
    box-shadow: 2px 2px 10px #666;
    margin: 15px;
    border-radius: 3%;
    height: 12em;
}

.ui-selectcheckboxmenu-header.ui-selectcheckboxmenu-filter-container.ui-icon{
	position: absolute;
    right: 5px !important;
    top: 2px !important;
}

.ui-state-active a.ui-state-active a:link.ui-state-active a:visited {
    font-family: Open Sans !important;
    font-size: 1em !important;
    font-weight: bold !important;
    color: #EEF4ED;
    opacity: 1 !important;
    background: #01839c !important;
}

.regColumnPacienteIz{
	width: 40%;
}

.regDiagnostico{
	width: 20em;
}

.botonesRegistro{
	margin-top: 2em !important;
}

.nombreFotoPac{
	margin-left: 9em;
}
.fileUpload{
	float:left;
	font-size: 0.8em !important;
}
.noMarginTop{
	margin-top: 0em !important;
}
.inputHeightButton{
	height: 1.4em;
	margin-top: 0.2em;
}


.fileUploadComent{
	float:left;
	font-size: 0.8em !important;
   
 }
 
 .checkEula{
	margin-top: 0.4em !important;	
}
.panel50{
	width: 50% !important;
}
.leftButtonVal{
	margin-left: 13em !important;
}
.smallSelectMenu{
	width: 10em !important;
	max-width: 10em !important;
	min-width: 10em !important;
}

.GridfaqsPago{
	padding:3px;
	border:0;
	font-size: 0.8em !important;
	
}

.fotoPequenyaLista{
	width: 9em;
    height: 9em;
    background-size: cover;
    background-position: 50% 50%;
}
 

.fileUploadComent .fileupload-buttonbar .fileinput-button .ui-icon-plusthick{
	 background-image: url('../../resources/1.0/img/clip.png') !important;
}

.dialogSmartia.adjunto {
	left: 23% !important;
    top: 11% !important;
    width: 65% !important;
    height: 80% !important;
}
.fotoAdjunto{
	object-fit: contain;
	width: 100%;
    height: 100%;
}
.checkPermitirReg {
	float: left;
	padding-top: 0.5em;
	padding-right: 0.8em;
}

.labelLicenciaPrem{
	font-size: 1.2em !important;
    font-weight: bold;
	
}
#formGaleria\:tableAdjuntos_content{
	border: none !important;
}

.cabAdjuntoGal{
	margin-left: 2em;
    font-weight: bold !important;
}

.ui-dialog-content.ui-widget-content{
	height: 92% !important;
}

.buttonWatchPassword{
	font-size: 1.3em !important;
    background: transparent !important;
    border: none !important;
    height: 0.2em;
    width: 1em;
    float: left;
    color: #5c5a59 !important;
    margin-top: 0.2em !important;
    cursor: pointer;
}

.ui-button-icon-left.ui-icon.ui-c.fa.fa-fw.fa-eye{
	height: 0.1em;
    width: 0.1em;
    padding-right: 1em;
}

.ui-button-icon-left.ui-icon.ui-c.fa.fa-fw.fa-eye-slash{
	height: 0.1em;
    width: 0.1em;
    padding-right: 1em;
}

.iconButtonTabla{
	font-size: 1.3em !important;
    background: transparent !important;
    border: none !important;
    height: 1.4em;
    width: 1.4em;
	display: block !important;
	color: #01839c !important;
}
.iconButtonTabla span{
	padding-bottom: 1em;
}

.selectAdjuntoCkeck{
	float: left;
    padding-top: 0.3em;
    width: 0.5em;
}

.backLite{
	background-color: #f5a832 !important;
	border-radius: 0.5em !important;
}

.scheduleStyle {
	float: left;
	width: 100%;
	padding: 10px;
	font-family: Open Sans;
	margin-top: 30px;
}


/*Colores Calendario*/

.verde-menta {
	background: #1abc9c !important;
	background-color: #1abc9c !important;
	border-color: #1abc9c !important;
	color: white !important;
}

.verde {
	background: #2ecc71 !important;
	background-color: #2ecc71 !important;
	border-color: #2ecc71 !important;
	color: white !important;
}

.azul {
	background: #3498db !important;
	background-color: #3498db !important;
	border-color: #3498db !important;
	color: white !important;
}

.violeta {
	background: #9b59b6 !important;
	background-color: #9b59b6 !important;
	border-color: #9b59b6 !important;
	color: white !important;
}

.gris-oscuro {
	background: #34495e !important;
	background-color: #34495e !important;
	border-color: #34495e !important;
	color: white !important;
}

.verde-oscuro {
	background: #16a085 !important;
	background-color: #16a085 !important;
	border-color: #16a085 !important;
	color: white !important;
}

.verde-bosque {
	background: #27ae60 !important;
	background-color: #27ae60 !important;
	border-color: #27ae60 !important;
	color: white !important;
}

.azul-oscuro {
	background: #2980b9 !important;
	background-color: #2980b9 !important;
	border-color: #2980b9 !important;
	color: white !important;
}

.morado-oscuro {
	background: #8e44ad !important;
	background-color: #8e44ad !important;
	border-color: #8e44ad !important;
	color: white !important;
}

.gris-acero {
	background: #2c3e50 !important;
	background-color: #2c3e50 !important;
	border-color: #2c3e50 !important;
	color: white !important;
}

.amarillo {
	background: #f39c12 !important;
	background-color: #f39c12 !important;
	border-color: #f39c12 !important;
	color: black !important;
}

.naranja {
	background: #e67e22 !important;
	background-color: #e67e22 !important;
	border-color: #e67e22 !important;
	color: white !important;
}

.rojo {
	background: #e74c3c !important;
	background-color: #e74c3c !important;
	border-color: #e74c3c !important;
	color: white !important;
}

.gris-claro {
	background: #ecf0f1 !important;
	background-color: #ecf0f1 !important;
	border-color: #bdc3c7 !important;
	color: black !important;
}

.gris {
	background: #95a5a6 !important;
	background-color: #95a5a6 !important;
	border-color: #95a5a6 !important;
	color: black !important;
}

.naranja-oscuro {
	background: #d35400 !important;
	background-color: #d35400 !important;
	border-color: #d35400 !important;
	color: white !important;
}

.rojo-oscuro {
	background: #c0392b !important;
	background-color: #c0392b !important;
	border-color: #c0392b !important;
	color: white !important;
}

.gris-pizarra {
	background: #7f8c8d !important;
	background-color: #7f8c8d !important;
	border-color: #7f8c8d !important;
	color: white !important;
}

.rosa {
	background: #ff6b6b !important;
	background-color: #ff6b6b !important;
	border-color: #ff6b6b !important;
	color: white !important;
}

.violeta-brillante {
	background: #6c5ce7 !important;
	background-color: #6c5ce7 !important;
	border-color: #6c5ce7 !important;
	color: white !important;
}

.azul-cielo {
	background: #74b9ff !important;
	background-color: #74b9ff !important;
	border-color: #74b9ff !important;
	color: black !important;
}

.azul-marino {
	background: #0984e3 !important;
	background-color: #0984e3 !important;
	border-color: #0984e3 !important;
	color: white !important;
}

.azul-profundo {
	background: #0652DD !important;
	background-color: #0652DD !important;
	border-color: #0652DD !important;
	color: white !important;
}

.azul-petroleo {
	background: #40739e !important;
	background-color: #40739e !important;
	border-color: #40739e !important;
	color: white !important;
}

.verde-pastel {
	background: #55efc4 !important;
	background-color: #55efc4 !important;
	border-color: #55efc4 !important;
	color: black !important;
}

.verde-lima {
	background: #00b894 !important;
	background-color: #00b894 !important;
	border-color: #00b894 !important;
	color: white !important;
}

.verde-hoja {
	background: #00cec9 !important;
	background-color: #00cec9 !important;
	border-color: #00cec9 !important;
	color: black !important;
}

.naranja-claro {
	background: #ffeaa7 !important;
	background-color: #ffeaa7 !important;
	border-color: #ffeaa7 !important;
	color: black !important;
}

.naranja-quemado {
	background: #e17055 !important;
	background-color: #e17055 !important;
	border-color: #e17055 !important;
	color: white !important;
}

.naranja-brillante {
	background: #fd7e14 !important;
	background-color: #fd7e14 !important;
	border-color: #fd7e14 !important;
	color: black !important;
}

.naranja-neon {
	background: #ff9f43 !important;
	background-color: #ff9f43 !important;
	border-color: #ff9f43 !important;
	color: black !important;
}

.rojo-sangre {
	background: #c0392b !important;
	background-color: #c0392b !important;
	border-color: #c0392b !important;
	color: white !important;
}

.rojo-coral {
	background: #ff7675 !important;
	background-color: #ff7675 !important;
	border-color: #ff7675 !important;
	color: black !important;
}

.rojo-oscuro {
	background: #b71540 !important;
	background-color: #b71540 !important;
	border-color: #b71540 !important;
	color: white !important;
}

.rojo-rosado {
	background: #e84393 !important;
	background-color: #e84393 !important;
	border-color: #e84393 !important;
	color: white !important;
}

.amarillo-claro {
	background: #fdcb6e !important;
	background-color: #fdcb6e !important;
	border-color: #fdcb6e !important;
	color: black !important;
}

.amarillo-limon {
	background: #f6e58d !important;
	background-color: #f6e58d !important;
	border-color: #f6e58d !important;
	color: black !important;
}

.dorado {
	background: #f1c40f !important;
	background-color: #f1c40f !important;
	border-color: #f1c40f !important;
	color: black !important;
}

.mostaza {
	background: #f39c12 !important;
	background-color: #f39c12 !important;
	border-color: #f39c12 !important;
	color: black !important;
}

.violeta-suave {
	background: #a29bfe !important;
	background-color: #a29bfe !important;
	border-color: #a29bfe !important;
	color: black !important;
}

.violeta-oscuro {
	background: #6c3483 !important;
	background-color: #6c3483 !important;
	border-color: #6c3483 !important;
	color: white !important;
}

.violeta-azulado {
	background: #5f27cd !important;
	background-color: #5f27cd !important;
	border-color: #5f27cd !important;
	color: white !important;
}

.violeta-fucsia {
	background: #be2edd !important;
	background-color: #be2edd !important;
	border-color: #be2edd !important;
	color: white !important;
}


.gris-cemento {
	background: #b2bec3 !important;
	background-color: #b2bec3 !important;
	border-color: #b2bec3 !important;
	color: black !important;
}

.gris-metal {
	background: #636e72 !important;
	background-color: #636e72 !important;
	border-color: #636e72 !important;
	color: white !important;
}

.rosa-suave {
	background: #fab1a0 !important;
	background-color: #fab1a0 !important;
	border-color: #fab1a0 !important;
	color: black !important;
}

.rosa-chicle {
	background: #ff6b81 !important;
	background-color: #ff6b81 !important;
	border-color: #ff6b81 !important;
	color: white !important;
}

.rosa-fucsia {
	background: #e84393 !important;
	background-color: #e84393 !important;
	border-color: #e84393 !important;
	color: white !important;
}

.celeste-grisaceo {
	background: #7f8fa6 !important;
	background-color: #7f8fa6 !important;
	border-color: #7f8fa6 !important;
	color: white !important;
}

.turquesa-brillante {
	background: #00d2d3 !important;
	background-color: #00d2d3 !important;
	border-color: #00d2d3 !important;
	color: black !important;
}

.fc-daygrid-event-harness .fc-event {
    white-space: normal !important;
    overflow-wrap: break-word;
    line-height: 1.2;
    padding: 2px 4px;
    font-size: 0.85em; /* Ajusta si quieres que entre más texto */
    background: example !important;
    color: inherit !important;
    border-color: inherit !important;
}

.menu-informes {
    min-width: 14rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Espaciado en las opciones */
.menu-informes .p-menuitem-link {
    padding: .5rem 1rem;
    font-size: 0.95rem;
}

/* Separación de iconos */
.menu-informes .p-menuitem-icon {
    margin-right: .5rem;
    font-size: 1rem;
    color: #495057; /* un gris suave */
}

/* Botón principal más moderno */
.p-splitbutton .p-button {
    border-radius: 9999px;
    font-weight: 600;
}

/* Fondo plano del panel y del menú */
#filterSesionPanel .ui-menu,
#filterSesionPanel .ui-menu .ui-menu-child {
  background: #fff !important;
  border: 1px solid #ddd !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* Ítems alineados (icono + texto) */
#filterSesionPanel .ui-menuitem-link {
  display: flex !important;
  align-items: center !important;
  gap: 6px;
  padding: 8px 12px !important;
  background: none !important;
  color: #333 !important;
}

/* Hover plano */
#filterSesionPanel .ui-menuitem-link:hover {
  background: #f0f0f0 !important;
  color: #000 !important;
}

/* Si usas dropdown de Bootstrap en vez de PrimeFaces */
#filterSesionPanel .dropdown-menu { 
  background:#fff !important; border:1px solid #ddd !important; box-shadow:none !important; border-radius:0 !important; padding:0 !important;
}
#filterSesionPanel .dropdown-menu > li > a {
  display:flex; align-items:center; gap:6px; padding:8px 12px;
}
#filterSesionPanel .dropdown-menu > li > a:hover { background:#f0f0f0; }

.ui-menu .ui-menuitem-link {
    display: block;
    width: 92%;
    outline: 0;
    text-decoration: none;
    font-weight: 400;
    border: solid 1px transparent;
    float: left;
    line-height: 16px;
    padding: .3em;
    cursor: pointer;
    background-color: white;
}