@charset "UTF-8";
/* Usado en Opcion de menu activa */
/* Usado en Opcion de menu sobre la que se encuentra el raton*/
/* Cabecera de seccion */
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,700;1,400&display=swap");
/* Comunes */
html {
  /* font-size: 14px;*/
}

body {
  margin: 0em;
  padding: 0em;
  font-family: "Lato", sans-serif;
  color: #0d0d0d;
}

table {
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
}
table tr {
  height: auto;
  background-color: #FFFFFF;
}
table tr:nth-child(even) {
  background: #f2f2f2;
}
table tr.hiddenRow {
  display: none;
}
table th {
  border-right: 1px solid #FFFFFF;
  background-color: #e0e0e0;
  padding: 0.5rem 0.4rem 0.5rem 0.4rem;
  font-weight: normal;
  text-align: left;
}
table th.columnaEstrecha {
  width: 5px;
}
table th.sortable {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #e0e0e0 url("../imagenes/portal/sortable.png") right center/1.3rem no-repeat;
  padding-right: 1.3rem;
}
table th.sorting {
  background-color: #D4D4D4;
}
table th.sorting.asc {
  background: #e0e0e0 url("../imagenes/portal/sorted_up.png") right center/1.3rem no-repeat;
}
table th.sorting.desc {
  background: #e0e0e0 url("../imagenes/portal/sorted_down.png") right center/1.3rem no-repeat;
}
table td {
  vertical-align: middle;
  padding: 0.4rem 0.4rem 0.4rem 0.4rem;
  border-right: 1px solid #FFFFFF;
}
table td.centrado {
  text-align: center;
}
table td.infoRow {
  text-align: center;
  font-style: italic;
}
table td input[type=image] {
  border: none;
  margin: 0px;
  padding: 0px;
}
table.tablaDatos {
  /*Estilos para tablas de datos a modo informacion (ej. detalle del expediente)*/
}
table.tablaDatos tr {
  background-color: none;
}
table.tablaDatos tr:nth-child(even) {
  background: none;
}
table.tablaDatos th {
  width: 45%;
  border: none;
  background: none;
  font-weight: bold;
}
table.tablaDatos td {
  border: none;
  background: none;
}
table.tablaDatos td.sangria, table.tablaDatos th.sangria {
  padding-left: 1.5rem;
}
table.tablaDatos td.separaBloque, table.tablaDatos th.separaBloque {
  padding-top: 1rem;
  border-bottom: 1px solid #ced4da;
  font-weight: normal;
}
table.filtered tr {
  background-color: #FFFFFF;
}
table.filtered tr:nth-child(even) {
  background: #FFFFFF;
}
table.filtered tr.visibleRow:nth-of-type(2n) {
  background: #f2f2f2;
}

form {
  margin: 0em;
  padding: 0em;
  border: 0em;
}

input, select, textarea {
  border: 1px solid #ced4da;
  font-weight: normal;
  font-size: 1rem;
  font-family: "Lato", sans-serif;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
input.disabled, select.disabled, textarea.disabled {
  color: #757575;
  background-color: #eeeeee;
  cursor: default;
}
input.disabled.default-cursor, select.disabled.default-cursor, textarea.disabled.default-cursor {
  cursor: default;
}
input.obligatorio, select.obligatorio, textarea.obligatorio {
  background-color: #F9F1F2;
}
input.validationError, select.validationError, textarea.validationError {
  border-color: #FD0000;
  color: #FD0000;
  border-width: 0.2rem;
}
input.validationErrorCB {
  outline: #FD0000 solid 0.2rem;
}

input {
  padding: 0.3rem 0.3rem;
}
input[type=checkbox] {
  border: none !important;
}
input[type=radio] {
  border: none !important;
}
input[type=image] {
  border: none;
  margin: 0px;
}
input[type=file] {
  background-color: #ffffff;
}
input[type=file].obligatorio {
  background-color: #F9F1F2;
}
input.alignRight {
  text-align: right;
}

select {
  height: 2.05em;
  padding-left: 0.3rem;
  padding-right: 1.7rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23$border%22%20width%3D%2218px%22%20height%3D%2218px%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M7%2010l5%205%205-5z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat, repeat;
  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
  background-position: right 0.1rem top 50%, 0 0;
  /* icon size, then gradient */
  background-size: 1.5rem auto, 100%;
  /* Hide arrow icon in IE browsers */
}
select::-ms-expand {
  display: none;
}
select.selectBoxMultiple {
  height: 8rem;
  padding-right: 0px;
  background: none;
}

a {
  color: #027c85;
}
a:hover {
  color: #027c85;
}

ul {
  list-style: none;
  padding: 0 0 0 2rem;
  margin: 0;
}
ul li {
  line-height: 1.8rem;
}
ul li::before {
  content: "•";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #027c85;
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1rem;
  /* Also needed for space (tweak if needed) */
  margin-left: -1rem;
  /* Also needed for space (tweak if needed) */
}

h2 {
  font-size: 1.1rem;
  padding: 0.3rem 0rem;
  margin: 0;
  background-color: #027c85;
  color: #ffffff;
  text-align: center;
  font-weight: normal;
}

.ocultar {
  display: none !important;
  visibility: hidden;
}

.mostrar {
  display: block;
  visibility: visible;
}

.justify {
  text-align: justify;
}

.textRight {
  text-align: right;
}

.bold {
  font-weight: bold;
}

p.centrado {
  text-align: justify;
}

.checkObligatorio {
  display: inline-block;
  border: 1px solid #ced4da;
  background-color: #F9F1F2;
  margin-right: 5px;
}
.checkObligatorio input {
  margin: 3px;
}
.checkObligatorio.validationError {
  border-color: #FD0000;
  color: #FD0000;
  border-width: 0.2rem;
}

.radioObligatorio {
  display: inline-block;
  border: 1px solid #ced4da;
  background-color: #F9F1F2;
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  margin: 0 1rem 0 0.2rem;
}
.radioObligatorio input {
  margin: 3px;
}
.radioObligatorio.validationError {
  border-color: #FD0000;
  color: #FD0000;
  border-width: 0.2rem;
}

.radioPrincipal {
  display: inline-block;
  border: 1px solid #ced4da;
  background-color: #F9F1F2;
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  margin: 0 1rem 0 0.2rem;
}
.radioPrincipal input {
  margin: 3px;
}
.radioPrincipal.validationError {
  border-color: #FD0000;
  color: #FD0000;
  border-width: 0.2rem;
}

.radioActividadesProyecto {
  display: inline-block;
  border: 1px solid #ced4da;
  background-color: #F9F1F2;
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  margin: 0 1rem 0 0.2rem;
}
.radioActividadesProyecto input {
  margin: 3px;
}
.radioActividadesProyecto.validationError {
  border-color: #FD0000;
  color: #FD0000;
  border-width: 0.2rem;
}

/* Lienzo */
.cabecera {
  /* Inicio zona logotipos */
  /* Fin zona logotipos */
}
.cabecera .zonalogotipos {
  overflow: auto;
  display: table;
  table-layout: auto;
  width: 100%;
}
.cabecera .zonalogotipos .logoIzquierda {
  display: table-cell;
  padding: 20px 0px 20px 80px;
  text-align: left;
}
.cabecera .zonalogotipos .logoIzquierda h1 {
  margin: 0;
  paddig: 0;
}
.cabecera .zonalogotipos .fotocentral {
  display: table-cell;
  vertical-align: middle;
}
.cabecera .zonalogotipos .logoDerecha {
  display: table-cell;
  padding: 20px 80px 20px 0px;
  text-align: right;
}

.avisogeneral{
    display: table;
    margin: 0 1rem;
    background: #ffde59;
    padding: 0.5rem;
}
.avisogeneral .iconoAviso{
    display: table-cell;
    vertical-align: middle;
}
.avisogeneral .iconoAviso img{
    width: 3rem;
}
.avisogeneral .textoAviso{
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 1em;
}


.zonausuario {
  font-size: 0.9rem;
  padding-bottom: 1rem;
}
.zonausuario .saludo {
  display: inline;
}
.zonausuario .actuacion {
  display: inline;
  padding-left: 10.222em;
}

.subcabecera {
  background: #027c85;
  overflow: auto;
}
.subcabecera .tituloSubcabecera {
  padding: 0px;
  font-size: 0.9rem;
  color: #ffffff;
  margin-left: 80px;
  vertical-align: middle;
  float: left;
  height: 2rem;
  display: table;
}
.subcabecera .tituloSubcabecera label {
  display: table-cell;
  vertical-align: middle;
}
.subcabecera .enlaces {
  display: table;
  height: 2rem;
  margin-right: 80px;
  float: right;
}
.subcabecera .enlaces .enlace {
  display: table-cell;
  vertical-align: middle;
}
.subcabecera .enlaces .icono {
  width: 1.5rem;
  margin-left: 0.3rem;
}

.bloqueContenido {
  /* Parte central */
  margin: 0px 80px 0px 80px;
  min-height: 550px;
  overflow: visible;
}

.pie {
  margin-top: 2rem;
  background: #f4f4f4;
  text-align: center;
  padding-bottom: 3rem;
  margin-top: 2rem;
  font-size: 0.8rem;
  clear: both;
}
.pie .enlaces {
  padding-top: 0.5rem;
  padding-right: 1rem;
  padding-left: 1rem;
  border-top: 1px solid #ced4da;
  display: inline-block;
}
.pie .enlaces a {
  margin-right: 1rem;
}
.pie .enlaces a:last-child {
  margin-right: 0;
}

/* zona de contenido */
.contenido {
  float: right;
  width: 80%;
  padding: 15px 0.5% 10px 0;
  overflow: hidden;
}

/* menu lateral */
.menuLateral {
  float: left;
  width: 18%;
  padding: 10px 0 5px 0.5%;
  text-align: left;
}
.menuLateral ul {
  list-style-type: none;
  padding: 0;
  margin: 0 5px 0 4px;
}
.menuLateral ul li {
  line-height: 1rem;
  display: block;
  position: relative;
  float: left;
  font-family: "Lato", sans-serif;
  border-left: 1px solid #ced4da;
  border-right: 1px solid #ced4da;
  background: white;
  width: 100%;
  /*&:hover > ul {
      display: block;
      position: absolute;
  }*/
}
.menuLateral ul li::before {
  content: none;
}
.menuLateral ul li a, .menuLateral ul li span {
  display: block;
  color: #484848;
  text-decoration: none;
  padding: 10px 5px 10px 15px;
}
.menuLateral ul li:last-child {
  border-bottom: 1px solid #ced4da;
}
.menuLateral ul li:hover {
  background: #CBE9B9;
}
.menuLateral ul li:hover a, .menuLateral ul li:hover span {
  color: #024D50;
}
.menuLateral ul li.selected {
  background: #ECF6E5;
}
.menuLateral ul li.selected a, .menuLateral ul li.selected span {
  color: #02575A;
}
.menuLateral ul li.selected:hover {
  background: #CBE9B9;
  color: #222222;
}
.menuLateral ul li.disabled a, .menuLateral ul li.disabled span {
  color: #bbbbbb;
  cursor: pointer;
}
.menuLateral ul li.disabled:hover {
  background: #eeeeee;
  color: #bbbbbb;
}
.menuLateral ul li.hasChild > a::after, .menuLateral ul li.hasChild > span::after {
  content: ">";
  display: inline-block;
  float: right;
  margin-right: 0.5rem;
}
.menuLateral ul li ul {
  /*submenu*/
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  width: 13rem;
  margin: 0;
  box-shadow: 5px 1px 10px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 5px 1px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 1px 10px 0px rgba(0, 0, 0, 0.5);
}
.menuLateral ul li ul li:first-child {
  border-top: 1px solid #ced4da;
}
.menuLateral .cabeceraMenu {
  background: #027c85;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 6px 10px 6px 10px;
  overflow: auto;
  font-family: "Lato", sans-serif;
}
.menuLateral .cabeceraMenu select {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 2px solid white;
  border-image: none;
  width: 120px;
  height: 2rem;
  font-family: "Lato", sans-serif;
  float: right;
  font-weight: normal;
  margin-right: 0px;
}
.menuLateral .cabeceraMenu .titulo {
  margin: 6px 0px;
  color: #ffffff;
  float: left;
}
.menuLateral .cabeceraMenu .seleccion {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  width: 8rem;
  text-align: center;
  float: right;
  background: #ffffff;
  padding: 5px 4px;
  overflow: hidden;
  display: table;
}
.menuLateral .cabeceraMenu .seleccion p, .menuLateral .cabeceraMenu .seleccion span {
  display: table-cell;
  padding: 0;
  margin: 0;
}
.menuLateral .cabeceraMenu .seleccion a {
  display: table-cell;
}

/**/
.botonon, .botonoff, .botoncancel {
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  font-size: 1rem;
  padding: 0.4rem 0;
  text-align: center;
  width: 12rem;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-decoration: none;
  border: none;
}

.botonLargo {
  width: 17rem;
  font-size: 1.1rem;
}

.botonon {
  background-color: #027c85;
  color: #ffffff;
}
.botonon:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.botonoff, .botonon:disabled, .botonon.disabled {
  background-color: #6c7569;
  color: #FFFFFF;
}
.botonoff:hover, .botonon:disabled:hover, .botonon.disabled:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.botoncancel {
  background-color: #4C7C85;
  color: #FFFFFF;
}
.botoncancel:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.contenidoIzquierda {
  width: 744px;
  height: 490px;
  padding: 15px 10px 10px 20px;
  text-align: left;
  overflow: hidden;
  overflow-y: auto;
}

.cajaDatos {
  border: 1px solid #ced4da;
  margin-bottom: 0.5rem;
}
.cajaDatos .titulo {
  background: #EDF3E9;
  color: #4F4F4F;
  padding: 0.6rem 1rem 0.6rem 1rem;
  margin: 0 0 1px 0;
  font-weight: normal;
}
.cajaDatos .titulo a {
  float: right;
}
.cajaDatos .contenidoCaja {
  overflow-y: auto;
}

/* Mensajes aclaratorios debajo de tablas por ejemplo */
.mensajesBottom {
  margin: 1rem 0.5rem;
  text-align: justify;
}

/* Mensajes aclaratorios debajo de tablas por ejemplo */
.mensajesTop {
  margin: 1rem 0.5rem;
  text-align: justify;
}

.listadoMitad {
  height: 250px;
}

.listadoCompleto {
  height: 545px;
}

/* Inicio de los estilos de la capa que contiene los pasos a seguir */
.capapasos {
  display: table;
  width: 100%;
  margin: 15px 0px 0px 0px;
}
.capapasos .paso {
  display: table-cell;
  text-align: center;
  padding: 1rem 0.5rem;
  vertical-align: middle;
  color: #027c85;
  text-decoration: none;
  border-bottom: 1px solid #ced4da;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  background-color: #f5f5f5;
}
.capapasos .paso:hover {
  border-top: 1px solid #ced4da;
  border-left: 1px solid #ced4da;
  border-right: 1px solid #ced4da;
  border-bottom: 1px solid #ffffff;
  background: #CBE9B9;
  color: #024D50;
}
.capapasos .paso.disabled:hover {
  cursor: default;
  border-bottom: 1px solid #ced4da;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  background: #f5f5f5;
  color: #027c85;
}
.capapasos .seleccionado {
  color: #000000;
  background: none;
  border-top: 1px solid #ced4da;
  border-left: 1px solid #ced4da;
  border-right: 1px solid #ced4da;
  border-bottom: 1px solid #ffffff;
}
.capapasos .pasoSimple span {
  padding-top: 1.7em;
  padding-bottom: 1.7em;
}

.contenidoPaso {
  border-left: 1px solid #ced4da;
  border-right: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
  margin-bottom: 1rem;
}
.contenidoPaso .datosPaso {
  padding: 2% 3%;
  margin-bottom: 1%;
  overflow: auto;
}

.insidePaso {
  border-left: 1px solid #ced4da;
  border-right: 1px solid #ced4da;
  overflow: auto;
}

/* Fin de los estilos de la capa que contiene los pasos a seguir */
.resultados {
  max-height: 500px;
  overflow-y: auto;
}

.tablaDatos {
  overflow-x: auto;
}

/* Formulario */
fieldset, .fieldset {
  border: 0em;
  margin: 0em;
  padding: 0em;
}
fieldset .titulo, .fieldset .titulo {
  margin: 0rem 0.7rem 0rem 0.7rem;
  padding: 0.4rem 0rem 0rem 0.3rem;
  border-top: 1px solid #ced4da;
  font-weight: bold;
  color: #444444;
}
fieldset .titulo img.ayuda, .fieldset .titulo img.ayuda {
  float: right;
  margin-right: 1.111em;
  cursor: pointer;
}
fieldset:first-child, .fieldset:first-child {
  padding-top: 0.5rem;
}
fieldset:first-child .titulo, .fieldset:first-child .titulo {
  border-top: none;
}
fieldset .tituloSubseccion, .fieldset .tituloSubseccion {
  margin: 20px 0px 10px 0px;
  width: 75%;
  border-bottom: 1px solid #ced4da;
  font-weight: bold;
  color: #444444;
}
fieldset .zonadatos, .fieldset .zonadatos {
  padding: 2% 3%;
  margin-bottom: 1%;
}
fieldset .zonadatosTop0, .fieldset .zonadatosTop0 {
  padding: 2% 3%;
  margin-bottom: 0px;
  padding-top: 0px;
}
fieldset .zonadatos p, .fieldset .zonadatos p {
  line-height: 1.7em;
}
fieldset .zonadatos .ancla, .fieldset .zonadatos .ancla {
  text-align: right;
  font-weight: bold;
}
fieldset .zonadatos .ancla a, .fieldset .zonadatos .ancla a {
  color: #027c85;
  text-decoration: none;
}
fieldset .zonadatos .ancla a:hover, .fieldset .zonadatos .ancla a:hover {
  text-decoration: none;
}
fieldset .zonadatos .inputInline, .fieldset .zonadatos .inputInline {
  padding-right: 3px;
  margin-right: 0rem;
}
fieldset .zonadatos .lineacuestionario, .fieldset .zonadatos .lineacuestionario {
  width: 100%;
  margin: 1em 0em;
}
fieldset .zonadatos .lineacuestionario .bloqueizda, .fieldset .zonadatos .lineacuestionario .bloqueizda {
  width: 82%;
  float: left;
}
fieldset .zonadatos .lineacuestionario .bloquedcha, .fieldset .zonadatos .lineacuestionario .bloquedcha {
  width: 15%;
  float: right;
  padding-top: 0.55em;
  /*padding-top:0em;*/
}
fieldset .zonadatos .columnaDatos, .fieldset .zonadatos .columnaDatos {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}

.zonaDatos {
  padding: 1rem;
}

.zonadatos div.capatabla2{
    float: left;
    width: 100%;
}

.lineaformulario {
  margin-bottom: 2px;
}
.campoformulario discapacidadformulario{
	display: inline-block;
	
}
.campoformulario {
  overflow: auto;
  margin-bottom: 0.1rem;
  display: inline-block;
  margin-right: 0.5rem;
  width: 20rem;
}
.campoformulario input, .campoformulario select, .campoformulario .campo {
  width: 10.5rem;
  font-size: 0.9rem;
}
.campoformulario textarea {
  font-size: 0.9rem;
}
.campoformulario input[type=radio], .campoformulario input[type=checkbox] {
  width: auto;
}
.campoformulario input.importe {
  width: 9.5rem;
  text-align: right;
  margin-right: 0.2rem;
}
.campoformulario input.anchoAuto {
  width: auto;
}
.campoformulario .campoAccion {
  border: 1px solid #ced4da;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display: inline-table;
}
.campoformulario .campoAccion input[type=text] {
  border: 0px;
  width: 8.8rem;
}
.campoformulario .campoAccion a, .campoformulario .campoAccion .accion {
  display: table-cell;
  width: 1.5rem;
  text-align: center;
  vertical-align: middle;
  background-color: #027c85;
  color: #ffffff;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 0px;
  cursor: pointer;
}
.campoformulario .campoAccion a:disabled, .campoformulario .campoAccion a.disabled, .campoformulario .campoAccion .accion:disabled, .campoformulario .campoAccion .accion.disabled {
  background-color: #6c7569;
  color: #FFFFFF;
  cursor: default;
}
.campoformulario .campoAccion a:disabled:hover, .campoformulario .campoAccion a.disabled:hover, .campoformulario .campoAccion .accion:disabled:hover, .campoformulario .campoAccion .accion.disabled:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.campoformulario .campoAccion a img, .campoformulario .campoAccion .accion img {
  width: 1.2rem;
}
.campoformulario .campoAccion a .iconoPrecargar, .campoformulario .campoAccion .accion .iconoPrecargar {
  border: 0px;
  background: url("../imagenes/portal/arrow_right.png") no-repeat 0/1.5rem;
  width: 1.2rem;
  height: 1.2rem;
  cursor: pointer;
}
.campoformulario .campoAccion a .iconoBuscar, .campoformulario .campoAccion .accion .iconoBuscar {
  border: 0px;
  background: url("../imagenes/portal/search.png") no-repeat 0/1.5rem;
  width: 1.2rem;
  height: 1.2rem;
  cursor: pointer;
}
.campoformulario .campoAccion.obligatorio {
  background-color: #F9F1F2;
}
.campoformulario .campoAccion.validationError {
  border-color: #FD0000;
  color: #FD0000;
  border-width: 0.2rem;
}
.campoformulario label {
  font-weight: bold;
  font-size: 0.9rem;
  padding-bottom: 0.4em;
  display: inline-block;
  width: 8rem;
}
.campoformulario .labelRadio {
  width: auto;
}
.campoformulario label.autorizacion {
  width: auto;
  display: inline;
  font-style: italic;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}
.campoformulario.campoDoble {
  /*El label ocupa lo mismo, pero el campo input/select ocupa el doble*/
  width: 40rem;
}
.campoformulario.campoDoble input, .campoformulario.campoDoble select {
  width: 30.6rem;
}
.campoformulario.labelDoble {
  /*El label ocupa el doble, pero el campo input/select ocupa lo mismo*/
  width: 30rem;
}
.campoformulario.labelDoble label {
  width: 18rem;
}
.campoformulario.labelDoble64 {
  /*El label ocupa el doble, pero el campo input/select ocupa lo mismo*/
  width: 100%;
}
.campoformulario.labelDoble64 label {
  width: 64%;
}
.campoformulario.labelDoble85 {
  /*El label ocupa el doble, pero el campo input/select ocupa lo mismo*/
  width: 100%;
}
.campoformulario.labelDoble85 label {
  width: 85%;
}
.campoformulario.labelDoble75 {
  /*El label ocupa el doble, pero el campo input/select ocupa lo mismo*/
  width: 100%;
}
.campoformulario.labelDoble75 label {
  width: 75%;
}
.campoformulario.labelCampoEstrecho {
  /*Tanto el label como el campo input/select ocupan la mitad*/
  width: 11rem;
}
.campoformulario.labelCampoEstrecho label {
  width: 2.5rem;
}
.campoformulario.labelCampoEstrecho input, .campoformulario.labelCampoEstrecho select, .campoformulario.labelCampoEstrecho .campo {
  width: 6rem;
}
.campoformulario.labelCampoEstrecho input.importe {
  width: 5rem;
}
.campoformulario.labelDobleCampoDoble {
  /*Tanto el label como el campo input/select ocupan el doble*/
  width: 40rem;
}
.campoformulario.labelDobleCampoDoble label {
  width: 18rem;
}
.campoformulario.labelDobleCampoDoble input, .campoformulario.labelDobleCampoDoble select, .campoformulario.labelDobleCampoDoble .campo {
  width: 21rem;
}
.campoformulario.labelDobleCampoDoble input.importe {
  width: 19rem;
}
.campoformulario.labelDobleCampoDoble input.examinar {
  width: 20.4rem;
}
.campoformulario.campoDobleTamanyoCompleto {
  /*El label ocupa lo mismo, el campo input/select ocupa el doble, pero ocupa todo el espacio completo de la fila*/
  /* (pensado para campos grandes con acciones a la derecha)*/
  width: 100%;
}
.campoformulario.campoDobleTamanyoCompleto input, .campoformulario.campoDobleTamanyoCompleto select, .campoformulario.campoDobleTamanyoCompleto .campo {
  width: 21rem;
}
.campoformulario.campoDobleTamanyoCompleto input.examinar {
  width: 20.4rem;
}
.campoformulario.labelDobleTamanyoCompleto {
  /*El label ocupa el doble, pero el campo input/select ocupa lo necesaria usando el espacio completo de la fila*/
  width: 100%;
}

.campoformulario.labelDobleTamanyoCompleto label {
  width: 18rem;
}
.campoformulario.labelDobleTamanyoCompleto input, .campoformulario.labelDobleTamanyoCompleto select, .campoformulario.labelDobleTamanyoCompleto .campo {
  width: auto;
}
.campoformulario.label15TamanyoCompleto {
  /*El label ocupa 1.5% del original, pero el campo input/select ocupa lo necesaria usando el espacio completo de la fila*/
  width: 100%;
}
.campoformulario.label15TamanyoCompleto label {
  width: 12rem;
}
.campoformulario.label15TamanyoCompleto input, .campoformulario.label15TamanyoCompleto select, .campoformulario.label15TamanyoCompleto .campo {
  width: auto;
}
.campoformulario.campoTamanyoCompleto {
  /*El label ocupa lo mismo, pero el campo input/select ocupa lo necesaria usando el espacio completo de la fila*/
  width: 100%;
}
.campoformulario.campoTamanyoCompleto input, .campoformulario.campoTamanyoCompleto select {
  width: auto;
}
.campoformulario.campoCompletoVertical {
  /*Pensado para los textareas, tanto el label como el campo ocupan 100%, quedando label arriba y cmapo debajo*/
  width: 100%;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}
.campoformulario.campoCompletoVertical label {
  width: auto;
  display: block;
}
.campoformulario.campoCompletoVertical textarea, 
    .campoformulario.campoCompletoVertical input[type=file], 
    .campoformulario.campoCompletoVertical input.completo, 
    .campoformulario.campoCompletoVertical select {
  width: 98%;
  margin: 0;
}
.campoformulario.labelCampoAjustados {
  /*Tanto el label como el input ocupan lo que necesitan*/
  width: 30rem;
}
.campoformulario.labelCampoAjustados label {
  width: auto;
  padding-right: 0.5rem;
}
.campoformulario.labelCampoAjustados input, .campoformulario.labelCampoAjustados select {
  width: auto;
}

.accionformulario {
  margin-bottom: 1rem;
}

.tituloFila {
  width: 13rem;
  font-weight: bold;
  display: inline-block;
  padding-bottom: 0.4rem;
  margin-bottom: 0.1rem;
  overflow: auto;
}

.bloquedocumentacion {
  margin: 1rem 0rem 0em 2rem;
}

.lineadocumentacion {
  display: inline-block;
  width: 20rem;
  margin-bottom: 0.5rem;
}
.lineadocumentacion .capaimagen {
  display: inline;
}
.lineadocumentacion .capatexto {
  display: inline;
}
.lineadocumentacion .capatexto label {
  font-weight: normal;
  display: inline;
}
.lineadocumentacion .enlaceMemoria {
  margin-right: 0.1rem;
  margin-left: 0.1rem;
  text-decoration: none;
}

.bloqueizda {
  width: 50%;
  float: left;
}

.bloquedcha {
  width: 50%;
  float: left;
}

img.icono {
  vertical-align: middle;
  /*vertical-align:baseline;*/
}

.capainput {
  float: left;
}

ul.listaNivel1 {
  padding-left: 1rem;
}

.listaNivel2 {
  margin-left: 1.5rem;
  overflow: auto;
  line-height: 1.8rem;
}
.listaNivel2 .capaletra {
  float: left;
  width: 3%;
}
.listaNivel2 .capalabel {
  float: left;
  width: 97%;
  text-align: justify;
}

.listaNivel3 {
  margin-left: 1.8rem;
  overflow: auto;
  line-height: 1.8rem;
}
.listaNivel3 .capaletra {
  float: left;
  width: 3%;
}
.listaNivel3 .capalabel {
  float: left;
  text-align: justify;
  width: 97%;
}

.grupo {
  margin-left: 3rem;
}

/* Fin formulario */
.botonera {
  overflow: auto;
  text-align: right;
  margin: 2rem 0rem;
  padding: 0 0.5rem;
  /* Botones a la Izquierda */
  /* Botones a la Derecha */
  /* Boton de la pantalla de login */
}
.botonera input {
  float: none;
}
.botonera .botonesIzqu {
  float: left;
  padding: 0rem 1rem 0rem 0rem;
}
.botonera #listaPasos {
  text-align: left;
  margin-bottom: 5px;
}
.botonera .botonesDer {
  float: right;
  padding: 0rem 0rem 0rem 1rem;
}
.botonera .botonLogin {
  text-align: center;
}
.botonera.botoneraAddListado {
  float: left;
  margin: 1rem 0rem;
}

.avisoRequisitos {
  margin-top: 0.5rem;
  margin-left: 25%;
  font-style: italic;
  text-align: right;
}

.enlaceInstrucciones {
  padding-bottom: 10px;
  font-weight: bold;
}
.enlaceInstrucciones img {
  margin-right: 5px;
}

.enlacesInteres .enlace {
  display: inline-block;
  vertical-align: middle;
  margin-right: 2rem;
  padding: 0.5rem;
  background: #fcfcfc;
  border: 1px solid #cccccc;
}
.enlacesInteres .enlace .imagenEnlace {
  max-width: 15rem;
  max-height: 4rem;
  margin-right: auto;
  margin-left: auto;
  display: block;
}
.enlacesInteres .enlace .textoEnlace {
  font-size: 0.9rem;
  max-width: 16rem;
  display: block;
  text-align: center;
  padding-top: 0.5rem;
}

.squareIcon {
  background: #027c85;
  padding: 3px;
  display: inline-block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.squareIcon.disabled {
  background: #6c7569;
}
.squareIcon .icono {
  width: 1rem;
  height: 1rem;
}
.squareIcon .iconoFormulario {
  width: 1.2rem;
  cursor: pointer;
}

.botonAdd {
  float: right;
  background-color: #027c85;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  font-size: 1rem;
  padding: 0.1rem 0.1rem;
  text-align: center;
  width: 12rem;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-decoration: none;
  border: none;
}

.changeIcon {
  border: 0px;
  background: url("../imagenes/portal/reload.png") no-repeat 0/1.5rem;
  width: 1.3rem;
  height: 1.3rem;
  cursor: pointer;
}

.breadcrumb {
  margin-bottom: 1rem;
  display: inline-block;
}
.breadcrumb .nav {
  color: #757575;
  margin-right: 0.5rem;
}
.breadcrumb .nav::after {
  content: ">";
  color: #0d0d0d;
}
.breadcrumb .nav:last-child::after {
  content: none;
}

.acciones {
  float: right;
}
.acciones .enlaceFiltro {
  display: inline-block;
  background: url("../imagenes/portal/search_dark_grey.png") no-repeat 0/1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}

.cajaDatos .titulo .acciones .enlaceFiltro {
  background: url("../imagenes/portal/search_dark_grey.png") no-repeat 0/1.5rem;
  cursor: pointer;
}

.acciones .enlaceMinimizar {
  display: inline-block;
  background: url("../imagenes/portal/minimize.png") no-repeat 0/1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}

.cajaDatos .titulo .acciones .enlaceMinimizar {
  background: url("../imagenes/portal/minimize.png") no-repeat 0/1.5rem;
  cursor: pointer;
}

.acciones .enlaceMaximizar {
  display: inline-block;
  background: url("../imagenes/portal/maximize.png") no-repeat 0/1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}

.cajaDatos .titulo .acciones .enlaceMaximizar {
  background: url("../imagenes/portal/maximize.png") no-repeat 0/1.5rem;
  cursor: pointer;
}

.enlaceInfo {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  cursor: pointer;
  vertical-align: bottom;
}

.dentrobloque {
  padding: 0px 15px 0px 15px;
  font-style: italic;
}

.sobrebloque {
  padding: 0.5rem 15px 1rem 15px;
  font-style: italic;
}

.bajobloque {
  padding: 0.5rem 15px 0.5rem 15px;
  font-style: italic;
}

.zonapdf {
  width: 49%;
  float: left;
}
.zonapdf iframe {
  width: 100%;
  height: 500px;
}
.zonapdf .previsualizacionSinDocumento {
  width: 100%;
  height: 500px;
  text-align: center;
  color: #444444;
  padding-top: 200px;
  background: #fcfcfc;
}

.zonapdfDerecha {
  float: right;
}

.zonapdfCompleta {
  margin: auto;
  width: 95%;
  float: none;
}

.zonapdfDialog {
  width: 100%;
}

.zonadatosDerecha {
  width: 49%;
  /*zonadatos padding: 2% 3%;*/
  float: right;
}

.zonadatosIzquierda {
  width: 49%;
  /*zonadatos padding: 2% 3%;*/
  float: left;
}

.zonadatosCompleta {
  margin: 0.5em 2%;
  float: none;
}

.zonarecibo .titulo a {
  margin-right: 1rem;
  float: right;
}

/* Solicitudes del Expediente */
.solicitudExpediente .cabecera {
  margin-top: 1em;
}
.solicitudExpediente .mensajes, .solicitudExpediente .avisos {
  margin-top: 2em;
}

.mensajeExplicacion {
  text-align: center;
  font-weight: bold;
}

.enlaceAncla {
  color: #0d0d0d;
}

.elementoListado::before {
  content: "◼";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #027c85;
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1rem;
  /* Also needed for space (tweak if needed) */
  font-size: 1rem;
}

.otraOpcion {
  font-style: italic;
}

.clase_cargando {
  position: fixed;
  visibility: hidden;
  /*display: none;*/
  top: 0px;
  left: 0px;
  margin: 0em;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: #000000;
  opacity: 0.3;
  /* opacidad FireFox*/
  filter: alpha(opacity=30);
  /* opacidad IE */
  -moz-opacity: 0.3;
}

.textoCargando {
  background: white;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 1rem;
  left: 25%;
  top: 10rem;
  width: 50%;
  position: fixed;
  visibility: hidden;
  color: #0d0d0d;
  font-style: oblique;
  font-size: 1.1em;
  text-align: center;
  z-index: 1009;
  height: auto;
}

.helpIcon {
  background: #757575;
  padding: 0rem 0.3rem;
  color: white;
  font-family: sans-serif;
  font-weight: bold;
  text-decoration: none;
  float: right;
}

.enlaceInstrucciones .helpIcon {
  padding: 0.1rem 0.3rem 0rem;
  font-size: 0.8rem;
  float: none;
}

.campoSeleccionMultiple {
  display: table;
}
.campoSeleccionMultiple .opcionesDisponibles, .campoSeleccionMultiple .opcionesSeleccionadas {
  display: table-cell;
  width: 38%;
}
.campoSeleccionMultiple .opcionesDisponibles select, .campoSeleccionMultiple .opcionesSeleccionadas select {
  width: 100%;
  height: auto;
}
.campoSeleccionMultiple .iconosSeleccion {
  padding-top: 1.2rem;
  display: table-cell;
  width: 8%;
  vertical-align: middle;
  text-align: center;
}
.campoSeleccionMultiple .iconosSeleccion input {
  margin-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.campoSeleccionMultiple .iconosSeleccion input:last-child {
  margin-bottom: 0;
}

.contenidoPopup {
  padding: 1rem;
}

.mensajePopup {
  display: inline-block;
  margin-bottom: 1rem;
}

.preguntaPopup {
  font-weight: bold;
}

.preguntaPopupLarga {
  font-weight: normal;
}
.preguntaPopupLarga p {
  margin-bottom: 0.6rem;
  margin-top: 0rem;
  display: inline-block;
}
.preguntaPopupLarga .opcionMenu {
  font-weight: bold;
}

/* sobreescribe los estilos de jquery ui*/
.ui-button {
  margin-right: 0.1rem;
  margin-top: 0.3rem;
}
.ui-button .titlebutton {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: none;
  background: none;
}

.ui-dialog {
  position: fixed;
  padding: 0;
}
.ui-dialog .ui-dialog-titlebar {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ui-dialog .ui-dialog-title {
  margin: 0.4rem 0 0.4rem 0.8rem;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.ui-widget {
  font-family: "Lato", sans-serif;
  font-size: 1rem;
}

.ui-widget .ui-widget {
  font-size: 1rem;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: "Lato", sans-serif;
  font-size: 1rem;
}

.ui-widget-content {
  background: #ffffff;
}
.ui-widget-content a {
  color: #027c85;
}

.ui-widget-header {
  border: 0px;
  background: #f6f6f6;
  color: #262626;
  font-weight: normal;
  font-size: 1.1rem;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  color: #027c85;
  background: none;
  border: none;
  margin-top: 0px;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #027c85;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-top-left-radius: 8px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-top-right-radius: 8px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-bottom-left-radius: 8px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-bottom-right-radius: 8px;
}

.ui-tooltip {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #cccccc;
  background: #fcfcfc;
  box-shadow: 5 6 -3 12 rgba(0, 0, 0, 0.6) !important;
  -webkit-box-shadow: 5 6 -3 12 rgba(0, 0, 0, 0.6) !important;
  -moz-box-shadow: 5 6 -3 12 rgba(0, 0, 0, 0.6) !important;
}
.ui-tooltip .arrow:after {
  background: #fcfcfc;
  border: 1px solid #cccccc;
}

.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}

.arrow.top {
  top: -16px;
  bottom: auto;
}

.arrow.left {
  left: 20%;
}

.arrow:after {
  content: "";
  position: absolute;
  left: 19px;
  top: -19px;
  width: 23px;
  height: 23px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.arrow.top:after {
  bottom: -19px;
  top: auto;
}

/* Icono lupa */
.ui-state-default .ui-icon-search {
  background: url("../imagenes/portal/search_dark_grey.png") no-repeat 0/1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: -0.7rem;
  margin-left: -0.7rem;
  padding-top: 0px;
}

.ui-state-hover .ui-icon-search, .ui-state-focus .ui-icon-search, .ui-button:hover .ui-icon-search, .ui-button:focus .ui-icon-search {
  background: url("../imagenes/portal/search_dark_grey.png") no-repeat 0/1.5rem;
}

/*daterangepicker */
.daterangepicker {
  font-family: "Lato", sans-serif;
  color: #0d0d0d;
  font-size: 1rem;
}
.daterangepicker .drp-selected {
  font-size: 1rem;
}
.daterangepicker .drp-buttons .btn {
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  font-size: 1rem;
  padding: 0.4rem 0;
  text-align: center;
  width: 8rem;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-decoration: none;
  border: none;
}
.daterangepicker .btn-primary {
  background-color: #027c85;
  color: #ffffff;
}
.daterangepicker .btn-primary:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.daterangepicker .botonoff, .daterangepicker .botonon:disabled, .daterangepicker .botonon.disabled {
  background-color: #6c7569;
  color: #FFFFFF;
}
.daterangepicker .botonoff:hover, .daterangepicker .botonon:disabled:hover, .daterangepicker .botonon.disabled:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.daterangepicker .cancelBtn {
  background-color: #4C7C85;
  color: #FFFFFF;
}
.daterangepicker .cancelBtn:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  border-radius: 0px;
  font-size: 1rem;
  min-width: 28px;
  width: 28px;
  line-height: 19px;
  height: 19px;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 1rem;
}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  font-size: 1rem;
}
.daterangepicker .drp-selected {
  font-size: 1rem;
}
.daterangepicker .ranges li {
  font-size: 1rem;
}
.daterangepicker td.start-date {
  border-radius: 0px;
}
.daterangepicker td.end-date {
  border-radius: 0px;
}
.daterangepicker td.start-date.end-date {
  border-radius: 0px;
}

/*** RESPONSIVE ***/
@media screen and (max-width: 85rem) {
  .bloqueContenido {
    margin: 0px 10px 0px 10px;
  }

  .subcabecera .tituloSubcabecera {
    margin-left: 10px;
  }

  .subcabecera .enlaces {
    margin-right: 10px;
  }

  .menuLateral {
    width: 23%;
  }

  .contenido {
    width: 75%;
  }

  .zonadatosIzquierda {
    float: none;
    width: 100%;
  }

  .zonadatosDerecha {
    float: none;
    width: 100%;
    margin-top: 1rem;
  }

  .zonapdf {
    float: none;
    width: 100%;
  }

  .zonapdfDerecha {
    margin-top: 1rem;
  }
}
/*** fin RESPONSIVE ***/