.x-window-body-default {
    border-color: #4d4d4d !important;
    border-width: 1px;
    border-style: solid;
    background: #fff;
    color: #000;
    font-size: 13px;
    font-weight: 300;
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
}


.x-window-default {
    border-color: #4d4d4d ! important;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -ms-border-radius: 0 0 0 0;
    -o-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
}    

.fama-disabled input,.fama-disabled textarea,input.fama-disabled {
	border-color: #a3a3a3 !important;
	color: black !important;
	cursor: default !important;
	background-color: #f5f5f5;
	/*
	background: url("../images/fama/extjs/text-bg-disabled.gif") repeat-x
		scroll 0 0 #ece9d8 !important;*/
}

.fama-disabled img {
	border-color: #a3a3a3 !important;
	cursor: default !important;
}

.fama-icono-grid {
	background: url('../images/fama/iconos-mini/consulta.png') no-repeat
		-2px -2px;;
	line-height: 18px;
}

.fama-fondo-selector-archivos {
	background: #C7D6E9 none repeat scroll 0% !important;
	border-width: 0pt;
	border-color: #C7D6E9;
}

form label.x-form-item-label {
	width: 50px !important;
}

.x-fama-button {
	background-color: #5fa2dd;
}

.x-fama-button:hover {
	background-color: #5795cb;
}

.x-fama-button:focus {
	background-color: #5795cb;
}

.x-fama-button.x-btn-pressed.x-btn-default-toolbar-small {
	background-color: #5795cb;
}

.x-fama-button span {
	color: white;
}

.fama-formato-ventana-selector-archivos .x-window-body {
	padding: 0px;
}

.fama-padding-filtros .x-panel-mc {
	padding-top: 0px;
}

textarea.fama-componente-textarea-class {
	border: 1px solid #B5B8C8;
	margin-left: 0em !important;
	padding: 2px 3px;
}

.fama-atributoslibres-unidadmedida-class {
	padding-left: 3px;
}

.cmpDate {
	width: 70px !important;
}

/* Pantalla de edicion de las observaciones de un atributo libre */
.fama-window-ventana-transparente .x-window {
	background: transparent !important;
}

.fama-window-ventana-transparente .x-window-body {
	background: transparent !important;
}

.fama-window-ventana-transparente .x-window-plain {
	background: transparent !important;
}

.fama-window-ventana-transparente .x-window-tl {
	background: transparent;
}

.fama-window-ventana-transparente .x-window-tr {
	background: transparent;
}

.fama-window-ventana-transparente .x-window-tc {
	background: transparent;
}

.fama-window-ventana-transparente .x-window-ml {
	background: transparent;
}

.fama-window-ventana-transparente .x-window-mr {
	background: transparent;
}

.fama-window-ventana-transparente .x-window-mc {
	background: transparent;
}

.fama-window-ventana-transparente .x-window-bl {
	background: transparent;
}

.fama-window-ventana-transparente .x-window-br {
	background: transparent;
}

.fama-window-ventana-transparente .x-window-bc {
	background: transparent;
}

.fama-window-ventana-transparente .x-panel-body {
	background: transparent;
}

/* FIN: Pantalla de edicion de las observaciones de un atributo libre */
.fama-formato-iconos-lista {
	margin-right: 3px;
	margin-top: -3px;
	margin-bottom: -3px;
}

.x-grid3-row-body-tr .fama-formato-iconos-lista {
	margin-top: 3px;
	margin-bottom: -3px;
}

.fama-menu-right {
	text-align: right;
	margin-top: -24px;
}

.fama-combo-dropdown-class .x-combo-list-inner {
	overflow-x: hidden !important;
}

.fama-alto-grid_scroller-en-ficha .x-grid3-scroller {
	height: 173px;
}

.fama-fieldset .x-fieldset {
	margin: 0px 10px 10px 1px !important;
	position: relative;
	left: 8px !important;
}

/* Estilos de los campos en una ficha */ /* Campos de tamaño fijo */
.campoEnumeradoDivisa div.x-form-field-wrap {
	width: 175px !important;
}

/*.campoFecha div.x-form-field-wrap {
	width: 107px !important;
}*/

/*.campoFecha input {
	width: 70px !important;
}*/

/*.campoFechaHora .ux-datetime-date div.x-form-field-wrap {
	width: 107px !important;
}*/

/*.campoFechaHora .ux-datetime-date input {
	width: 70px !important;
}*/

/*.campoFechaHora .ux-datetime-time div.x-form-field-wrap {
	width: 107px !important;
	margin-left: -5px !important;
}*/

/*.campoFechaHora .ux-datetime-time input {
	width: 70px !important;
}*/
.column1 .campoSeleccion .componenteTexto input {
	margin-left: 0.1em !important;
}

.column2 .campoSeleccion .componenteTexto input {
	margin-left: 0.1em !important;
}

.column3 .campoSeleccion .componenteTexto input {
	margin-left: 0.1em !important;
}

.column4 .campoSeleccion .componenteTexto input {
	width: 55px !important;
	margin-left: 0.1em !important;
}

.agrupacion {
	width: 800px !important;
}

/* Atributos libres */
.campoAtributoLibre td.campoFecha {
	width: 310px !important;
}

.campoAtributoLibre .campoFecha .x-form-field-wrap {
	width: 313px !important;
}

.campoAtributoLibre .campoFecha input {
	width: 70px !important;
}

.campoAtributoLibre .campoFecha input.fama-disabled {
	padding-top: 2px !important;
}

.campoAtributoLibre td.campoTextoLargo {
	width: 310px !important;
}

.campoAtributoLibre .campoTextoLargo textarea {
	width: 285px !important;
}

.campoAtributoLibre td.campoEnumerado {
	width: 310px !important;
}

.campoAtributoLibre .campoEnumerado .x-form-field-wrap {
	width: 313px !important;
}

.campoAtributoLibre .campoEnumerado input {
	width: 271px !important;
}

/* .campoAtributoLibre .campoEnumerado .fama-disabled input { padding-top: 2px !important; } */
.campoAtributoLibre .componenteObservaciones div.x-form-field-wrap {
	width: 250px !important;
	padding-top: 1px !important;
}

.campoAtributoLibre .componenteObservaciones img {
	background-position: 0 0 !important;;
	border-bottom: 1px solid #B5B8C8;
}

/* Estilos a aplicar a los campos en los filtros de una lista dentro de una agrupacion */
/* 1 columna */
/*
.fama-fieldset .fama-campo-lista .column1 .campoTexto input {
	width: 110% !important;
}
*/
.fama-fieldset .fama-campo-lista .column1 .campoTextoLargo textarea {
	width: 630px !important;
}

.fama-fieldset .fama-campo-lista .column1 .campoSeleccion .componenteBusqueda input
	{
	width: 95px !important;
}

.fama-fieldset .fama-campo-lista .column1 .campoSeleccion .componenteTexto input
	{
	width: 483px !important;
	margin-left: 0.1em !important;
}

.fama-fieldset .fama-campo-lista .column1 .campoEnumerado .x-form-field-wrap
	{
	width: 655px !important;
}

.fama-fieldset .fama-campo-lista .column1 .campoEnumerado input {
	width: 613px !important;
}

/* 2 columnas */
/*
.fama-fieldset .fama-campo-lista .column2 .campoTexto input {
	width: 110% !important;
}
*/
.fama-fieldset .fama-campo-lista .column2 .campoTextoLargo textarea {
	width: 279px !important;
}

.fama-fieldset .fama-campo-lista .column2 .campoSeleccion .componenteBusqueda input
	{
	width: 50px !important;
}

.fama-fieldset .fama-campo-lista .column2 .campoSeleccion .componenteTexto input
	{
	width: 171px !important;
	margin-left: 0.1em !important;
}

.fama-fieldset .fama-campo-lista .column2 .campoEnumerado .x-form-field-wrap
	{
	width: 305px !important;
}

.fama-fieldset .fama-campo-lista .column2 .campoEnumerado input {
	width: 263px !important;
}

/* 3 columnas */
.fama-fieldset .fama-campo-lista .column3 .campoTexto input {
	width: 110% !important;
}

.fama-fieldset .fama-campo-lista .column3 .campoTextoLargo textarea {
	width: 180px !important;
}

.fama-fieldset .fama-campo-lista .column3 .campoSeleccion .componenteBusqueda input
	{
	width: 40px !important;
}

.fama-fieldset .fama-campo-lista .column3 .campoSeleccion .componenteTexto input
	{
	width: 85px !important;
	margin-left: 0.1em !important;
}

.fama-fieldset .fama-campo-lista .column3 .campoEnumerado .x-form-field-wrap
	{
	width: 202px !important;
}

.fama-fieldset .fama-campo-lista .column3 .campoEnumerado input {
	width: 160px !important;
}

/* 4 columnas */
.fama-fieldset .fama-campo-lista .column4 .campoTexto input {
	width: 110% !important;
}

.fama-fieldset .fama-campo-lista .column4 .campoTextoLargo textarea {
	width: 120px !important;
}

.fama-fieldset .fama-campo-lista .column4 .campoSeleccion .componenteBusqueda input
	{
	width: 20px !important;
}

.fama-fieldset .fama-campo-lista .column4 .campoSeleccion .componenteTexto input
	{
	width: 50px !important;
	margin-left: 0.1em !important;
}

.fama-fieldset .fama-campo-lista .column4 .campoEnumerado input {
	width: 103px !important;
}

.fama-fieldset .fama-campo-lista .column4 .campoFecha {
	width: 100px !important;
}

/* Para que las listas no sobresalgan de las agrupaciones + Para que el scroll vertical no se salga de la lista en IE6 */
.fama-campo-lista .x-panel-body {
	border-width: 1px 0px 1px 0px !important;
}

.fama-componente-lista {
	border-width: 1px !important;
	border-style: solid !important;
	border-color: #ffffff;
}

.fama-componente-lista .x-panel-tbar .x-toolbar {
	border-width: 0px !important;
}

.fama-componente-lista .x-panel-bbar .x-toolbar {
	border-width: 0px !important;
	float: left;
	width: 100%;
}

.fama-componente-lista tr {
	vertical-align: middle;
}

/* Accesos directos des del menu principal */
.fama-entradas-menu {
	float: left;
}

.fama-accesos-directos {
	float: right;
}

.fama-acceso-directo {
	margin-left: 2px;
	color: #FFFFFF;
	display: inline;
}

.fama-acceso-directo a {
	text-decoration: none !important;
}

.fama-acceso-directo img {
	margin-top: 2px;
}

.fama-redefinicion-estilo-cabecera-cliente .fama-acceso-directo span {
	color: black;
	font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana,
		sans-serif font-size : 11px;
	vertical-align: 3px;
	margin-right: 3px;
	font-weight: 600;
}

.fama-boton-navegar-atras-listas {
	margin-top: -1px;
	float: right;
	margin-right: 5px;
}

.header-top {
	height: 50px !important;
	min-height: 10px !important;
}

.fama-usuario-conectado {
	font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana,
		sans-serif;
	font-weight: 600;
	font-size: 13px;
	position: relative;
	text-align: right;
	color: #ffb300;
}

/*
.fama-redefinicion-estilo-cabecera-cliente #header {
	background: transparent
		url(../../resources/images/cliente/fnd_header.gif) repeat-x scroll 0px
		60px;
}

.fama-redefinicion-estilo-cabecera-cliente #wrapperContent {
	margin: 0px;
}

.fama-redefinicion-estilo-cabecera-cliente span {
	font-family: arial narrow;
	font-size: 28px;
}

.fama-redefinicion-estilo-cabecera-cliente h1 {
	margin: 0px;
}
*/
.fama-tootltip {
	overflow-y: hidden;
	overflow-x: hidden;
}

.fama-footer-fix {
	float: right;
}

.fama-footer-left-fix {
	float: left;
}

.fama-leftSideBar-fix {
	overflow: hidden;
}

.fama-proves-columna-no-visible {
	width: 150px;
}

.x-portlet .x-panel-header {
	white-space: nowrap;
}

.fama-campo-importe-componente-valor input {
	text-align: right;
}

.fama-campo-importe-componente-divisa input {
	background-image: url('../images/fama/iconos-mini/coins.png');
	background-repeat: no-repeat;
	background-position: right center !important;
	background-attachment: scroll;
	background-color: #EEEEEE;
	cursor: default !important;
	-moz-opacity: 0.6 !important;
	padding-right: 19px !important;
	overflow: visible;
	color: gray !important;
	font-weight: bold;
}

.fama-campo-calcular input {
	background-image: url('../images/fama/iconos-mini/seleccionar.png');
	background-repeat: no-repeat;
	background-position: right center !important;
	background-attachment: scroll;
	background-color: #EEEEEE;
	cursor: default !important;
	-moz-opacity: 0.6 !important;
	padding-right: 19px !important;
	overflow: visible;
	color: gray !important;
	font-weight: bold;
	font-size: 11px;
	margin-top: 15px;
	margin-bottom: 10px;
	border-radius: 5px;
	width: 205px !important;
	text-align: center;
}

.fama-celda-importe {
	background-image: url("../images/fama/iconos-mini/coins-lista.png");
	background-repeat: no-repeat;
	background-position: right center !important;
	background-attachment: scroll;
	background-color: transparent;
	padding-right: 19px !important;
}

.x-toolbar .x-form-field-wrap input.fama-combo-importe-en-listas {
	height: 18px !important;
}

.ext-ie img.x-form-spinner-trigger {
	top: -1px;
}

.fama-portlet span.x-panel-header-text {
	color: #3a5881;
}


.fama-menu-secundario .x-panel-header-text {
	color: white;
	font-weight: bold;
}

.fama-login-language-button .x-btn-icon,.fama-login-language-button button
	{
	width: 20px !important;
}


#ventana-login .x-title-text{
	padding: 5px;
}

#ventana-login-body{
	top: 28px !important;
}

.ventana-desconexion h1{
	margin: 40px;	
}

.ventana-desconexion div{
	height: 50%; 
    width:100%;
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    background-color: #004fff !important
}

span.x-panel-header-text {
	color: #3A5881;
}

.fama-editor-campo-observaciones .x-toolbar {
	border-color: #99BBE8;
	border-style: solid !important;
	border-width: 1px !important;
}

.fama-editor-campo-observaciones .x-window-body {
	border-bottom-width: 0;
}

.fama-componente-compuesto .x-form-item {
	margin-bottom: 0px;
}

.x-fama-file-trigger {
	background-image: url("../images/fama/extjs/folder.png");
	cursor: pointer;
	background-size: cover;
	color: transparent;
}

.x-fama-trash-trigger {
	background-image: url("../images/fama/extjs/delete.png");
	cursor: pointer;
	background-size: cover;
	color: transparent;
}

.fama-component label {
	margin-bottom: 0px !important;
	white-space: nowrap;
	min-height: 0px !important;
}

.fama-component span {
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	font-weight: 500;
}

.fama-component,.fama-component .x-field {
	margin-bottom: 0px;
}

div[id*="filtro"].fama-component{
	margin-bottom: 3px !important;
}

.fama-component-header-totales .x-column-header-inner {
	padding-top: 0px !important;
}

.fama-component-header-totales .x-column-header-text {
	padding-right: 0px;
}

.fama-texto-derecho-panel-inferior {
	text-align: right;
	padding-right: 10px;
	font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana,
		sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: default;
}

.fama-texto-izquierdo-panel-inferior {
	padding-left: 10px;
	font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana,
		sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: default;
	color: #004fff !important
}

.fama-panel-inferior {
		right: 5px !important;
		left: auto !important;
}

.fama-panel-inferior-desarrollo {
	background: url("../images/fama/footer/footer_formacion.jpg")
		repeat-x scroll left top;
}

.fama-campo-numerico input {
	text-align: right;
}

.x-progress {
	border-style: none !important;
}

.x-progress-bar {
	border-right-width: 0;
	border-top-width: 0;
}

.ie_swfupload {
	height: 20px;
}

.ext-ux-uploaddialog-closewindow {
	background: url("../images/fama/iconos-mini/cerrar_ventana.png")
		no-repeat scroll left center transparent !important;
}

.fama-visorplanos-background {
	background-image: linear-gradient(bottom, rgb(245, 245, 245) 0%,
		rgb(252, 252, 252) 72%) !important; /* W3C */
	background-image: -o-linear-gradient(bottom, rgb(245, 245, 245) 0%,
		rgb(252, 252, 252) 72%) !important; /* Opera 11.10+ */
	background-image: -moz-linear-gradient(bottom, rgb(245, 245, 245) 0%,
		rgb(252, 252, 252) 72%) !important; /* FF3.6+ */
	background-image: -webkit-linear-gradient(bottom, rgb(245, 245, 245) 0%,
		rgb(252, 252, 252) 72%) !important; /* Chrome10+,Safari5.1+ */
	background-image: -ms-linear-gradient(bottom, rgb(245, 245, 245) 0%,
		rgb(252, 252, 252) 72%) !important; /* IE10+ */
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(245,
		245, 245)), color-stop(0.72, rgb(252, 252, 252))) !important;
	/* Chrome,Safari4+ */
	background: rgb(252, 252, 252); /* Old browsers */
}

.visorplanos-selectorplanos-trigger-float {
	float: right;
}

.fama-selector-espacios input.x-form-field {
	height: 34px;
	font-family: 'Open Sans',? 'Helvetica Neue',? helvetica,? arial,? verdana,?,
		sans-serif;
	font-size: 20px;
	font-weight: 700;
	font-style: normal;
	font-size-adjust: none;
	color: #55606C;
	line-height: 24px;
	background:
		url("../../resources/images/fama/iconos-mini/office-building.png")
		no-repeat scroll 6px 9px transparent;
	padding-left: 32px;
}

.fama-imagen-fondo {
	background-color: transparent;
	background-image: url("../../resources/images/fama/login/logo_fama_background.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0.1;
}

.fama-imagen-logout {
	background-image: url("../../resources/images/fama/login/logo_fama_logout.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.fama-text-logout {
	background-color:white !important;
	padding:10px !important;
}

.fama-accion-submenu-deshabilitada,.menuLeft li.openItemSubMenu span.fama-accion-submenu-deshabilitada
	{
	text-overflow: ellipsis !important;
	overflow: hidden !important;
	color: grey !important;
}

.fama-submenu-entrada-menu-principal {
	text-align: center;
	line-height: 24px;
	cursor: default;
}

.fama-icono-submenu-deshabilitado {
	float: left;
}

.subMenuAcordeon span.menuRight_icon,.menuLeft a span.menuRight_icon,.menuLeft span.menuRight_icon
	{
	float: right;
	max-height: 14px;
	height: 14px;
	padding-top: 4px;
	padding-right: 3px;
}

.subMenuAcordeon span.menuRight_icon img,.menuLeft span.menuRight_icon img
	{
	max-height: 14px !important;
}

.subMenuAcordeon span.submenuRight_icon,.menuLeft a span.submenuRight_icon,.menuLeft span.submenuRight_icon
	{
	float: right;
	max-height: 3px;
	height: 3px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
}

.subMenuAcordeon span.submenuRight_icon img,.menuLeft span.submenuRight_icon img
	{
	max-height: 10px !important;
}

.fama-uploaddialog-boton-add {
	top: 0px;
	left: 0px;
	width: 1000px !important;
}

.fama-vista-element-container .x-panel-body {
	overflow-y: auto;
	padding: 5px 10px;
	background-color: #F5F5F5;
}

.fama-evento-temporal {
	/*background-color: #5fa2dd;*/
	background-color: #004FFF;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 1px 5px;
	border-radius: 5px;
	opacity: 0.8;
	position: absolute;
	color: white;
	font-weight: bold;
}

.evento-temporal-hover {
	color: black;
	opacity: 0.5;
	cursor: pointer;
}

.fama-campo-lista-temporal {
	
}

.fama-fila-campo-lista-temporal {
	line-height: 50px !important;
}

.fama-contenedor-eventos-temporales {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
}

.fama-column-header-center .x-column-header-inner {
	text-align: center
}

.x-grid-row td.fama-columna-festivo {
	background-color: #F3F3F3;
	border-bottom-width: 0;
	border-top-width: 0;
}

.evento-temporal-seleccionado {
	background-color: #FFFF90 !important;
	border-color: #555555;
	border-style: solid;
	border-width: 1px;
	color: #555555 !important;
	opacity: 1;
	padding: 0 5px;
}

.evento-temporal-deshabilitado {
	background-color: #F2F2F2 !important;
}

.fama-evento-temporal-bajafisica {
	width: 17px !important;
	top: -15px !important;
	left: -5px !important;
	border-radius: 4px !important;
}

.fama-panel_evento-temporal-bajafisica {
	background: none !important;
	border-color: transparent !important;
	border-width: 0px !important;
	border-style: none !important;
	width: 17px !important;
	top: -15px !important;
	left: -5px !important;
	border-radius: 4px !important;
}

.x-panel-body-perso {
	background: transparent !important;
	border-color: transparent !important;
	border-style: none !important;
}

.fama-overflow-x-visible {
	overflow-x: scroll;
}

.fama-overflow-x-hidden {
	overflow-x: hidden;
}

.fama-texto-negro {
	color: black;
}

.fama-texto-blanco {
	color: white;
}

.fama-lista-temporal-control-numero-elementos {
	top: 4px !important;
	text-align: right;
}

.fama-campo-link-field {
	text-decoration: underline;
	cursor: pointer;
}

.boton-atributo-libre {
	background-color: transparent !important;
	border-color: transparent !important;
}

.boton-atributo-libre:hover {
	cursor: default;
}

td.x-grid-td {
	vertical-align: middle !important;
}

.x-tabpanel-child{ /*Color blanco de fondo de los filtros*/
	background-color: white !important;	
}

.fama-ficha div[id*='ficha']{
	background: #FFF !important;
}

.fama-ficha .x-grid-body{
	border-width: 2px 1px 1px 1px !important;
}

.fama-agrupacion{
	padding-left: 0px !important;
	background: #FFF !important;
	border: transparent !important;	
}

.fama-agrupacion legend {
	padding: 0px 5px 0px 0px !important;
}

.fama-agrupacion legend div:not(.x-tool-toggle) {
	font: 300 14px/17px 'Open Sans', 'Helvetica Neue', helvetica, arial,
		verdana, sans-serif !important;
	color: #444 !important;
	font-weight: 700 !important;
}

.fama-agrupacion .fama-agrupacion legend div{
	font-size: small !important;
}

.fama-botonera {
	padding: 3px 3px 3px 3px !important;
}

a.x-btn-default-toolbar-small {
	padding: 4px 4px 4px 4px !important;
}

.x-menu-item.x-menu-item-default.x-box-item {
	min-height: 30px !important;
}


/* Para mostrar la lupa en el colapsar/expandir de los filtros pero no del acordeon. Se ha modificado el content y el background genérico y en
el acordeon se ha vuelto ha poner el genérico para sobreescribir la modificación anterior.
Hemos probado con la notacion ":not()" de los CSS pero no nos estaba excluyendo el accordeon.*/
.x-tool-expand-bottom {
	background-image: url('../images/fama/iconos-mini/lupaSinFondo.png')
		!important;
	background-size: contain;
	width: 20px;
	height: 20px;
}

.x-accordion-hd .x-tool-expand-bottom {
	background-image: none !important;
}

.x-tool-expand-bottom::before {
	content: "" !important;
}

.x-accordion-hd .x-tool-expand-bottom::before {
	content: "\f067" !important;
}

.x-tool-collapse-top {
	background-image: url('../images/fama/iconos-mini/lupaSinFondo.png')
		!important;
	width: 20px;
	height: 20px;
}

.x-tool-collapse-top::before {
	content: "" !important;
}

.x-accordion-hd .x-tool-collapse-top {
	background-image: none !important;
}

.x-accordion-hd .x-tool-collapse-top::before {
	content: "\f068" !important;
}

/*HASTA AQUI*/

/*invertir colores de las solapas y hacerlas mas pequenas*/
.x-tab-bar-horizontal>.x-tab-bar-body-default {
	min-height: 32px;
}

.x-tab-bar-default {
	background-color: rgb(245, 245, 245);
}

.x-tab.x-tab-active.x-tab-default {
	/*background-color: #5fa2dd;*/
	background-color: #004FFF;
}

.x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
	color: #fff;
}

.x-tab-inner-default {
	font: 400 13px/20px 'Open Sans', 'Helvetica Neue', helvetica, arial,
		verdana, sans-serif;
	color: #4c82b1;
	max-width: 100%;
}

.x-tab-bar-default-top>.x-tab-bar-body-default {
	padding: 0px 4px 0 8px;
	margin-top: 5px;
}

/*panel headers mas pequenos*/
.x-panel-header-default {
	background-image: none;
	/*
	background-color: #336699 !important;
	border: 1px solid #336699 !important;*
	*/
	background-color: #4d4d4d !important;
	border: 1px solid #4d4d4d !important;*
	height: 32px;
}

.x-panel-header-default-horizontal {
	padding: 5px 5px 5px;
}

/*window headers mas pequeños, lo justo para mostrar la cruz*/
.x-window-header-default {
	font-size: 16px;
	/*
	border-color: #336699;
	background-color: #336699;
	*/
	border-color: #4d4d4d;
	background-color: #4d4d4d;
	height: 30px !important;
}

.x-window-header-default-horizontal {
	padding: 0 5px 0 0;
}

.fama-window {
	/*
	background-color: #336699;
	border-color: #336699;
	*/
	background-color: #4d4d4d;
	border-color: #4d4d4d;
	
}

/**/
.fama-boton-filtro-disabled {
	opacity: 0.2;
}

.fama-header  div.x-box-target {
	top: -3px !important;
}

.x-panel {
	/* background: red !important;*/
	
}

/********************************************************************************Estilos para cabecera*/

#accesos_directos-tbody .x-btn { /*Botones menu horizontal acceso directo */
    background-color: transparent;
    border-color: transparent;
    padding-left: 0px !important;
}

/*estilos para el menu de acceso directos*/
.iconoMenuHorizontalInicio {
	background-image: url('../images/fama/cabecera/homepage.png') !important;
	background-repeat: no-repeat;
	height: 22px !important;
	width: 22px !important;
	background-size: 22px, 22px;
}

.iconoMenuHorizontalInformesEjecutados {
	background-size: 22px 22px !important;
	background-image: url('../images/fama/cabecera/Informes_ejecutados.png')
		!important;
	background-repeat: no-repeat;
	background-position: center;
	height: 22px !important;
	width: 22px !important;
}

.iconoMenuHorizontalInformes {
	background-size: 22px 22px !important;
	background-image: url('../images/fama/cabecera/informe.png') !important;
	background-repeat: no-repeat;
	background-position: center;
	height: 22px !important;
	width: 22px !important;
	background-color: transparent !important;
}

.iconoMenuHorizontalCerrarSesion {
	background-image: url('../images/fama/cabecera/exit.png') !important;
	background-repeat: 'no-repeat';
	height: 22px !important;
	width: 22px !important;
	background-size: 22px, 22px;
}

.iconoMenuHorizontalUsuarioConectado {
	background-image: url('../images/fama/cabecera/usuario_conectado.png')
		!important;
			background-position: center;
	background-repeat: 'no-repeat' !important;
	background-color: transparent !important;
	background-size: 22px, 22px;
	/* margin: 0px px 10px 20px !important;*/
	 padding: 0px !important; 
	height: 22px;
	width: 22px !important;
}
/*fin estilos para el menu de acceso directos*/
.iconoLogoFama {
	height: 50px !important;
	maxWidth: 50%;
	background-repeat: no-repeat !important;
	margin: 5px 5px 5px 5px !important;
	top: 0px !important;
}

.tituloFama {
    font-family: Century gothic !important;
    font-size: 24px !important;
    /*color: #f60 !important;*/
    color: #004FFF !important;
    top: 25% !important;
    font-weight: bold;
    white-space: pre;
    margin-left: 270px;
}

.tituloFamaPortal {
	font-family: Century gothic !important;
	font-size: 30px !important;
	/*color: #f60 !important;*/
	color: #004FFF !important;
	/*top: 20px !important;*/
	font-weight: bold;
	white-space: pre;
}

.a,a:link:hover {
	text-decoration: underline !important;
}

.menuFuncionalFama {
	height: 26px !important;
	width: 26px !important;
	background-size: 22px 22px;
}

#accesos_directos {
	background: transparent !important;
	border-style: none !important;
	/*position: absolute !important;
	right: 50px !important;*/
	top: 0px !important;
	box-shadow: none;
	
}

/*
.iconoMenuHorizontalUsuarioConectado {
	background-image: url('../images/fama/cabecera/usuario_conectado.png')
		!important;
	background-position: center;
	background-repeat: 'no-repeat' !important;
	background-color: transparent !important;
	background-size: 22px, 22px;
	 margin: 0px px 10px 20px !important;
	 padding: 0px !important; 
	height: 22px;
	width: 22px;
}
*/


.topUserText {
	left: -5px;
	top: 4px;
	cursor: pointer;
	background: transparent !important;
	border-color: transparent !important;
	background-position: center !important;
	white-space: pre !important;
	text-decoration: underline;
    /*color: #336699 !important;*/
	color: #4d4d4d !important;
    height: 22px !important;
    background-size: 22px, 22px !important;
}

.topUserText span{
	cursor: pointer;
	background: transparent !important;
	border-color: transparent !important;
	background-position: center !important;
	white-space: pre !important;
	text-decoration: underline;
    /*color: #336699 !important;*/
	color: #4d4d4d !important;
    height: 22px !important;
    background-size: 22px, 22px !important;
}

#accesosDirectosPortal {
	background: transparent !important;
	border-style: none !important;
	/*top: 0px;*/
	box-shadow: none;
}

#panel-norte-body {
	top: 0px !important;
}

#panel-norte {
	background-color: #FFF;
	text-align: center;
	z-index: 800;
}

.panel-norte-conBorde {
	box-shadow: 1px 1px 5px #f6f6f6;
}

#menuFuncional {
	margin-top: -7px !important;
	top: 50px !important;
	padding-left: 5px !important;
	background-color: rgba(255, 255, 255, 0);
}

#menuFuncional .x-btn {  /*botones del menú horizontal */
    background-color: transparent;
	border-color: transparent;
	transition: background 0.2s;
	-webkit-transition: background 0.2s; /* Safari */
}

#menuFuncional .x-btn:hover{
	background-color: #e9e9e9 !important;
}

#menuFuncional .x-btn:focus{
	/*-webkit-box-shadow:#5fa2dd 0 1px 0px 0 inset, #5fa2dd 0 -1px 0px 0 inset, #5fa2dd -1px 0 0px 0 inset, #5fa2dd 1px 0 0px 0 inset !important;
	-moz-box-shadow:#5fa2dd 0 1px 0px 0 inset, #5fa2dd 0 -1px 0px 0 inset, #5fa2dd -1px 0 0px 0 inset, #5fa2dd 1px 0 0px 0 inset !important;
	box-shadow:#5fa2dd 0 1px 0px 0 inset, #5fa2dd 0 -1px 0px 0 inset, #5fa2dd -1px 0 0px 0 inset, #5fa2dd 1px 0 0px 0 inset !important;*/
	-webkit-box-shadow:#004FFF 0 1px 0px 0 inset, #004FFF 0 -1px 0px 0 inset, #004FFF -1px 0 0px 0 inset, #004FFF 1px 0 0px 0 inset !important;
	-moz-box-shadow:#004FFF 0 1px 0px 0 inset, #004FFF 0 -1px 0px 0 inset, #004FFF -1px 0 0px 0 inset, #004FFF 1px 0 0px 0 inset !important;
	box-shadow:#004FFF 0 1px 0px 0 inset, #004FFF 0 -1px 0px 0 inset, #004FFF -1px 0 0px 0 inset, #004FFF 1px 0 0px 0 inset !important;
}

#menuFuncional .fa-th-list {  /*Icono de lista para contraer el menu*/
	/*color: #336699*/
	color: #4d4d4d
}

.menuFuncional .x-btn-inner-default-toolbar-small{
	color: #4d4d4d; /*color: #336699;Color de letras de los iconos del menu horizontal */
	font: bold 14px/20px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif; 
}

/** barras de redimensionamiento de pop-ups **/
.x-resizable-handle-north{
	height: 2px !important;
}

.x-resizable-handle-east{
	width: 2px !important;
}

.x-resizable-handle-northeast{
	width: 0px !important;
    height: 0px !important;
}
/** FIN barras de redimensionamiento de pop-ups **/

/********************************************************************************fin Estilos para cabecera***********************************************/
/*
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!PORTAL!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/
.elementoConPointer {
	cursor: pointer;
}

#accesosDirectosPortal-tbody .x-btn { /* Botones de menu horizontal superior de acceso directo*/
    background-color: transparent;
    border-color: transparent;
    padding-left: 0px !important;
}

.iconoMenuHorizontalInicioPortal {
	background-image: url('../images/fama/cabecera/homepage.png') !important;
	background-repeat: no-repeat;
	height: 22px !important;
	width: 22px !important;
	background-size: 22px, 22px;
}

#botonNavegarAtras{ /* Oculta de momento el boton del portal de volver atras */
	display: none;
	position: absolute;
}

.iconoMenuHorizontalVolverAtras {
	background-image: url('../images/fama/cabecera/flecha_atras.png')
		!important;
	background-size: contain;
	background-repeat: 'no-repeat';
	height: 22px;
	width: 22px !important;
	background-color: transparent !important;
	background-position: center !important;
}

.panel-norte-movil .iconoMenuHorizontalVolverAtras {
	background-image: url('../images/fama/cabecera/flecha_atras.png')
		!important;
	background-size: contain;
	background-repeat: 'no-repeat';
	height: 30px;
	width: 30px !important;
	background-color: transparent !important;
	background-position: center !important;
}

.iconoMenuHorizontalCerrarSesionPortal {
	background-image: url('../images/fama/cabecera/exit.png') !important;
	background-repeat: 'no-repeat';
	height: 22px;
	width: 22px !important;
	background-color: transparent !important;
	background-size: 22px, 22px;
}

.iconoMenuHorizontalSaltoFamaDesdePortal {
	background-image: url('../images/fama/cabecera/cambioAplicacion.png') !important;
	background-repeat: 'no-repeat';
	height: 22px;
	width: 22px !important;
	background-color: transparent !important;
	background-size: 22px, 22px;
}

.panel-norte-movil{
	padding-top: 5px;
}

.panel-norte-movil .menuDesplegablePortal.fa-th-list {  /*Icono de lista para contraer el menu*/
	/*color: #336699 !important;*/
	color: #4d4d4d !important;
	float: right;
}

.panel-norte-movil #botonNavegarInicioPortal{
	float: left;
}

.panelCentroPortal {
	background: white !important;
}

.x-btn[data-qtip="FamaSystems"]{
	background-color: transparent;
    border-color: transparent;
}


@font-face {
	font-family: "swiss721";
	src: url(swiss721.ttf);
}

.fuentePerso {
	font-family: "swiss721" !important;
}

.fama-portlet {
	background: red !important;
}

.dataview-multisort-item {
	float: left;
	padding: 8px;
	margin: 8px 8px 4px 8px;
	text-align: center;
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!       PORTLET Navegacion !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
.portletContainer {
	/*AZUL background-color: #5FA2DD; */
	background-color: white;
	cursor: pointer;
	/* border-radius: 14px; */
}

.portletContainerSinPointer {
	/*AZUL background-color: #5FA2DD; */
	background-color: white;
	/* border-radius: 14px; */
}

.portletContainerSeleccionado {
	/* azul mas oscuro background-color: #5795CB ;*/
	background-color: Gainsboro;
}

.textoRojo {
	color: red;
	cursor: pointer;
	font-size: 13px;
}

.textoVerde {
	font-size: 13px;
	color: green;
	cursor: pointer;
}

.textoAzul {
	font-size: 13px;;
	color: blue;
	cursor: pointer;
}

.textoAmarillo {
	font-size: 13px;
	color: blue;
	cursor: pointer;
}

.textoLila {
	font-size: 13px;
	color: purple;
	cursor: pointer;
}

.textoRosa {
	font-size: 13px;
	color: pink;
	cursor: pointer;
}

.textoNegro {
	font-size: 13px;
	color: black;
	cursor: pointer;
}

.textoMarron {
	font-size: 11px;
	color: brown;
	cursor: pointer;
}

.tituloPortlet {
	cursor: pointer;
	color: #4d4d4d;
	/*color: #336699;*/
	/* font-family: 'swiss721', sans-serif; */
	line-height: 24px;
	font-size: 24px;
	font-weight: bold;
	padding: 2px 0 0 0;

	/* 
	display:inline-block; text-align:center;
	margin: 0 58px 58px; */
}

.tituloPortletPeticion {
	cursor: pointer;
	/*color: #336699;*/
	color: #4d4d4d;
	/* font-family: 'swiss721', sans-serif; */
	line-height: 24px;
	font-size: 24px;
	font-weight: bold;
	padding: 2px 0 2px 0;

	/* 
	display:inline-block; text-align:center;
	margin: 0 58px 58px; */
}

.tituloPortletPeticionSinPointer {
	/*color: #336699;*/
	color: #4d4d4d;
	/* font-family: 'swiss721', sans-serif; */
	line-height: 24px;
	font-size: 24px;
	font-weight: bold;
	padding: 2px 0 2px 0;

	/* 
	display:inline-block; text-align:center;
	margin: 0 58px 58px; */
}

.imputTextBorder {
    border-bottom-width: 1;
  	border-bottom-color: transparent;
}

.contenedorTituloYSubtituloPortlet{	
 	top: 30px !important;
 	text-align: center;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! DATAVIEW !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.elementoDataView {
	cursor: pointer;
}

.botoAtras {
	background:
		url("../../resources/images/portal/Peticiones_alternativo.png")
		no-repeat 0 0;
	background-size: 100%;
	width: 100px;
	height: 100px;
	/*
	content: "";
	
    background: url("../../resources/images/portal/Peticiones_alternativo.png") no-repeat 0 0;
    background-size: 100%;
	/*background-image: url("../../resources/images/portal/Peticiones_alternativo.png")!important; 
	width: 25px;
	height: 25px;
	font-size: 5px !important;
    font-weight: bold !important;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    /*TODO:lineas que no aplican pero deberian. Sino se consiguen aplicar, quitarlas */
}

/*Aplicada a las imagenes del carrusel*/
.carruselCss {
	display: block;
	object-fit: cover;
	position: absolute;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

.lineaCuadroConCarrusel .lineaCuadroConBoton .x-panel-body-default{
	border-color: transparent !important;
}

.x-treelist-item-text {
	padding-left: 5px !important;
	font-weight: 600;
	line-height: 28px;
}

.nodoDesactivado {
	opacity: 0.30;
	background-color: #ffffff !important;
}

.x-treelist-item-expander {
	padding-top: 5px !important;
}

.x-accordion-item .x-accordion-hd {
	padding: 7px 10px 10px 10px;
}

.x-accordion-hd .x-tool-img {
	color: #ffffff;
	/*background-color: #336699 !important;*/
	background-color: #4d4d4d !important;
	background-image: none;
}

.x-accordion-hd .x-panel-header-title {
	color: #f0f0f0;
	font-weight: 400;
}

.etiqueta-nueva-entrada-menu:after {
	content: "NEW";
	/*background-color: #5fa2dd;*/
	background-color: #004FFF;
}

.etiqueta-menu:after {
	position: absolute;
	height: 18px;
	width: 3.3em;
	display: inline-block;
	text-align: center;
	top: 50%;
	margin-top: -9px;
	right: 12px;
	color: #fff;
	font-weight: 600;
	font-size: 10px;
	line-height: 18px;
	margin-right: 15px;
}

.etiqueta-menu-sin-margin:after {
	position: absolute;
	height: 18px;
	width: 3.3em;
	display: inline-block;
	text-align: center;
	top: 50%;
	margin-top: -9px;
	right: 12px;
	color: #fff;
	font-weight: 600;
	font-size: 10px;
	line-height: 18px;
}
/********************************************************************************************************Campom i18n***/
.fama-campo-i18n-ca-ES  .x-form-trigger {
	background-image:
		url("../../resources/images/fama/iconos-mini/flags/16x16_ca_ES.png");
	background-position: center;
	background-repeat: no-repeat;
}

.fama-campo-i18n-es-ES .x-form-trigger {
	background-image:
		url("../../resources/images/fama/iconos-mini/flags/16x16_es_ES.png");
	background-position: center;
	background-repeat: no-repeat;
}

.fama-campo-i18n-en-GB .x-form-trigger {
	background-image:
		url("../../resources/images/fama/iconos-mini/flags/16x16_en_GB.png");
	background-position: center;
	background-repeat: no-repeat;
}

.fama-campo-i18n-fr-FR .x-form-trigger {
	background-image:
		url("../../resources/images/fama/iconos-mini/flags/16x16_fr_FR.png");
	background-position: center;
	background-repeat: no-repeat;
}

.fama-campo-i18n-pt-BR .x-form-trigger {
	background-image:
		url("../../resources/images/fama/iconos-mini/flags/16x16_pt_BR.png");
	background-position: center;
	background-repeat: no-repeat;
}

.fama-campo-i18n-gl-ES .x-form-trigger {
	background-image:
		url("../../resources/images/fama/iconos-mini/flags/16x16_ga_ES.png");
	background-position: center;
	background-repeat: no-repeat;
}

.fama-campo-i18n  .x-form-trigger {
	border-bottom: medium none;
}

.fama-campo-i18n .x-form-trigger-default:before {
	content: "" !important;
}

.fama-campo-i18n .x-form-trigger-default.x-form-trigger-focus {
	background-position: center;
}
/********************************************************************************************************Fin Campom i18n***/


.fama-pregunta-boton {
	width: 30px;
	height: 30px;
	border-bottom: 0px solid #b5b8c8;
    cursor: pointer;
    float: left;
    margin-right: 2px !important;
}

.fama-pregunta-boton-icono-informacion { background-image: url("../../resources/images/fama/iconos-mini/informacion_30.png"); }
.fama-pregunta-boton-icono-observaciones { background-image: url("../../resources/images/fama/iconos-mini/observaciones_30.png"); }
.fama-pregunta-boton-icono-documentos { background-image: url("../../resources/images/fama/iconos-mini/documentos_30.png"); }
.fama-pregunta-boton-icono-datos-anteriores { background-image: url("../../resources/images/fama/iconos-mini/datos_anteriores_30.png"); }

.fama-pregunta-boton-icono-informacion-over { background-image: url("../../resources/images/fama/iconos-mini/informacion_30_over.png"); }
.fama-pregunta-boton-icono-observaciones-over { background-image: url("../../resources/images/fama/iconos-mini/observaciones_30_over.png"); }
.fama-pregunta-boton-icono-documentos-over { background-image: url("../../resources/images/fama/iconos-mini/documentos_30_over.png"); }
.fama-pregunta-boton-icono-datos-anteriores-over { background-image: url("../../resources/images/fama/iconos-mini/datos_anteriores_30_over.png"); }

.fama-pregunta-boton-icono-green-informacion { background-image: url("../../resources/images/fama/iconos-mini/informacion_30.png"); }
.fama-pregunta-boton-icono-green-observaciones { background-image: url("../../resources/images/fama/iconos-mini/observaciones_green_30.png"); }
.fama-pregunta-boton-icono-green-documentos { background-image: url("../../resources/images/fama/iconos-mini/documentos_green_30.png"); }
.fama-pregunta-boton-icono-green-datos-anteriores { background-image: url("../../resources/images/fama/iconos-mini/datos_anteriores_30.png"); }

.fama-pregunta-boton-icono-green-informacion-over { background-image: url("../../resources/images/fama/iconos-mini/informacion_30.png"); }
.fama-pregunta-boton-icono-green-observaciones-over { background-image: url("../../resources/images/fama/iconos-mini/observaciones_green_30_over.png"); }
.fama-pregunta-boton-icono-green-documentos-over { background-image: url("../../resources/images/fama/iconos-mini/documentos_green_30_over.png"); }
.fama-pregunta-boton-icono-green-datos-anteriores-over { background-image: url("../../resources/images/fama/iconos-mini/datos_anteriores_30.png"); }

.fama-pregunta-boton-icono-red-informacion { background-image: url("../../resources/images/fama/iconos-mini/informacion_30.png"); }
.fama-pregunta-boton-icono-red-observaciones { background-image: url("../../resources/images/fama/iconos-mini/observaciones_30.png"); }
.fama-pregunta-boton-icono-red-documentos { background-image: url("../../resources/images/fama/iconos-mini/documentos_30.png"); }
.fama-pregunta-boton-icono-red-datos-anteriores { background-image: url("../../resources/images/fama/iconos-mini/datos_anteriores_30.png"); }

.fama-pregunta-boton-icono-red-informacion-over { background-image: url("../../resources/images/fama/iconos-mini/informacion_30.png"); }
.fama-pregunta-boton-icono-red-observaciones-over { background-image: url("../../resources/images/fama/iconos-mini/observaciones_30.png"); }
.fama-pregunta-boton-icono-red-documentos-over { background-image: url("../../resources/images/fama/iconos-mini/documentos_30.png"); }
.fama-pregunta-boton-icono-red-datos-anteriores-over { background-image: url("../../resources/images/fama/iconos-mini/datos_anteriores_30.png"); }

.fama-pregunta-boton-icono-bloqueado-informacion { background-image: url("../../resources/images/fama/iconos-mini/informacion_30_bloqueado.png"); }
.fama-pregunta-boton-icono-bloqueado-observaciones { background-image: url("../../resources/images/fama/iconos-mini/observaciones_30_bloqueado.png"); }
.fama-pregunta-boton-icono-bloqueado-documentos { background-image: url("../../resources/images/fama/iconos-mini/documentos_30_bloqueado.png"); }
.fama-pregunta-boton-icono-bloqueado-datos-anteriores { background-image: url("../../resources/images/fama/iconos-mini/datos_anteriores_30_bloqueado.png"); }

.fama-pregunta-boton-icono-bloqueado-informacion-over { background-image: url("../../resources/images/fama/iconos-mini/informacion_30_bloqueado.png"); }
.fama-pregunta-boton-icono-bloqueado-observaciones-over { background-image: url("../../resources/images/fama/iconos-mini/observaciones_30_bloqueado.png"); }
.fama-pregunta-boton-icono-bloqueado-documentos-over { background-image: url("../../resources/images/fama/iconos-mini/documentos_30_bloqueado.png"); }
.fama-pregunta-boton-icono-bloqueado-datos-anteriores-over { background-image: url("../../resources/images/fama/iconos-mini/datos_anteriores_30_bloqueado.png"); }

.fama-pregunta-campo-valor {
	padding-right: 2px;
}

.x-splitter-vertical {
	margin-top: 2px;
}

.x-treelist-toolstrip {
	margin-left: 2px;
	background-color: #FFF;
	/* Fondo de los iconos cuando menu esta contraido*/
}

.x-form-type-checkbox {
	margin: 12px 0px 4px;
}

#selMenu { /* Pequeña barra entre item del menu y cabecera*/
	background-color: #FFF;
	/*background-color:#062d54;*/
	background-position: left bottom;
	background-repeat: no-repeat;
}

.x-treelist-floater {
	box-shadow: 2px 2px 5px #999; /* Para sombras en la caja flotante */
}

.x-treelist-item-with-icon {
	/* Margen entre los items del menu que tengan icono */
	margin-bottom: 4px;
}

.x-treelist-item-tool {
	/*Margen entre los iconos cuando el menu esté contraido */
	margin-top: 10px;
}

#selMenu_header .x-tool-expand-bottom {
	display: none;
	color: transparent;
	/* oculta el "mas" del header del menu izquierdo principal */
}

#selMenu_header .x-tool-collapse-top {
	display: none;
	color: transparent;
	/*oculta el "menos" del header del menu izquierdo principal */
}

#selMenu-body {
	background-size: 50%; /*Imagen de fondo del menu vertical*/
}

.x-btn-default-small {
	/*
	background-color: #336699;
	border-color: #336699;
	*/
	background-color: #4d4d4d;
	border-color: #4d4d4d;
}

.panel-norte-movil .x-btn-default-small {
	background-color: transparent;
	border-color: transparent;
}

.x-window-header-default .x-tool-img {
	/*background-color: #336699;*/
	background-color: #4d4d4d;
}

.cabeceraPantalla{
	/*background-color: #336699 !important;*/
	background-color: #4d4d4d !important;
}

.x-panel-header-default .x-tool-img{
	background-color: transparent !important;
}

.x-fieldset-header-tool-default > .x-tool-toggle::before {
	content: "\f147";
}

.iconoMenuHorizontalFama{
	background-image: url('../images/fama/cabecera/FAMA_rectangular_cabecera_FAMA.PNG') !important;
	background-repeat: no-repeat;
	height: 24px !important;
	width: 60px !important;
	background-size: 60px, 22px;
}

/* hace que no aparezca el check azul doble en los grid con checkbox */
.x-grid-cell-checkcolumn .x-editor{
	z-index: -1 !important;
}

/* Hace que el checkbox gris esté siempre visible */
.x-grid-cell-checkcolumn .x-grid-cell-inner{
	visibility: visible !important;
}

/* Elimina el scroll de la leyenda de los gráficos*/
.x-legend-panel > .x-docked-top{
	overflow:initial !important;
}

/* color de la selección de menú y los grid */
.x-treelist-item-selected > .x-treelist-row {
    /* background-color: #fef1e6*/
    background-color: #C3D6FE
}

.x-treelist-item-selected > .x-treelist-row-over {
    /*background-color: #fef1e6*/
    background-color: #C3D6FE
}

.x-grid-item-selected {
    color: #404040;
    background-color: #C3D6FE
    /*background-color: #fef1e6*/
}

.x-grid-row .x-grid-cell-selected {
    color: #404040;
    background-color: #C3D6FE
    /*background-color: #fef1e6*/
}

.x-grid-with-row-lines .x-grid-item.x-grid-item-selected {
    border-style: solid;
    border-color: #C3D6FE
    /* border-color: #fef1e6*/
}

.x-grid-with-row-lines .x-grid-item-selected + .x-grid-item {
    border-top-style: solid;
    border-top-color: #C3D6FE
    /*border-top-color: #fef1e6*/
}

.x-grid-with-col-lines .x-grid-item-selected .x-grid-cell {
    /*border-color: #fef1e6;*/
    border-color: #C3D6FE;
    border-style: solid
}
/*FIN color de la selección de menu y los grid */

/* Pone cursor pointer cuando se pasa por encima del nombre(cuando sea el 4 elemento en grid) de un documento en gestor documental */
div[id$="identificadorGrid_LISTA_DOCUMENTOS-body"] table.x-grid-item tr.x-grid-row > td.x-grid-cell:nth-child(4)
{
	cursor: pointer;
	text-decoration: underline;
    text-decoration-color: #858585;
}

/* Subraya los enlaces cuando estos se encuentren en una lista */
.x-grid-cell.x-grid-td a {
    text-decoration: underline;
    text-decoration-color: #858585;
}

/* CampoBotonFormulario */
.fama-boton-formulario{
	cursor: pointer !important;
	margin-top: 12px;
}

.fama-boton-formulario input{
	height: 27px !important;
	min-height: 0px !important;
	margin-top: 4px;
	background: #f5f5f5;
  	background-image: -webkit-linear-gradient(top, #f5f5f5, #c4c4c4);
  	background-image: -moz-linear-gradient(top, #f5f5f5, #c4c4c4);
  	background-image: -ms-linear-gradient(top, #f5f5f5, #c4c4c4);
  	background-image: -o-linear-gradient(top, #f5f5f5, #c4c4c4);
  	background-image: linear-gradient(to bottom, #f5f5f5, #c4c4c4);
  	border-radius: 6px;
  	cursor: pointer !important;
  	/*color: #336699;*/
	color: #4d4d4d;
  	font-size: 13px;
  	font-weight: 400;
  	text-align: center;
  	text-decoration: none;
}

.fama-boton-formulario input:hover{
	background: #ececec;
  	text-decoration: none;
	cursor: pointer !important;  	
}

.fama-boton-formulario div{
	border: none;
}
/* FIN CampoBotonFormulario */

/* Flecha navegar atrás al lado de la lupa de filtros. */
.fama-flecha-atrasBlanco{
	width: 25px !important;	
}

body > .x-mask{
	background-color: rgba(0, 0, 0, 0.35) !important;
}

/* Para añadir el boton consulta en los campos seleccion */
.fama-campoSeleccion-botonConsulta {
    background-color: transparent !important;
    border-left: transparent;
    border-color: #d0d0d0;
    box-shadow: transparent 0 1px 0px 0 inset !important;
}

.fama-campoSeleccion-botonConsulta.x-btn-disabled.x-btn-default-small {
	border-color: #9c9c9c;
}

.fama-campoSeleccion-botonConsulta.x-btn-over.x-btn-default-small {
	border-color: #d0d0d0;
}

.x-form-invalid + .fama-campoSeleccion-botonConsulta.x-btn-disabled.x-btn-default-small{
	border-color: #b30000 ;
}

.x-field-focus.x-form-invalid + .fama-campoSeleccion-botonConsulta.x-btn-disabled.x-btn-default-small{
	border-color: #b30000 !important;
}

.x-field-focus + .fama-campoSeleccion-botonConsulta{
	border-color: #77b0e2 !important;
}

.x-field-focus + .fama-campoSeleccion-botonConsulta.x-btn-disabled.x-btn-default-small{
	border-color: #1b75c3 !important;
}

.fama-campoSeleccion .fama-campoSeleccion-triggerField .x-form-trigger-wrap {
	border-right-color: transparent;
}

div[id*="filtro"].fama-campoSeleccion .fama-campoSeleccion-triggerField .x-form-trigger-wrap {
	border-right-color: #d0d0d0;
}

div[id*="filtro"].fama-campoSeleccion .fama-campoSeleccion-triggerField .x-form-trigger-wrap-focus {
	border-right-color: #77b0e2;
}

.fama-campoSeleccionMultiple{
	border-right: 1px solid #d0d0d0;
}

.x-form-invalid .fama-campoSeleccionMultiple > .x-form-trigger-wrap.x-form-trigger-wrap-invalid{
	border-right: 1px solid #cf4c35;
}

.fama-campoSeleccionMultiple > .x-form-trigger-wrap.x-form-trigger-wrap-focus{
	border-right: 1px solid #77b0e2;
}
/* FIN Para añadir el boton consulta en los campos seleccion */

.x-tip-body li{
	color: #ffffff;
}


.gm-style-iw {
   left: 28 !important;
}
/******************************* MEDIA QUERYS PARA BOTONES RESPONSIVE*******************************/
/* Cuando la pantalla sea menor de 1023px */

@media screen and (max-width: 1023px)
{
    div[id^="cuadromando"].x-autocontainer-innerCt  div[id^="portletNavegacionEnPc_"] label.x-component{ 
        left: 27% !important;
    }
    
    div[id^="cuadromando"].x-autocontainer-innerCt  div[id^="portletNavegacionEnPc_"] div[id^="container"][id$="targetEl"] > div.x-container{
    	display: none; * de 0 a 1023px */
    }
}

/* Cuando la pantalla sea menor de 790px */
@media screen and (max-width: 790px)
{
    div[id^="cuadromando"].x-autocontainer-innerCt  div[id^="portletNavegacion_"] label.x-component{ 
        left: 20% !important;
    }
}

/******************************* ACABA MEDIA QUERYS PARA BOTONES RESPONSIVE*******************************/

/** MODULO GRAFICO FORGE **/
.fama-VisorForge .x-title-text{
	padding: 5px;
}

/** SERVIHABITAT **/
.centerContenedorImagenFondo {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
}

.centerContenedorImagenFondo img {
  object-fit: cover;
}

/** FI SERVIHABITAT **/

