#estructura_ {
    text-align: left;
    width: 98%;
    margin: 0px auto;
}

.ui-widget {
	font-size: 100% !important;
}

/* alineación */
.clearBoth {
	clear: both;
}
.marginTop {
	margin-top: 6px; 
}
.marginBottom {
	margin-bottom: 6px; 
}
.marginLeft {
	margin-left: 6px; 
}
.marginLeft1em {
	margin-left: 1em; 
}
.marginLeft2em{
	margin-left: 2em; 
}
.marginRight {
	margin-right: 6px; 
}

.floatRight {
	display: inline-block; 
	float: right;
}
.floatLeft {
	display: inline-block; 
	float: left;
}
.center  {
	text-align: center;
}

.center80 {
    min-width: 1200px;
    max-width: 1600px;
    margin: auto
}

.ui-selectoneradio label {display:inline;}

.textRight {
	text-align: right;
}

.textLeft {
	text-align: left;
}

.vAlignTop {
	vertical-align: top;
}
.background_F0 {
	background-color: #F0F0F0;
}
.background_F2 {
	background-color: #F2F2F2;
}
.background_F259 {
	background-color: #F2F5F9;
}

/* tablas */
.table {
	border-collapse: collapse;
}

.tableColumnsHeader {
	background: none repeat scroll 0 0 #E5E5E5;
	border-top: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	padding: 10px;
}

.tableFirstLine {
	background: none repeat scroll 0 0 #FFFFFF;
}

.tableNextLine {
	background: none repeat scroll 0 0 #EEEEEE;
}

.tableFirstLine:hover {
	background: none repeat scroll 0 0 #FFEEFF;
}

.tableNextLine:hover {
	background: none repeat scroll 0 0 #FFEEFF;
}

.tableNextLine:active {
	background: none repeat scroll 0 0 #ff0080;
}

.panelFirstLine {
	border-top: 1px solid #BBBBBB;
	vertical-align: top;
}

.panelNextLine {
	border-top: 1px solid #BBBBBB;
	vertical-align: top;
}

.panelGrid tbody {
	vertical-align: top !important;
}


th.columnHeaderTextRight span{
	float: right !important;
}

td {
	padding: 6px 6px 6px 8px;
}

.button {
	background: none;
	background-color: rgb(221, 221, 221);
	border: 2px outset rgb(221, 221, 221);
	padding: 1px 6px 1px 6px;
}

.valignTop, 
.valignTop tbody { 
	vertical-align: top !important;
}

/* Ventanas */

.height_800 {
	max-height: 800px; 
}

.height_30 {
	height: 30px; 
}

.w610 {
	width: 610px; 
}

.width_800 {
	max-width: 800px; 
}

.height_width_800 {
	max-height: 800px; 
	max-width: 800px; 
}

/* Mensajes */
.info {
	color: #008800;
	font-style: italic;
	margin: 0.5em;	
}

.warn {
	color: #ff8800;
	font-style: italic;
	margin: 0.5em;	
}

.error {
	color: #FF0000;
	font-style: italic;
	margin: 0.5em;	
}

.mess {
	color: #666;
	font-style: italic;
	margin: 0.5em;	
}

.stage {
	background-image: url("../images/exclamacion.png");
	padding: 1em 0em 1em 3em;
	background-repeat: no-repeat;
	color: #AA1111;
	font-weight: bold;
}

a.toolTip{
    text-decoration: none;
}

.tooltip-white .ui-tooltip-text {
    background-color: #fff !important;
    color: #000 !important;
    text-align: left;
}

/* decoración textos */
.decorationLineThrough {
    text-decoration:line-through;
}.decorationNone {
    text-decoration:none;
}

.ui-state-highlight td {color:#fff;}

/* ajuste de tablas */
.hideemptyheader {
	margin-top: -8px;
}

.header5 {
	margin: -5px -11px -5px -11px;
}

.header26 {
	margin: -26px -11px -5px -11px;
}

.header26-25 {
	margin: -26px -11px 25px -11px;
}

.header38 {
	margin: -38px -11px -5px -11px;
}

.hideheader {
	margin: -26px -11px -5px -11px;
}

.tree-table-no-header thead {
    display: none;
}

.hideAll {
	margin: -35px -11px -5px -11px;
}

.intotabview {
    margin: -12px -18px 0px -18px;
}  

.intocontent {
	margin: -0.5em -1em;
}

.sinCabecera thead {
	display: none;
}

/* selectCheckboxMenu */

.selectCheckboxMenuLabel {	
	min-width:6em;
	min-height:2em;
}

/* quita la cabecera de los dialog */

/*.ui-dialog .ui-dialog-titlebar*/
.modal80 {
	max-width: 80%; 
	min-width:80%; 
	margin: auto; 
}

.modalSinCabecera.ui-dialog .ui-dialog-titlebar {
   display: none !important;
}

/* colores corporativos para prime faces */

.ui-button, 
.ui-button.ui-state-default,
.ui-state-highlight,
.ui-state-active,
.ui-state-active a,
.ui-selectonemenu-item:hover,
.ui-selectlistbox-item:hover,
.ui-progressbar .ui-progressbar-value {
	background: #a00 !important;
	border: #900 !important;
	color: #fff !important;
}

.ui-fileupload {
	width: fit-content;
	min-width: 40em;
}

.ui-fileupload-content {
/*	min-height: 10em; */
}

.ui-selectonemenu-filter-container {
	width: 100%;
	text-align: left;
}

.width100 {
	width: 100%;
}

.widthWfa {
	width: -webkit-fill-available
}

.minWidth180{
	min-width: 180px;
}

.height28 {
	height: 28px;
}
.minHeight2em {
	min-height: 2em
}

/* tablas */

.sinCabecera.ui-datatable thead {
	display: none !important;
}


.mat{
	font-size: 115% !important;
}

.mat.ui-datatable tbody td {
	padding: 20px 10px;
	border-style: none;
}

.mat.ui-datatable thead th {
	padding: 20px 10px;
	font-size: 110% !important;
	background-color: #d0d0d0;
}

.mat.ui-datatable tfoot td {
	padding: 20px 10px;
	border-right: hidden;
	border-left: hidden;
}

.mat.ui-datatable tbody tr {
	border-right: hidden;
	border-left: hidden;
}

.mat tr.ui-datatable-odd {
    /* background-color: #f4f4f4; */
    /* background-color: #e0e0e0; */
    background-color: #f0f0f0;
}

.mat.ui-datatable.plana thead th {
	background-color: #ebedf0 !important;
	border: none !important;
}
.mat.ui-datatable.plana tbody tr {
	border: none !important;
}
.mat.plana tr.ui-datatable-odd {
    background-color: unset !important;
}

.mat .ui-panelmenu-panel a{
    padding: 1.5em 0.5em 1.5em 2.2em !important;
    min-width: 600px;
}

.sinborde{
	border: none !important;
}
	
.border{
	padding: 0px !important;
	width:0px !important;
	border-right-style: solid !important;
	border-right-color: lightgray !important;
	border-right-width: 1px !important;
}

.tiles {
  height:100px;
  width:100px;
  border: 1px solid grey;
  border-radius:10px;
  padding:20px;
}

.mistyrose{
	background-color: mistyrose;
}

.outputTextSinEscape{
	width: 610px; 
	background: url(../resources/images/gn/bk.textarea.gif) repeat-x left center; 
	padding-left: 0.3em; 
	padding-right: 0.3em; 
	padding-top: 0.1em; 
	padding-bottom: 0.1em; 
	border: 1px solid #ccc;
}

.h3bold {    
    color: #900;
    font-size: 1.4em;
    font-weight: bold;
}

.h3black {    
    font-size: 1.4em;
}

.h3italic {    
    color: #900;
    font-size: 1.4em;
    font-style: italic;
}

.tituloChat {
	font-size: 1.3em !important;
    font-weight: 700;
}

.h2italic {    
    color: #900;
    font-size: 1.2em;
    font-style: italic;
}

.padding5 {
	 padding: 5px !important;
}

.cerrado {
	background-color: #e0e0e0;
}
.completado {
	background-color: #f0fff0;
}
.pendiente {
	background-color: #ffe0e0;
}

.tableEncuestasExpedientes {
	display: inline-block; 
	float: left;
	width:auto; 
	margin-top:-9px;
}

.panel40Em {
	padding: .2em .4em; 
	margin-bottom: -1px; 
	border-bottom-right-radius: 0; 
	border-bottom-left-radius: 0; 
	width: 500px;
}
.inputTextArea40Em {
	border-top-right-radius: 0; 
	border-top-left-radius: 0; 
	width: 502px;
}

.oculto {
	display: none;
}

.lang-menuitem {
    font-size: 22px;
    width: inherit;
    height: inherit;
    margin-top: -4px;
    margin-right: 4px;
}

.italic {
	font-style: italic;
}

/* Estilos para el chat */

.menuChat {
	padding:0;
	border:none;
}

table.mensajeChatSendBox{
	width: -webkit-fill-available;
	width: -moz-available;
}

.mensajeChatSendBox td{
	padding: 0 !important;
	vertical-align: bottom;
}

.mensajeChat {
	border:1px solid #ccc;
	border-radius: 1em;
    line-height: 1.6;
    width: 460px !important;
    height: 40px !important;
}

.mensajeChatCaja {
	border:1px solid #ccc;
	border-radius: 1em;
	width: fit-content; 
	max-width: 90%;
    padding: 0.6em;
}

.mensajeChatTexto {
    line-height: 1.6;
}

.originMe {
	float: right;
	background-color: #def;
}

.originOther {
	background-color: #eee;
}

.relative {
	position: relative;
}

.colorRed {
	color: #c00;
}

.inComment{
	color: white !important;
	font-size: 0.6em !important;
}

.pointer{
	cursor: pointer;
}


ul.ui-menu-child {
	min-width: 12.5em !important;
	width: fit-content !important;
}
