@charset "UTF-8";
/*
VARIABLES - UVIGO:
Azul primary: #395c75
Azul claro: #6789a4

Azul oscuro: #073349

*/
/*Menu Horizontal*/
/*Sub Menu*/
/*Menu Vertical*/
/* Colores */
@font-face {
  font-family: "Roboto", sans-serif;
  font-weight: "normal";
  font-style: "normal"; }
/* LOS CAMBIOS EN LSO COMPONENTES DE PRIMEFACES HAY QUE HACERLSO EN ESTE CSS PORQUE SE CARGA DESPUES DEL DE PRIMEFACES (EN EL BODY) */
/* This will be applied to all HTML in the page and not just PrimeFaces components*/
root {
  font-family: "Roboto Regular", sans-serif; }

/* We can adjust the font-size value if we wish to make PrimeFaces components stand out by making them larger or smaller so that they don't take up as much space on the page */
.ui-widget {
  font-family: "Roboto Regular", sans-serif; }

.ui-widget-content a {
  color: black; }

.ui-widget-content a:hover {
  color: black; }

/*Enlaces menus*/
.ui-menu.ui-widget-content a {
  color: black; }

.ui-panelmenu .ui-menuitem-link {
  color: black; }

.ui-sticky {
  background-color: white; }

.ui-datepicker-week-col {
  max-width: 7px;
  text-align: center; }

/*Se utiliza para seleccionar celdas de ls tablas*/
.celda-tabla-seleccionada {
  border: 1px solid #6789a4;
  background: #6789a4;
  color: #fff; }

/*Menu Horizontal Editar */
/*Menu Horizontal Ppl*/
.menuVerticalPpl {
  /*width: 98% !important;*/ }

/*Menu Horizontal Ppl*/
/* ******************************************************************** */
.menuHorizontalPpl {
  background: #073349;
  /*border: 1px solid #d5d5d5;*/
  border: none; }

.menuHorizontalPpl.ui-widget-content a {
  color: white; }

.menuHorizontalPpl .ui-menuitem-active a {
  color: black; }

/*SubMenu Horizontal Ppl*/
.menuHorizontalPpl .ui-menu-child {
  background: whitesmoke; }

.menuHorizontalPpl .ui-menu-child a {
  color: black; }

.menuHorizontalPpl .ui-menu-child a:hover {
  /*background: white;*/ }

.menuHorizontalPpl .ui-icon-triangle-1-s {
  background-image: url("../../javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-omega"); }

.menuHorizontalPpl .ui-menuitem-highlight .ui-icon-triangle-1-s {
  background-image: url("../../javax.faces.resource/images/ui-icons_222222_256x240.png.xhtml?ln=primefaces-omega"); }

.iconoMasMenosSubmenu .ui-icon.ui-icon-triangle-1-e {
  background-image: url("../../resources/images/iconos/plus-solid.svg");
  background-position: 0 0;
  /* closed position */ }

.iconoMasMenosSubmenu .ui-icon.ui-icon-triangle-1-s {
  background-image: url("../../resources/images/iconos/minus-solid.svg");
  background-position: 0 0;
  /* opened position */ }

.ui-menu .ui-menuitem-link .ui-menuitem-icon, .ui-menu .ui-submenu-icon {
  padding-right: 5px; }

.fileuploadSoloBoton .ui-fileupload-buttonbar .ui-widget-header .ui-corner-top .ui-widget-header {
  border-bottom: none !important; }

.fileuploadSoloBoton .ui-fileupload-buttonbar {
  padding: 0px;
  border-bottom: none !important; }

.fileuploadSoloBoton .ui-fileupload-content {
  display: none; }

.ui-fileupload-buttonbar .ui-button .ui-button-text {
  display: inherit; }

.ui-fileupload-buttonbar .ui-button {
  padding: 0px; }

/* .panelMenuVertical */
/* ******************************************************************** */
.panelMenuVertical .ui-panelmenu-header a {
  background: white;
  color: black; }

.panelMenuVertical.ui-panelmenu .ui-panelmenu-header.ui-state-active, .ui-panelmenu .ui-panelmenu-header.ui-state-active a {
  background: #073349;
  color: white;
  border-color: #6789a4; }

.panelMenuVertical.ui-panelmenu .ui-panelmenu-content {
  background: white; }

.panelMenuVertical .ui-menuitem-text {
  font-size: 0.9em; }

.panelMenuVertical .ui-state-default, .panelMenuVertical .ui-widget-content .ui-state-default, .panelMenuVertical .ui-widget-header .ui-state-default {
  -webkit-border-radius: 0px;
  border: 0px; }

.panelMenuVertical .ui-icon-triangle-1-e {
  background-image: url("../../javax.faces.resource/images/ui-icons_222222_256x240.png.xhtml?ln=primefaces-omega"); }

/* Select Menu */
.ui-fluid .ui-selectonemenu {
  width: 100%;
  min-width: auto !important; }

.ui-selectonemenu .ui-selectonemenu-trigger {
  width: 2.4em;
  background: #395c75; }

.ui-selectonemenu .ui-icon-triangle-1-s {
  background-image: url("../../javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-omega"); }

/* */
.ui-selectonemenu-panel .ui-selectonemenu-filter {
  width: auto; }

.anchoSelectMenu {
  width: auto !important; }
  @media screen and (max-width: 640px) {
    .anchoSelectMenu {
      width: 100% !important; } }

.separadorMenuItem {
  /*border-bottom: 2px solid red;*/
  background-color: #939393; }

.menuMarcado {
  background-color: #6789a4; }

/*Tabla*/
/* Tabla listado ppl */
.tablaListadoPpl .ui-paginator.ui-paginator-top {
  background: #395c75;
  color: white;
  float: left;
  width: 100%; }

.tablaListadoPpl .ui-paginator.ui-paginator-bottom {
  background: #395c75;
  color: white;
  float: left;
  width: 100%;
  white-space: normal; }

.ui-paginator .ui-paginator-page.ui-state-active {
  background: #395c75;
  color: #fff;
  border-color: #dbdbdb; }

.ui-datatable th.ui-state-default, .ui-datatable tfoot td.ui-state-default {
  background: white; }

.ui-datatable th.ui-state-active {
  color: white;
  background: #186ba0; }

.noFijarAlturaFila.ui-datatable-resizable tbody td {
  white-space: normal;
  word-break: break-word; }

.noFijarAlturaFila.ui-datatable-resizable th.ui-resizable-column {
  white-space: normal;
  word-break: break-word; }

.ui-sidebar-left {
  width: 250px; }

/*Menus*/
.centeredMenuBar.ui-menubar {
  text-align: center; }

.centeredMenuBar .ui-menu-list {
  display: inline-block; }

/* Con float:left los menus de dos lineas quedaban descuadrados*/
.menuVerticalPublico, .ui-menu .ui-menuitem-text {
  float: none; }

/* Panel autocomplete */
.ui-autocomplete-panel .ui-autocomplete-list-item {
  border: 1px groove; }

/* Panel */
.bordeCssGrid .ui-panelgrid-content {
  border: 0px; }

.bordeCssGrid .ui-widget-header {
  background: none;
  border: 0px;
  border-bottom: 1px solid #dbdbdb; }

.bordeCssGrid.ui-panelgrid .ui-panelgrid-header {
  text-align: left; }

.ui-datepicker .ui-datepicker-header, .ui-datepicker .ui-timepicker-div > .ui-widget-header {
  background: #595c5d;
  border: 0px;
  border-bottom: 0px; }

.paddingCeroVertical.ui-panelgrid .ui-panelgrid-cell {
  padding-top: 0px;
  padding-bottom: 0px; }

/* Cabecera Seleccion */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #6789a4;
  background: #6789a4;
  color: #fff; }

/*Color hover lista desplegable*/
.ui-state-hover, .ui-selectonemenu-panel .ui-state-hover, .ui-selectonemenu-list-item .ui-state-hover, .ui-state-hover {
  border: 1px solid #6789a4;
  background: whitesmoke;
  color: black; }

/*Cabecera Menu */
/*
.ui-panelmenu .ui-panelmenu-header.ui-state-active a {
    background: $color_fondo_seleccion;
    color: $color_letra_seleccion;
    border-color: $color_fondo_seleccion;
}
*/
/* Error */
.ui-growl-error, .ui-growl-fatal, .ui-messages .ui-messages-error, .ui-message.ui-message-error, .ui-messages .ui-messages-fatal, .ui-message.ui-message-fatal {
  background-color: #ef5350;
  border: 0 none;
  color: black; }

/*  Personalizacion colores defecto primefaces */
/* *************************************************************************** */
.ui-button, button.ui-button.ui-state-default, .ui-button.ui-state-default {
  border: 1px solid #395c75;
  color: #fff;
  background: #395c75; }

/* *************************************************************************** */
.soloBotonCalendario.ui-calendar input {
  width: 1px !important;
  visibility: hidden !important; }

.ancho100.ui-calendar input {
  max-width: 100% !important; }

.boton-no-fluid.ui-fluid .ui-button {
  width: 20px; }

.ui-calendar.calSoloFecha, .ui-calendar.calSoloFecha input {
  width: 100%;
  max-width: 100px; }

.ui-calendar.calFechaMinutos, .ui-calendar.calFechaMinutos input {
  width: 100%;
  max-width: 130px; }

.ui-selectonemenu.rojo label.ui-selectonemenu-label {
  color: red; }

.ui-fluid .ui-calendar, .ui-fluid .ui-calendar input {
  width: 100%;
  max-width: 200px; }

.ui-fluid .ui-trigger-calendar input.hasDatepicker {
  padding-right: 0px; }

/*
.ui-fluid .p-datepicker, .ui-fluid .p-datepicker input {
    width: 100%;
    max-width: 100%;
}
*/
.datePickerFix .ui-datepicker {
  position: initial !important; }

.label_centrada_input {
  display: block;
  padding-top: 5px; }

.ui-chkbox .ui-chkbox-label {
  /*Por defecto es inline-block y muestra un salto si el check tiene un texto largo */
  display: inline; }

.checkNegro .ui-chkbox-box {
  border-color: black; }

.checkFloatDcha.ui-chkbox .ui-chkbox-box {
  float: right; }

/* Ancho % */
/* Tienen que estar en componentePF para que tengan prioridad al cargar los estilos*/
.ancho10 {
  width: 10%; }

.ancho15 {
  width: 15%; }

.ancho20 {
  width: 20%; }

.ancho25 {
  width: 25%; }

.ancho30 {
  width: 30%; }

.ancho35 {
  width: 35%; }

.ancho40 {
  width: 40%; }

.ancho45 {
  width: 45%; }

.ancho50 {
  width: 50%; }

.ancho55 {
  width: 55%; }

.ancho60 {
  width: 60%; }

.ancho65 {
  width: 65%; }

.ancho70 {
  width: 70%; }

.ancho75 {
  width: 75%; }

.ancho80 {
  width: 80%; }

.ancho85 {
  width: 85%; }

.ancho90 {
  width: 90%; }

.ancho95 {
  width: 95%; }

.ancho100 {
  width: 100%; }

.ancho100px {
  width: 100px; }

.ancho125px {
  width: 125px; }

.ancho150px {
  width: 150px; }

.anchoTFMes {
  width: 125px !important; }

/*Le ponemos un top de 75px en vez de 50px para que no tape la opciones del menu pp*/
.ui-growl {
  position: fixed;
  top: auto;
  bottom: 10px;
  right: 10px;
  width: 301px; }

.ui-dialog .ui-dialog-title {
  color: white; }

.ui-dialog .ui-dialog-titlebar {
  background: #395c75 !important;
  margin: 0px;
  padding: 10px; }

.ui-dialog {
  /*border: 2px solid #073349;    */
  border: 2px solid black;
  /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);*/ }

.ui-inputgroup {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.ui-inputgroup .ui-inputgroup-addon:first-child, .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.ui-inputgroup .ui-inputgroup-addon {
  padding: 4px; }

.ui-inputgroup .ui-inputgroup-addon, .ui-inputgroup .ui-inputgroup-addon-checkbox {
  display: inline-block;
  text-align: center;
  min-width: 1.5em;
  border-width: 1px;
  border-style: solid; }

.ui-inputgroup .ui-inputgroup-addon, .ui-inputgroup .ui-inputgroup-addon-checkbox {
  border-color: #d6d6d6;
  background-color: #f0f0f0;
  color: #222; }

.menuEditar.ui-menu .ui-menuitem-text {
  font-weight: bold; }

/* Si no le quito el overflow:hidden los iconos salen cortados */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: visible;
  background-repeat: no-repeat; }

/* Chips */
.chip-100.ui-chips {
  width: 100%; }

.chip-100 .ui-chips-container {
  width: 100%; }

/* Tabla: Sin el min-height, el horizontal scroll oculta la primera fila*/
.ui-datatable .ui-datatable-scrollable-body {
  min-height: 10px; }

/* Menu epadina edicion */
.menuHorizontalEditar.ui-menu {
  padding: 0.1em; }

/* Bread-crum*/
.ui-breadcrumb .ui-icon-home {
  background-image: url("/campusactivo/javax.faces.resource/images/iconos/home-16.png.xhtml");
  background-position: 0;
  /* asuming bandeau.png is a single image */ }

.ui-breadcrumb ul li a.ui-icon-home {
  margin-top: 4px;
  margin-left: 2px; }

/* Overlay panel */
/* Si no ponemos esto en los menus laterales aparece el scroll lateral */
.ui-overlay-hidden {
  display: none; }

.ui-overlay-visible {
  display: auto; }

/* Alineado float: En la version movil se alinea a la izda SIEMPRE */
.clear_both {
  clear: both; }

.float_dcha {
  float: right; }

.float_izda {
  float: left; }

/* Alineado float: En la version movil TAMBIEN */
.float_dcha_fijo {
  float: right; }

.anchoMax30 {
  max-width: 30px; }

.anchoBotonIcono {
  max-width: 2.4em !important;
  min-width: 2.0em; }

.anchoInputNumero .ui-inputtext {
  max-width: 100px; }
  @media screen and (max-width: 640px) {
    .anchoInputNumero .ui-inputtext {
      max-width: 100%; } }

.inputNumeroRojo .ui-inputtext {
  color: #ff3434; }

input.anchoInput100px {
  width: 100px !important; }
  @media screen and (max-width: 640px) {
    input.anchoInput100px {
      width: 100% !important; } }

input.anchoInput200px {
  width: 200px !important; }
  @media screen and (max-width: 640px) {
    input.anchoInput200px {
      width: 100% !important; } }

.anchoBoton {
  width: auto !important; }
  @media screen and (max-width: 640px) {
    .anchoBoton {
      width: 100% !important; } }

/* Columna Ppl  combo select + boton */
/* ******************************************** */
.anchoColumnaPpl {
  flex-grow: 1; }

/* Boton menu */
/* ******************************************** */
.botonMenu {
  width: 2.4em;
  max-width: 2.4em; }

/* No mostramos el texto en modo normal (tamaño fijado a 30px) */
.botonMenu .ui-button-text-icon-left .ui-button-text {
  display: none; }

/* Cambiamos el icono del triangulo por el del + */
.botonMenu .ui-icon-triangle-1-s {
  background-position: -80px -224px; }

.botonMenu .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
  width: 100%; }

/* Damos altura al boton */
.botonMenu .ui-button, .botonMenu .ui-button span, .botonMenu button.ui-button.ui-state-default span, .botonMenu .ui-button.ui-state-default span {
  height: 28px; }

/* ******************************************** */
/* Boton ampliar */
/* ******************************************** */
.boton {
  width: 7%;
  max-width: 2.4em; }

/* No mostramos el texto en modo normal (tamaño fijado a 8%) */
.boton .ui-button-text-icon-left .ui-button-text {
  display: none; }

/* Damos altura al boton */
.boton .ui-button, .boton .ui-button span, .boton button.ui-button.ui-state-default span, .boton .ui-button.ui-state-default span {
  height: 100%;
  width: 100%; }

/* Ajustamos el icono al centro */
.boton .ui-button-icon-only .ui-icon, .boton .ui-button-text-icon-left .ui-icon, .boton .ui-button-text-icon-right .ui-icon {
  left: 0%; }

/* ******************************************** */
/* Aplicando esta clase en un panel grid de agruparcomponentes, hacemos mas pequeño el espacio entre el boton y el componete */
.agruparComponentes.panelBoton .ui-panelgrid-cell {
  padding-right: 2px; }

.campoPosicion .ui-inputtext {
  max-width: 100px; }
  @media screen and (max-width: 640px) {
    .campoPosicion .ui-inputtext {
      max-width: 100%; } }

/*/ Steps */
/* ********************************************************************* */
.ui-steps.custom .ui-steps-item {
  width: 24%;
  /* 100/numero de pasos*/ }

.ui-steps.custom .ui-state-highlight {
  text-shadow: none !important; }

.ui-steps.custom {
  margin-bottom: 40px;
  margin-top: 15px; }

.ui-steps.custom .ui-steps-item .ui-menuitem-link {
  height: 10px;
  padding: 0 1em; }

.ui-steps.custom .ui-steps-item .ui-steps-number {
  background-color: #0081c2;
  color: #FFFFFF;
  display: inline-block;
  width: 30px;
  border-radius: 10px;
  margin-top: -10px;
  margin-bottom: 10px; }

.ui-steps.custom .ui-steps-item.ui-state-highlight .ui-steps-title {
  color: #555; }

/* ********************************************************************* */
/* Eliminamos el padding a todas las celdas del grid con la clase paddinCero en el styleClass */
.ui-panelgrid .paddingCero .ui-panelgrid-cell {
  padding: 0px; }

/* Eliminamos el padding a las celdas con la clase paddingCero en el columnClasses */
.ui-panelgrid .ui-panelgrid-cell .paddingCeroDcha {
  padding-right: 0px; }

.ui-panelgrid .ui-panelgrid-cell .paddingCeroIzda {
  padding-left: 0px; }

/* PanelGrid Agrupar Componentes*/
.agruparComponentes .ui-panelgrid-content {
  border: 0px; }

.agruparComponentes .ui-panelgrid-cell {
  padding-left: 0px;
  padding-right: 4px;
  border: 0px; }

.agruparComponentes .ui-widget-content {
  border: 0px; }

/*En las tablas, aunque esten contenidas en un panel agruparComponentes, si que tienen que tener borde*/
.agruparComponentes .ui-datatable .ui-widget-content {
  border: 1px solid #d5d5d5; }

.agruparComponentes.fondoMenu .ui-widget-content {
  border: 0px;
  background: #073349; }

.ui-fluid .ui-inputfield {
  min-height: 25px; }

.inputNegrita .ui-inputfield, .inputNegrita .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
  font-weight: bold; }

.inputBusqueda {
  width: 200px; }

/*Filas Tabla*/
.filaTablaRoja {
  background-color: #fca752 !important;
  background-image: none !important;
  color: #000000 !important; }

/*Botones*/
/* ************************************************************************** */
/*Blanco*/
.botonBlanco.ui-button.ui-state-default {
  background-color: #ffffff;
  color: #222222;
  border-color: #d6d6d6; }

.botonBlanco.ui-button.ui-state-default:enabled:hover,
.botonBlanco.ui-button.ui-state-default:focus {
  background-color: #f2f2f2;
  border-color: #ccc;
  color: #373a3c; }

/*Rojo*/
.botonRojo.ui-button.ui-state-default {
  background-color: #B71C1C;
  color: white;
  border-color: #d6d6d6; }

.botonRojo.ui-button.ui-state-default:enabled:hover,
.botonRojo.ui-button.ui-state-default:focus {
  background-color: #ad000b;
  border-color: #ccc;
  color: #222222; }

.ui-splitbutton.botonRojo .ui-button {
  background-color: #B71C1C;
  color: white;
  border-color: #d6d6d6; }

.ui-splitbutton.botonRojo .ui-button:enabled:hover,
.ui-splitbutton.botonRojo .ui-button:focus {
  background-color: #ad000b;
  border-color: #ccc;
  color: #222222; }

/*BotonSeccionesMenu*/
/* ************************************************************************** */
.ui-column-title {
  font-weight: bold; }

.columnaTablaSeleccion {
  width: 40px !important;
  text-align: center; }

/*Separador*/
.ui-menu .ui-separator {
  height: 1px; }

/*
.ui-state-disabled, .sinOpacidad .ui-state-disabled{
    opacity: 1;
}
*/
/* Cuando se deshabilita un componente le subimos la opacidad para que se vea mejor*/
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .70; }

.sinBorde {
  border-style: none !important; }

/*Wizard*/
.wizard-button.ui-button.ui-state-default {
  background-color: #4CAF50;
  border-color: #003333;
  /*color: #222222;*/ }

.wizard-button.ui-button.ui-state-default:enabled:hover {
  background-color: #006633;
  border-color: #003333;
  /*color: #222222;*/ }

.ui-wizard .ui-state-highlight {
  border: 1px solid #003333;
  background: #4CAF50; }

/*Tabla*/
.ui-datatable .ui-state-default {
  text-align: left; }

/* tabla header y footer */
.ui-datatable .ui-datatable-header, .ui-datatable .ui-datatable-footer {
  text-align: left;
  padding: 4px 0px; }

/*DataGrid*/
.sinCabecera.ui-datagrid .ui-datagrid-header {
  display: none; }

/*Alinear a la izda el paginador*/
.ui-paginator.ui-paginator-top {
  text-align: left; }

.ui-paginator.ui-paginator-bottom {
  text-align: left; }

.ui-paginator-current {
  margin-left: 0px; }

.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options {
  margin-right: 2px;
  margin-left: 2px; }

/* Padding panel */
.ui-panel .ui-panel-content {
  padding: 5px; }

.ui-panel .ui-panel-titlebar {
  padding: 5px; }

.ui-panel .ui-panel-footer {
  padding: 5px; }

.ui-selectoneradio.ui-grid-responsive .ui-grid-row > div, .ui-selectmanycheckbox.ui-grid-responsive .ui-grid-row > div {
  padding: .2em; }

.ui-selectmanycheckbox label {
  display: inline; }

.ui-selectoneradio label {
  display: inline; }

/*SideBar*/
.ui-sidebar-top.ui-sidebar-active, .ui-sidebar-bottom.ui-sidebar-active {
  background: #E5E5E5;
  border: 1px solid gray; }

.tituloSideBarNotificaciones {
  color: #073349; }

/* Acordation */
/* Editar Tab ppl */
/*Tab Editar */
.tabEditarPpl {
  font-weight: bolder;
  color: white;
  background: #073349 !important;
  border: 1px solid #d9d9d9 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.tabEditarPpl .ui-icon-triangle-1-s {
  background-image: url("../../javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-omega"); }

.tabEditarPpl .ui-icon-triangle-1-e {
  background-image: url("../../javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-omega"); }

.tabBuscDetalladaPpl {
  font-weight: bolder;
  color: black;
  background: #6789a4 !important;
  border: 1px solid #d9d9d9 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.ui-accordion {
  margin: 5px; }

.ui-accordion .ui-accordion-header {
  background: #f6f6f6;
  font-weight: bold;
  border: 1px solid #d9d9d9 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.ui-accordion .ui-accordion-header.ui-state-active {
  background: #f6f6f6;
  border: 1px solid #d9d9d9 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.ui-accordion .ui-accordion-header.ui-state-hover {
  color: black; }

.ui-accordion-content.ui-helper-reset.ui-widget-content {
  border: 1px solid #d9d9d9 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.ui-accordion .ui-accordion-content {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
  padding-bottom: 5px;
  margin-bottom: 5px; }

/* simple */
.ui-accordion .accordionSimple {
  margin: 0px; }

.ui-accordion .accordionSimple .ui-accordion-header {
  background: white;
  font-weight: normal;
  border: 1px solid #d9d9d9 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.ui-accordion .accordionSimple .ui-accordion-header.ui-state-active {
  background: white;
  border: 1px solid #d9d9d9 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.ui-accordion .accordionSimple .ui-accordion-header.ui-state-hover {
  color: black; }

.accordionSimple .ui-accordion-content.ui-helper-reset.ui-widget-content {
  border: none;
  box-shadow: none; }

.ui-accordion .accordionSimple .ui-accordion-content {
  padding: 2px;
  margin-bottom: 2px; }

/*Colores Iconos*/
.fa.white {
  color: white; }

.fa.black {
  color: black; }

/* Elimina la opacidad para los check box disabled*/
/* Tb la elimina par also botones */
/*
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{
    opacity: 1;
}
*/
.sinOpacidad .ui-state-disabled {
  opacity: 1; }

/* Las separaciones entre divs ui-g son demasiado grandes */
.ui-g-1, .ui-g-2, .ui-g-3, .ui-g-4, .ui-g-5, .ui-g-6, .ui-g-7, .ui-g-8, .ui-g-9, .ui-g-10, .ui-g-11, .ui-g-12 {
  padding: .2em; }

/* >=641px and <=1025px */
@media screen and (min-width: 640px) and (max-width: 1024px) {
  /* Columna Ppl  combo select + boton */
  /* ******************************************** */
  .anchoColumnaPpl {
    flex-grow: 1; }

  /*
  .ui-md-6 {
      //width: 100%;
      flex-grow: 1;
  }
  */ }
/* <=640px*/
/* ************************************************************** */
@media screen and (max-width: 640px) {
  /* Alineado float: En la version movil se alinea a la izda SIEMPRE */
  .float_dcha {
    float: left; }

  .anchoMax30 {
    max-width: inherit; }

  /* Column BreakPoint del DataGrid*/
  .ui-grid-responsive .ui-grid-row {
    display: block; }

  .ui-grid-responsive .ui-grid-col-1, .ui-grid-responsive .ui-grid-col-2, .ui-grid-responsive .ui-grid-col-3, .ui-grid-responsive .ui-grid-col-4, .ui-grid-responsive .ui-grid-col-5, .ui-grid-responsive .ui-grid-col-6, .ui-grid-responsive .ui-grid-col-7, .ui-grid-responsive .ui-grid-col-8, .ui-grid-responsive .ui-grid-col-9, .ui-grid-responsive .ui-grid-col-10, .ui-grid-responsive .ui-grid-col-11, .ui-grid-responsive .ui-grid-col-12 {
    width: 100%;
    float: none; }

  .agruparComponentes .ui-panelgrid-cell {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 1px;
    padding-bottom: 2px; }

  /* Columna Ppl  combo select + boton */
  /* ******************************************** */
  .anchoColumnaPpl {
    width: 100%; }

  /* Boton menu */
  /* ******************************************** */
  .botonMenu {
    width: 100%;
    max-width: 100%; }

  .botonMenu .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
    width: 30px;
    display: inherit; }

  /* Mostramos el texto solo en modo responsive <640px */
  .botonMenu .ui-button-text-icon-left .ui-button-text {
    display: inherit;
    text-align: left; }

  /* Boton ampliar */
  /* ******************************************** */
  .boton {
    width: 100%; }

  /* Mostramos el texto solo en modo responsive <640px */
  .boton .ui-button-text-icon-left .ui-button-text {
    display: inherit;
    text-align: left; }

  /* Ajustamos el icono a la izquierda */
  .boton .ui-button-icon-only .ui-icon, .boton .ui-button-text-icon-left .ui-icon, .boton .ui-button-text-icon-right .ui-icon {
    text-align: left;
    margin-left: 10px; }

  /* ******************************************** */
  /* No fijamos el ancho en pixels en la columnas de seleccion de las tablas*/
  .columnaTablaSeleccion {
    /*
    width: 35px;
    text-align: left;
    */ }

  .ui-wizard-step-title {
    font-size: 18px;
    margin: 0 3px 0 0;
    padding: .4em;
    float: none; }

  .ancho10 {
    width: 100%; }

  .ancho15 {
    width: 100%; }

  .ancho20 {
    width: 100%; }

  .ancho25 {
    width: 100%; }

  .ancho30 {
    width: 100%; }

  .ancho35 {
    width: 100%; }

  .ancho40 {
    width: 100%; }

  .ancho45 {
    width: 100%; }

  .ancho50 {
    width: 100%; }

  .ancho55 {
    width: 100%; }

  .ancho60 {
    width: 100%; }

  .ancho65 {
    width: 100%; }

  .ancho70 {
    width: 100%; }

  .ancho75 {
    width: 100%; }

  .ancho80 {
    width: 100%; }

  .ancho85 {
    width: 100%; }

  .ancho90 {
    width: 100%; }

  .ancho95 {
    width: 100%; }

  .ancho100 {
    width: 100%; } }
/* FIN  <=640px */
/* ************************************************************** */