@charset "UTF-8";
html, .r01gContainer {
font-size: 12px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Open Sans", sans-serif;
}
body, .r01gContainer {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Open Sans", sans-serif;
font-size: 1.1rem;
margin: 0;
color: #333333;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
header{
font-size: initial;
}
.r01gContainer .labelWidth80 {
width: 80%;
}
.r01gContainer .ui-state-highlight, .r01gContainer .ui-widget-content .ui-state-highlight, .r01gContainer .ui-widget-header .ui-state-highlight{
background: #fffa90 !important;
}
.r01gContainer {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.r01gContainer *, .r01gContainer ::after, .r01gContainer ::before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
div.r01gContainer, div.r01gContainer table{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Open Sans", sans-serif;
}
/*Visualizacion prototipo portal*/
.edukiontzia {
width: 100%;
padding: 0;
}
/*Menu*/
.r01gContainer #ac17aApp .rup-wizard_stepsDescContainer{
position: inherit;
}
/*Links menu*/
.r01gContainer .rup-navbar .navbar-nav > .nav-item .nav-link {
line-height: 3.2rem;
text-decoration: none;
}
.r01gContainer .rup-navbar ul {
margin-top:0;
}
.r01gContainer nav.rup-navbar a {
color: #fffcfb;
}
/*Anchura submenu*/
.r01gContainer .rup-navbar .navbar-nav > .nav-item > .dropdown-menu {
min-width: 200px;
}
.r01gContainer .dropdown-submenu {
min-width: 200px;
}
.r01gContainer .rup-navbar .dropdown-item {
padding: 5px 20px;
}
.r01gContainer .dropdown-menu.menu-right.show {
width: 100%;
min-width: 200px;
}
/*Estilo para el menu fixed*/
.r01gContainer .rup-navbar-sticky {
position: fixed;
width: 100%;
top: 0;
left: 0;
}
/*Estilo de campo obligatorio (a aplicar al elemento label del campo)*/
.r01gContainer .obligatorio:before{
content: '*';
position: absolute;
margin-left: -0.70em;
margin-top: 0.1em;
color: red;
font-weight: bold;
}
/*Mejora la visualizacion de input-group en formularios rup*/
.r01gContainer .form-group .input-group .input-group-append{
height:2rem;
}
/*Mejora la visualizacion de los componentes rup_date (icono calendario)*/
.r01gContainer .form-group .rup-date-input-group{
display: flex;
position: relative;
}
.r01gContainer .form-group .rup-date-input-group .ui-datepicker-trigger{
padding: 4px 6px;
flex: 0 0 0;
}
.r01gContainer .form-group .rup-date-input-group .form-control.hasDatepicker{
width: 0;
flex: 1 1 auto;
}
.r01gContainer .form-group .rup-date-input-group .form-control.hasDatepicker:DISABLED{
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.15);
}
.r01gContainer .form-group .rup-date-input-group .form-control.hasDatepicker:DISABLED ~ .ui-datepicker-trigger{
display: none;
}
/*Contenido calendario rup_date*/
.r01gContainer .ui-datepicker .ui-datepicker-header {
background-color: #fff;
border: none;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
}
.r01gContainer .ui-datepicker .ui-datepicker-title {
width: 100%;
}
/*Mejora la visualizacion del boton de filtro, separandolo de las secciones de busqueda*/
.r01gContainer .rup-table-filter-fieldset [id$=_filter_buttonSet]{
margin-top: 1rem;
}
/*Mejora la visualizacion de los mensajes de error en los formularios*/
.r01gContainer div.error,
.r01gContainer label.error {
position: absolute;
bottom: -1.3rem;
right: 1rem;
}
.r01gContainer input.error{
background-image: none;
}
.r01gContainer .rup-date-input-group > .rup-validate-error-icon,
.r01gContainer .input-group > .rup-validate-error-icon{
position: relative;
top: .5rem;
right: 1.5rem;
width: 0;
}
.r01gContainer .rup-date-input-group .rup-validate-field-error {display: flex; width: 100%;}
/* INI Estilos para Quitar los iconos de validacion en los rup_Validate */
.r01gContainer div.error,
.r01gContainer label.error {
display: none !important;
}
.r01gContainer .rup-validate-error-icon > div {
display: none !important;
}
.r01gContainer form.rup_validate input.error {
border: none;
}
.r01gContainer input.error{
background-image: none;
}
.r01gContainer .rup-date-input-group > .rup-validate-error-icon,
.r01gContainer .input-group > .rup-validate-error-icon {
display: none;
}
.r01gContainer .rup-validate-error-icon {
color: transparent;
}
/* FIN */
/*Mejora la visualizacion de los textareas*/
.r01gContainer textarea.form-control{
height: inherit;
}
/*Bloquear el resize en los campos de textarea*/
.r01gContainer .noResize{
resize: none;
}
/*Mejora visualizacion mantenimientos de UDA (criterios de filtrado)*/
/*.r01gContainer .rup-toolbar {
padding: 0.8rem;
margin-bottom: 0.3rem;
}*/
.r01gContainer .rup-table-filter {
margin-top: 0;
margin-bottom: 0.5rem;
}
.r01gContainer .rup-table-filter-fieldset{
border: none;
margin: 0;
padding: 8px 20px;
}
.r01gContainer .formulario_legend{
margin: 0;
padding: 4px 4px 10px 4px;
border-top: none;
border-left: none;
border-right: none;
}
.r01gContainer .formulario_legend > .collapse_icon{
margin-top: 3px;
}
.r01gContainer .formulario_legend > .collapse_icon_right{
margin-top: 3px;
}
/*Cuando esta cerrrado*/
.r01gContainer .formulario_legend.cursor_pointer.rup-maint_searchCriteria{
border-bottom: none;
}
/* Incluye: por defecto a los labels*/
.r01gContainer .form-row fieldset{
width: 100%;
}
.r01gContainer .form-group > label:after {
content: ':';
}
.r01gContainer .form-check{
height: 24px;
padding-left: 15px;
}
.r01gContainer .form-check-input{
position:relative;
}
.r01gContainer .form-check-label {
font-weight: 400;
margin-bottom: 0;
}
/*Para los check con dos lineas*/
.r01gContainer .form-check.form-check-linea{
width: 100%;
height: auto;
display: flex;
}
.r01gContainer .form-check-label.form-check-label-linea {
padding-left: 10px;
}
/*Para los check con checks dentro*/
.r01gContainer .form-check.form-check-linea.form-check-sub,
.r01gContainer .subInfo.form-check-sub{
margin-left: 25px;
}
/*Para los check con checks ocultos debajo*/
.r01gContainer .check-group-subline{
margin-left: 27px;
}
.r01gContainer .check-subline{
padding-left: 5px !important;
padding-right: 5px !important;
}
/*Lista de Checks*/
.r01gContainer .check-list .form-check-inline{
/* padding-left: 15px; */
}
.r01gContainer .check-list-label{
font-weight: bold;
font-size: 1rem;
}
.r01gContainer label.check-list-label:after {
content: ':';
}
.r01gContainer .form-check.form-check-inline label{
font-weight:400;
margin-bottom:0;
}
.r01gContainer .check-list input{
margin-left: 15px;
}
/*Clase (.check-marginNone) especifica para los input que no necesiten el margin left*/
.r01gContainer .check-list input.check-marginNone{
margin-left: 0 !important;
}
/* ----- Visualizacion de pantallas propias ----- */
.r01gContainer .ac17-container{
padding: 1rem;
}
.r01gContainer .ac17-form-container{
display: block;
/*margin-bottom: 1rem;
margin-top: 1rem;*/
}
.r01gContainer .ac17-container fieldset{
margin: 0 0 1rem 0;
padding: 1rem;
}
.r01gContainer .ac17-buttons-container{
display: flex;
justify-content: flex-end;
}
.r01gContainer .ac17-buttons-container .ac17-button{
margin-left: 0.5em;
}
/*Fondo azul modales y pantallas*/
.r01gContainer .ac17-form-title{
margin-bottom: 5px;
}
.r01gContainer .ac17-form-title .form-group{
padding-left: 0;
}
.r01gContainer .ac17-form-title label{
font-size: 13px;
}
/*Para cuando el form contenga la clase title, data se genere con margin a la derecha*/
.r01gContainer .ac17-form-title + .ac17-form-data {
margin-left: 15px;
}
.r01gContainer .ac17-form-data,
.r01gContainer .ac17-modal-data{
display: flex;
flex-flow: column nowrap;
margin-bottom: 10px;
background-color: #f4f9ff;
/* background-color: #fabada; */
border-radius: 5px;
padding: 20px;
}
/*Quitar margen inferior al ultimo objeto*/
.r01gContainer .ac17-form-data .form-row:last-child .form-group:last-child{
margin-bottom: 0;
}
/*Clase generica para cuando sea necesario quitar el fondo azul de ac17-form-data manteniendo la estructura*/
.r01gContainer .not-background{
background-color: transparent;
}
.r01gContainer .ui-dialog .ui-dialog-titlebar.ui-widget-header span.ui-dialog-title {
overflow: initial !important;
}
.r01gContainer .fieldserDatosComunes{
border: 1px solid #cecece;
border-radius: 5px;
padding: 1rem;
margin-top: 1rem;
}
.r01gContainer .leyenda-modal{
line-height : 1.5em;
}
/*Boton cerrar modal*/
.r01gContainer .ui-dialog .ui-dialog-titlebar.ui-widget-header .ui-dialog-titlebar-close {
outline: none;
}
.r01gContainer .rup-dialog .rup-table-detail-info {
margin-top: 5px;
}
/*Poner margen inferior a las modales con paginacion*/
.r01gContainer .rup-dialog .rup-table-detail-separator {
margin-bottom: 5px;
}
/*Fondo azul - Examinar archivo adjunto*/
.r01gContainer .ac17-form-data.form-data-adjunto{
border-radius: 0px 0px 5px 5px;
padding: 0px 20px;
margin-top: -25px;
}
/*Quitar el margen inferior en las modales que acaben con archivo adjunto*/
.r01gContainer .ac17-modal-data.form-data-adjunto{
margin-bottom: 0px;
}
.r01gContainer .ac17-form-data.form-data-adjuntoPrimero{
margin-bottom: 5px;
padding: 0px 20px;
margin-top: -25px;
border-radius: 0px 0px 5px 5px;
}
/*Quitar margen inferior al ultimo objeto*/
.r01gContainer .ac17-form-data.form-data-adjunto .form-row .form-group{
margin-bottom: 0;
}
.r01gContainer .ac17-form-data.form-data-adjuntoPrimero .form-row .form-group.archivoAdjunto{
margin: 0 0 35px 0;
}
.r01gContainer .ac17-form-data.form-data-adjunto .form-row .form-group.archivoAdjunto {
margin: 12px 0 30px 0;
}
/*Examinar el archivo adjunto = error*/
.r01gContainer .template-download.error {
margin-bottom: 20px;
}
/*Examinar el archivo adjunto = correcto*/
.r01gContainer .list-group-item.template-download {
margin-bottom: 20px;
}
/*Secciones Acordeon*/
.r01gContainer .ac17-section-accordion > .ac17-section-accordion-content{
padding: 1rem 2rem;
}
/*Acordeon*/
.r01gContainer .ui-accordion .ui-accordion-header {
margin: 10px 0;
padding: 0.7em;
}
.r01gContainer .ui-accordion .ui-accordion-content {
margin-top: -10px;
margin-bottom: 15px;
}
@media (max-width: 768px) {
.r01gContainer .ui-accordion .ui-accordion-header {
font-size: 1em !important;
}
}
.r01gContainer .ac17a-location{
width: 100%;
}
/* LOGIN */
.r01gContainer .ac17-login-h2{
text-align: center;
background-color: #d7e4f0;
width: 25%;
margin: 0 auto;
border-radius: 5px;
padding: 1rem;
}
.r01gContainer .ac17-login-h2 + .ac17-container{
padding: 0;
}
.r01gContainer .ac17-login-container{
display: flex;
align-items: center;
justify-content: center;
padding: 2rem;
margin: 0 auto;
width: 25%;
background-color: #f4f9ff;
border-radius: 15px;
margin-top: 25px;
}
.r01gContainer .ac17-login{
display: flex;
align-items: center;
/* justify-content: space-between; */
justify-content: center;
margin: 0 auto;
width: 100%;
}
.r01gContainer .login-option {
cursor: pointer;
display: flex;
flex-flow: column nowrap;
align-items: center;
/* width: calc(100% / 4); */
}
.r01gContainer .ac17-login .login-option h1{
margin-top:0;
}
.r01gContainer .login-option a{
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
width: 95px;
height: 95px;
background-color: #69c;
border-radius: 15px;
text-decoration: none !important;
}
.r01gContainer .login-option i{
padding: 1.5rem;
color: #fff;
font-size: 4em;
text-align: center;
margin: 0 auto;
}
.r01gContainer .login-option:hover a,
.r01gContainer .login-option a:focus a{
background-color: #204d71;
}
/*Responsive - Login*/
@media (max-width:425px) {
.r01gContainer .ac17-login{
flex-flow: column nowrap;
}
.r01gContainer .login-option {
flex-flow: column nowrap;
}
.r01gContainer .ac17-login .login-option h1{
margin-top:25px;
}
}
/* Log in */
.r01gContainer .login-inner.ui-widget{
display: flex;
flex-flow: column nowrap;
width: 50%;
margin: 0 auto;
align-items: center;
background-color: #d7e4f0;
padding: 30px;
border-radius: 15px;
}
.r01gContainer .login-down{
border: 1px solid #fff;
border-radius: 15px;
padding: 0 20px 20px 20px;
margin-top: 10px;
}
.r01gContainer .login-down .userCombo{
display: flex;
flex-flow: column nowrap;
}
.r01gContainer .login-down .userCombo .selectedUser{
margin: 10px 0;
}
.r01gContainer #userCombo-button{
text-decoration: none;
color: #333;
}
.r01gContainer #selectedUserName{
font-weight: 700;
}
/*Responsive - Log in*/
@media (max-width:425px) {
.r01gContainer .login-inner.ui-widget{
width: 100%;
}
}
@media (max-width:320px) {
.r01gContainer .login-inner.ui-widget{
background-color: transparent;
}
}
/*IE10-specific styles*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/*Login*/
.r01gContainer .ac17-login-container{
display: -ms-flexbox;
-ms-flex-align: center;
-ms-flex-item-align: center;
}
.r01gContainer .ac17-login{
display: -ms-flexbox;
-ms-flex-align: center;
-ms-flex-item-align: space-between;
}
.r01gContainer .login-option {
cursor: pointer;
display: -ms-flexbox;
-ms-flex-flow: column nowrap;
-ms-flex-align: center;
-ms-flex-item-align: center;
}
.r01gContainer .login-option a{
display: -ms-flexbox;
-ms-flex-flow: row nowrap;
-ms-flex-align: center;
-ms-flex-item-align: center;
}
/*Log in*/
.r01gContainer .login-inner.ui-widget{
display: -ms-flexbox;
-ms-flex-flow: column nowrap;
-ms-flex-align: center;
-ms-flex-item-align: center;
}
.r01gContainer .login-down .userCombo{
display: -ms-flexbox;
-ms-flex-flow: column nowrap;
}
.r01gContainer .login-down .userCombo .selectedUser{
display: -ms-flexbox;
-ms-flex-flow: column nowrap;
}
}
/* Iconos Bandeja de entrada */
.r01gContainer .descripcionIconos{
width: 100%;
background-color: #f4f9ff;
border-radius: 5px;
padding: 1rem;
padding-bottom: 0;
margin-left: 0;
margin-top: 1rem;
}
.r01gContainer .descripcionIconos div i{
background: #fff;
padding: 0.4rem;
border-radius: 5px;
}
/*Botones azules de adjuntar y borrar un archivo*/
/*Boton adjuntar*/
.r01gContainer .archivoAdjunto span{
padding: 0.5rem 1rem;
background-color: #69c;
border: 1px solid transparent;
border-radius: 5px;
color: #fff;
text-decoration: none;
}
.r01gContainer .archivoAdjunto span a{
color: #fff;
text-decoration: none;
}
.r01gContainer .archivoAdjunto span>label{
color: #fff;
margin: 0;
}
.r01gContainer .archivoAdjunto span:hover{
background-color: #204d71;
}
/*Boton de borrar despues del boton adjuntar*/
.r01gContainer .archivoAdjunto span:nth-child(2) {
background-color: #fff;
color: #69c;
border: 1px solid #69c;
}
.r01gContainer .archivoAdjunto span:nth-child(2):hover {
background-color: #204d71;
color: #fff;
border: 1px solid transparent;
}
/*Boton informar*/
.r01gContainer .btnInformar span{
padding: 0.5rem 1rem;
background-color: #fff;
border: 1px solid #69c;
border-radius: 5px;
color: #69c;
text-decoration: none;
}
.r01gContainer .btnInformar span a{
color: #69c;
text-decoration: none;
}
.r01gContainer .btnInformar span>label{
color: #69c;
margin: 0;
}
.r01gContainer .btnInformar span:hover{
background-color: #69c;
color: #fff;
}
.r01gContainer .btnInformar span:hover label{
color: #fff;
}
/* Visitas realizadas */
.r01gContainer #Visitas_Realizadas_detail_navigation{
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #ccc;
padding: 10px 0px 10px 0px;
}
.r01gContainer #Visitas_Realizadas_detail_navigation .rup-table-detail-separator{
display: none;
}
/* ----- Mejora visualizacion y estilos para las tablas de UDA con columChooser ----- */
/*Mejora visualizacion de las tablas sin fondo gris*/
.r01gContainer .rup-toolbar.ui-widget-header.ui-widget.ui-widget-content {
margin-bottom: 10px;
border: none;
background-color: transparent;
width: 100%;
padding: 0;
}
.r01gContainer .rup-toolbar.ui-widget-header.ui-widget.ui-widget-content div .rup-mbutton button {
margin-right: 0;
}
@media (max-width: 800px){
.r01gContainer .rup-toolbar.ui-widget-header.ui-widget.ui-widget-content .rup-button {
margin-top: 3px;
}
}
/*Pantallas feedback*/
.r01gContainer .ui-widget.ui-widget-content.ui-corner-all.rup-feedback.rup-feedback_image.rup-feedback_image_error {
padding: 0.8em;
box-shadow: none;
margin-bottom: 8px;
}
.r01gContainer .rup-feedback.rup-feedback_image div:last-child {
padding-top: 0;
}
.r01gContainer .rup-feedback.rup-feedback_image div:last-child .rup-maint_feedbackUL{
margin: 0;
}
.r01gContainer .rup-feedback.rup-feedback_image .rup-maint_feedbackUL li{
margin-top: 10px;
margin-bottom: 10px;
list-style: none;
}
.r01gContainer .rup-feedback.rup-feedback_image .rup-maint_feedbackUL li b:only-child {
line-height: 1.5em;
}
.r01gContainer .rup-feedback.rup-feedback_image .rup-maint_feedbackUL li:last-child{
margin-bottom: 3px;
}
.r01gContainer .rup-feedback.rup-feedback_image .rup-maint_feedbackUL li ul li{
margin-left: 15px;
margin-top: -5px;
}
.r01gContainer .rup-feedback.rup-feedback_image .rup-maint_feedbackUL li ul li:last-child{
margin-bottom: 0;
}
/*Centrar texto verticalmente en las lineas de las tablas*/
.r01gContainer .ui-pg-table th,
.r01gContainer .ui-pg-table td{
vertical-align: middle;
width: 100%;
}
.r01gContainer .ui-th-column,
.r01gContainer .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Open Sans", sans-serif;
vertical-align: middle;
}
.r01gContainer .ui-jqgrid tr.jqgrow td{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Open Sans", sans-serif;
vertical-align: middle;
white-space: nowrap;
}
.r01gContainer .ui-jqgrid .ui-jqgrid-htable th div {
height: 16px;
}
/*Mejora visualizacion de archivos adjuntados dentro del contenido de las tablas*/
.r01gContainer .ui-jqgrid-btable .ui-widget-content.jqgrow.ui-row-ltr td a{
color: #333;
text-decoration: none;
}
/*Mejora visualizacion de la paginacion las tablas*/
.r01gContainer .ui-jqgrid .ui-pg-table {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
padding-bottom: 0;
}
.r01gContainer .ui-jqgrid .ui-pg-table tbody {
width: 100%;
}
.r01gContainer .ui-jqgrid .ui-pg-table tbody tr{
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
width: 100%;
}
.r01gContainer .ui-jqgrid .ui-pg-table td {
vertical-align: middle !important; /* para centrar las lineas separatorias respecto al resto*/
}
/*Boton dcho - seleccionar columnas*/
.r01gContainer .ui-jqgrid .ui-pg-table .pager_left{
padding-left: 1em !important;
}
.r01gContainer .ui-jqgrid .ui-jqgrid-pager .ui-pg-div {
padding: 2px 5px;
}
.r01gContainer .ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon {
margin: -2px 3px 0px -1px;
}
/*Boton izq - mostrar*/
.r01gContainer .ui-jqgrid .ui-pg-table .pager_right{
padding-right: 1em !important;
}
.r01gContainer .ui-state-default.ui-jqgrid-pager.ui-corner-bottom{
border-top: none;
}
/* Estilos para las tablas de UDA con columChooser */
.r01gContainer .ui-jqgrid.ui-widget.ui-widget-content{
width:100% !important;
}
.r01gContainer .ui-jqgrid.ui-widget.ui-widget-content .ui-jqgrid-view{
width:100% !important;
overflow-x:auto !important;
}
.r01gContainer .ui-jqgrid.ui-widget.ui-widget-content .ui-jqgrid-pager{
width:100% !important;
}
/*FIX para que el dialogo de uda se vea correctamente con estilos boostrap*/
.r01gContainer .ui-dialog-content.responsiveDialog{
padding: 0 2em;
}
.r01gContainer .fixed-dialog{
position: absolute;
max-width: initial !important;
}
.r01gContainer .ui-dialog-title {
overflow: inherit !important;
}
/*Estilos CustomCombo*/
.r01gContainer .form-control~[id^='_clear_custom_combo_'] {
top: 0.3em !important;
}
.r01gContainer .form-control.with-icon[id^='_search_custom_combo_'] {
padding-left: 2rem !important;
}
/*[JBHG] FIX para que el icono de limpiar no se sobreponga al aspa roja de validacion (cuando tiene error el campo)*/
div.r01gContainer .form-control.error~[id^='_clear_custom_combo_']{display:none;}
/* Loader inicial */
.r01gContainer .ac17-content-loading{
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
overflow: hidden;
}
.r01gContainer .ac17-loader{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #fff;
z-index: 9998;
text-align: center;
vertical-align: middle;
padding-top: 270px;
/*text-shadow: 1px 1px 1px #ccc;*/
font-weight: bold;
font-size: 1.3rem;
}
.r01gContainer .ac17-loader:after{
content:'';
display:block;
border: 16px solid #f2f2f2; /* Light grey */
border-top: 16px solid #337ab7; /* Blue */
border-radius: 50%;
width: 120px;
height: 120px;
animation: ac17-spin-loader 1.5s linear infinite;
z-index:9999;
position:absolute; top: 200px;
left: 50%;
margin-top:-60px;
margin-left:-60px;
}
@keyframes ac17-spin-loader {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* Estilos propios para barra de progreso (la barra de progreso de Bootstrap-RUP no se visualiza)*/
.r01gContainer .custom-progress-bar {
background-color: #eceeef;
height: 25px;
padding: 0;
width: 100%;
margin: 10px 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.r01gContainer .custom-progress-bar span {
display: inline-block;
height: 100%;
background-color: #777;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: width .4s ease-in-out;
-moz-transition: width .4s ease-in-out;
-ms-transition: width .4s ease-in-out;
-o-transition: width .4s ease-in-out;
transition: width .4s ease-in-out;
}
.r01gContainer .custom-stripes span {
-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
background-size: 30px 30px;
/*background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));*/
background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);}
.r01gContainer .custom-stripes.custom-animation{
-webkit-animation: animate-stripes 3s linear infinite;
-moz-animation: animate-stripes 3s linear infinite;
animation: animate-stripes 3s linear infinite;
}
@-webkit-keyframes animate-stripes {
0% {background-position: 0 0;}
100% {background-position: 60px 0;}
}
@-moz-keyframes animate-stripes {
0% {background-position: 0 0;}
100% {background-position: 60px 0;}
}
.r01gContainer .iconoEficiencia{
position: relative;
display: inline-block;
width: 16px;
height: 16px;
font-size: .85em;
font-weight: bold;
line-height: 17px;
text-align: center;
vertical-align: bottom;
}
.r01gContainer .iconoEficienciaA{
background-image: url(../images/eficiencia_A.png);
background-repeat: no-repeat;
background-size: contain;
}
.r01gContainer .iconoEficienciaB{
background-image: url(../images/eficiencia_B.png);
background-repeat: no-repeat;
background-size: contain;
}
.r01gContainer .iconoEficienciaC{
background-image: url(../images/eficiencia_C.png);
background-repeat: no-repeat;
background-size: contain;
}
.r01gContainer .iconoEficienciaD{
background-image: url(../images/eficiencia_D.png);
background-repeat: no-repeat;
background-size: contain;
}
.r01gContainer .iconoEficienciaE{
background-image: url(../images/eficiencia_E.png);
background-repeat: no-repeat;
background-size: contain;
}
.r01gContainer .iconoEficienciaF{
background-image: url(../images/eficiencia_F.png);
background-repeat: no-repeat;
background-size: contain;
}
.r01gContainer .iconoEficienciaG{
background-image: url(../images/eficiencia_G.png);
background-repeat: no-repeat;
background-size: contain;
}
/********************************************************************************************************/
/*********************************** Estilos del Prototipo Utilizados ***********************************/
/********************************************************************************************************/
/* Estados de Ite - Icono letra (B-F-F-R-P-RA-RD) */
.r01gContainer .flexCenter{
display: flex;
justify-content: center;
align-items: center;
}
.r01gContainer .tramitacion{
position: relative;
display: inline-block;
width: 16px;
height: 16px;
margin-top: 0.2em;
font-size: .75em;
font-weight: bold;
line-height: 16px;
color: #fff;
text-align: center;
vertical-align: middle;
}
/* Estados de Ite - Icono letra (B-F-F-R-P-RA-RD) dentro del combo */
.r01gContainer ul.custom-list-items li.item-with-icon > span:first-of-type {
width: 16px !important;
height: 16px !important;
margin-right: .8rem !important;
text-align: center;
}
/* Estados de Ite - Icono letra (B-F-F-R-P-RA-RD) color y letras */
.r01gContainer .tramitacion.tramitacionB{background-color: gray ;}
.r01gContainer .tramitacion.tramitacionB::before{content: "B";}
.r01gContainer .tramitacion.tramitacionF{background-color: purple ;}
.r01gContainer .tramitacion.tramitacionF::before{content: "F";}
.r01gContainer .tramitacion.tramitacionE{background-color: red ;}
.r01gContainer .tramitacion.tramitacionE::before{content: "E";}
.r01gContainer .tramitacion.tramitacionT{background-color: blue;}
.r01gContainer .tramitacion.tramitacionT::before{content: "T";}
.r01gContainer .tramitacion.tramitacionP{background-color: green;}
.r01gContainer .tramitacion.tramitacionP::before{content: "P";}
.r01gContainer .tramitacion.tramitacionR{background-color: black;}
.r01gContainer .tramitacion.tramitacionR::before{content: "R";}
.r01gContainer .tramitacion.tramitacionRA{background-color: brown;}
.r01gContainer .tramitacion.tramitacionRA::before{content: "RA";}
.r01gContainer .tramitacion.tramitacionRD::before{content: "RD";}
.r01gContainer .tramitacion.tramitacionRD{background-color: orange;}
.r01gContainer .tramitacion.tramitacionPH::before{content: "PH";}
.r01gContainer .tramitacion.tramitacionPH{background-color: darkgreen;}
/* Estados de presentacion de PUyM - Icono letra (NN-EP-EN-FP) color y letras */
.r01gContainer .tramitacion.estadoPuymNN{background-color: navy;}
.r01gContainer .tramitacion.estadoPuymNN::before{content: "NN";}
.r01gContainer .tramitacion.estadoPuymEP{background-color: orange;}
.r01gContainer .tramitacion.estadoPuymEP::before{content: "EP";}
.r01gContainer .tramitacion.estadoPuymEN{background-color: green;}
.r01gContainer .tramitacion.estadoPuymEN::before{content: "EN";}
.r01gContainer .tramitacion.estadoPuymFP{background-color: red;}
.r01gContainer .tramitacion.estadoPuymFP::before{content: "FP";}
/* LEYENDAS: Estados de Ite - Iconos */
.r01gContainer .ac17-leyenda-btn{
margin-top: 10px;
padding: 0px 6px;
}
.r01gContainer .ac17-leyenda-btn span{
margin: 0px;
font-size: 0.85em !important;
color: grey;
font-weight: 700;
}
.r01gContainer .leyenda-label label{
font-size: 1rem;
color: #333333;
font-weight: 700;
}
.r01gContainer .ac17-leyenda-btn + .ac17-leyenda-div{
margin-bottom: 0px !important;
}
.r01gContainer .leyenda-data-white {
background-color: #fff;
}
.r01gContainer .leyenda-row div span{
position: relative;
display: inline-block;
width: 16px;
height: 16px;
margin-right: 5px;
margin-bottom: 3px;
font-size: .75em;
font-weight: bold;
line-height: 16px;
color: #fff;
text-align: center;
vertical-align: middle;
}
/* LEYENDAS: Estados de Ite - Icono letra (B-F-F-R-P-RA-RD-PH) color y letras */
.r01gContainer .leyendaTramitacion.leyendaTramitacionB{background-color: gray ;}
.r01gContainer .leyendaTramitacion.leyendaTramitacionB::before{content: "B";}
.r01gContainer .leyendaTramitacion.leyendaTramitacionF{background-color: purple ;}
.r01gContainer .leyendaTramitacion.leyendaTramitacionF::before{content: "F";}
.r01gContainer .leyendaTramitacion.leyendaTramitacionE{background-color: red ;}
.r01gContainer .leyendaTramitacion.leyendaTramitacionE::before{content: "E";}
.r01gContainer .leyendaTramitacion.leyendaTramitacionT{background-color: blue;}
.r01gContainer .leyendaTramitacion.leyendaTramitacionT::before{content: "T";}
.r01gContainer .leyendaTramitacion.leyendaTramitacionP{background-color: green;}
.r01gContainer .leyendaTramitacion.leyendaTramitacionP::before{content: "P";}
.r01gContainer .leyendaTramitacion.leyendaTramitacionR{background-color: black;}
.r01gContainer .leyendaTramitacion.leyendaTramitacionR::before{content: "R";}
.r01gContainer .leyendaTramitacion.leyendaTramitacionRA{background-color: brown;}
.r01gContainer .leyendaTramitacion.leyendaTramitacionRA::before{content: "RA";}
.r01gContainer .leyendaTramitacion.leyendaTramitacionRD::before{content: "RD";}
.r01gContainer .leyendaTramitacion.leyendaTramitacionRD{background-color: orange;}
.r01gContainer .leyendaTramitacion.leyendaTramitacionPH::before{content: "PH";}
.r01gContainer .leyendaTramitacion.leyendaTramitacionPH{background-color: darkgreen;}
/* Estados de presentacion de PUyM - Icono letra (NN-EP-EN-FP) color y letras */
.r01gContainer .leyendaTramitacion.leyendaPuymNN{background-color: navy;}
.r01gContainer .leyendaTramitacion.leyendaPuymNN::before{content: "NN";}
.r01gContainer .leyendaTramitacion.leyendaPuymEP{background-color: orange;}
.r01gContainer .leyendaTramitacion.leyendaPuymEP::before{content: "EP";}
.r01gContainer .leyendaTramitacion.leyendaPuymEN{background-color: green;}
.r01gContainer .leyendaTramitacion.leyendaPuymEN::before{content: "EN";}
.r01gContainer .leyendaTramitacion.leyendaPuymFP{background-color: red;}
.r01gContainer .leyendaTramitacion.leyendaPuymFP::before{content: "FP";}
/*Estados edificio - Icono imagen (en plazo, pendiente...) */
.r01gContainer .leyendaEstadoEdificio{
position: relative;
display: inline-block;
width: 16px;
height: 16px;
font-size: .85em;
font-weight: bold;
line-height: 17px;
text-align: center;
vertical-align: middle;
}
.r01gContainer .leyendaestadoEdificio.estadoEdificioEnPlazo{
background-image: url(../images/estadoEdificioEnPlazo.png);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}
.r01gContainer .leyendaestadoEdificio.estadoPendienteCaducada{
background-image: url(../images/estadoEdificioPendienteCaducada.png);
background-repeat: no-repeat;
background-size: contain;
vertical-align: right;
}
.r01gContainer .leyendaestadoEdificio.fa.fa-exclamation{
color: #9b0829;
}
.r01gContainer .leyendaestadoEdificio.fa.fa-check{
color: #2e9a96;
}
.r01gContainer .leyendaestadoEdificio.fa.fa-times{
color: #9b0829;
}
.r01gContainer .leyendaestadoEdificio.fa.fa-times.fa-times-1::after{
content: "1";
font-size: 0.8em;
position: absolute;
font-weight: bold;
top: -4px;
right: -4px;
}
.r01gContainer .leyendaestadoEdificio.fa.fa-times.fa-times-2::after{
content: "2";
font-size: 0.8em;
position: absolute;
font-weight: bold;
top: -4px;
right: -4px;
}
.r01gContainer .leyendaestadoEdificio.fa.fa-times.fa-times-3::after{
content: "3";
font-size: 0.8em;
position: absolute;
font-weight: bold;
top: -4px;
right: -4px;
}
.r01gContainer .leyendaestadoEdificio.estadoEdificioSubParcial{
background-image: url(../images/parcialCheck.png);
background-repeat: no-repeat;
background-size: contain;
}
.r01gContainer .leyendaestadoEdificio.fa.fa-check.fa-check-subsanada{
color: #dc7c0b;
}
.r01gContainer .leyendaestadoEdificio.estadoEdificioHand{
background-image: url(../images/estadoEdificioHand.png);
background-repeat: no-repeat;
background-size: contain;
}
.r01gContainer .leyendaestadoEdificio.estadoEdificioHandExclamation{
background-image: url(../images/handExclamation.png);
background-repeat: no-repeat;
background-size: contain;
}
.r01gContainer .leyendaestadoEdificio.fa.fa-minus{
color: #2e9a96;
}
.r01gContainer .leyendaestadoEdificio.fa.fa-question{
color: #9b0829;
}
/* Alertas de Ite */
.r01gContainer .flexSpaceAround{
display: flex;
justify-content: space-around;
align-items: center;
}
.r01gContainer .alertaLvl{
display: inline-block;
width: 16px;
height: 16px;
margin-top: 0.2em;
font-size: .75em;
font-weight: bold;
line-height: 16px;
color: #fff;
text-align: center;
vertical-align: middle;
}
.r01gContainer .alertaLvl0{border: 1px solid #339999;}
.r01gContainer .alertaLvl0::before{content: "";}
.r01gContainer .alertaLvl1{background-color: #990030;}
.r01gContainer .alertaLvl1::before{content: "1";}
.r01gContainer .alertaLvl2{background-color: #990030;}
.r01gContainer .alertaLvl2::before{content: "2";}
.r01gContainer .alertaLvl3{background-color: #990030;}
.r01gContainer .alertaLvl3::before{content: "3";}
.r01gContainer .alertaLvl4{background-color: #339999;}
.r01gContainer .alertaLvl4::before{content: "4";}
.r01gContainer .alertaLvl5{background-color: #339999;}
.r01gContainer .alertaLvl5::before{content: "5";}
/* Certificados energeticos */
.r01gContainer .certEnerg{
width: 15px;
height: 15px;
font-size: .85em;
font-weight: bold;
display: inline-block;
color: #333;
position: relative;
margin-right: 7px;
}
.r01gContainer .certEnergA{background-color: #00ff03;}
.r01gContainer .certEnergA::before{content: "A";}
.r01gContainer .certEnergA::after{ border: 7px solid transparent; border-left: 7px solid #00ff03; content: ""; position: absolute; left: 100%;}
.r01gContainer .certEnergB{background-color: #4ffe03;}
.r01gContainer .certEnergB::before{content: "B";}
.r01gContainer .certEnergB::after{ border: 7px solid transparent; border-left: 7px solid #4ffe03; content: ""; position: absolute; left: 100%;}
.r01gContainer .certEnergC{background-color: #b4fc04;}
.r01gContainer .certEnergC::before{content: "C";}
.r01gContainer .certEnergC::after{ border: 7px solid transparent; border-left: 7px solid #b4fc04; content: ""; position: absolute; left: 100%;}
.r01gContainer .certEnergD{background-color: #feff01;}
.r01gContainer .certEnergD::before{content: "D";}
.r01gContainer .certEnergD::after{ border: 7px solid transparent; border-left: 7px solid #feff01; content: ""; position: absolute; left: 100%;}
.r01gContainer .certEnergE{background-color: #ffb300;}
.r01gContainer .certEnergE::before{content: "E";}
.r01gContainer .certEnergE::after{ border: 7px solid transparent; border-left: 7px solid #ffb300; content: ""; position: absolute; left: 100%;}
.r01gContainer .certEnergF{background-color: #ff4b00;}
.r01gContainer .certEnergF::before{content: "F";}
.r01gContainer .certEnergF::after{ border: 7px solid transparent; border-left: 7px solid #ff4b00; content: ""; position: absolute; left: 100%;}
.r01gContainer .certEnergG{background-color:#fb0300;}
.r01gContainer .certEnergG::before{content: "G";}
.r01gContainer .certEnergG::after{ border: 7px solid transparent; border-left: 7px solid #fb0300; content: ""; position: absolute; left: 100%;}
/* Accesibilidad */
.r01gContainer .accesibilidadIcon{
width: 15px;
height: 15px;
font-size: .85em;
display: inline-block;
color: #fff;
position: relative;
}
.r01gContainer .accesibilidadIconOK{
background-image: url(../images/accesibilidadOK.png);
background-repeat: no-repeat;
background-size: contain;
}
.r01gContainer .accesibilidadIconKO{
background-image: url(../images/accesibilidadKO.png);
background-repeat: no-repeat;
background-size: contain;
}
/*Estados edificio - Icono imagen (en plazo, pendiente...) */
.r01gContainer .estadoEdificio{
position: relative;
display: inline-block;
width: 16px;
height: 16px;
font-size: .85em;
font-weight: bold;
line-height: 17px;
text-align: center;
vertical-align: middle;
}
.r01gContainer .estadoEdificioExento{
position: relative;
display: inline-block;
width: 10px;
height: 10px;
font-size: .55em;
font-weight: bold;
line-height: 1px;
text-align: center;
vertical-align: middle;
}
.r01gContainer .estadoEdificioEnPlazo{
background-image: url(../images/estadoEdificioEnPlazo.png);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}
.r01gContainer .estadoEdificioPendienteCaducada{
background-image: url(../images/estadoEdificioPendienteCaducada.png);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}
.r01gContainer .estadoEdificio.fa.fa-exclamation{
color: #9b0829;
}
.r01gContainer .estadoEdificio.fa.fa-check{
color: #2e9a96;
}
.r01gContainer .estadoEdificio.fa.fa-times{
color: #9b0829;
}
.r01gContainer .estadoEdificio.fa.fa-times.fa-times-1::after{
content: "1";
font-size: 0.8em;
position: absolute;
font-weight: bold;
top: -4px;
right: -4px;
}
.r01gContainer .estadoEdificio.fa.fa-times.fa-times-2::after{
content: "2";
font-size: 0.8em;
position: absolute;
font-weight: bold;
top: -4px;
right: -4px;
}
.r01gContainer .estadoEdificio.fa.fa-times.fa-times-3::after{
content: "3";
font-size: 0.8em;
position: absolute;
font-weight: bold;
top: -4px;
right: -4px;
}
.r01gContainer .estadoEdificio.estadoEdificioSubParcial{
background-image: url(../images/parcialCheck.png);
background-repeat: no-repeat;
background-size: contain;
}
.r01gContainer .estadoEdificio.fa.fa-check.fa-check-subsanada{
color: #dc7c0b;
}
.r01gContainer .estadoEdificio.estadoEdificioHand{
background-image: url(../images/estadoEdificioHand.png);
background-repeat: no-repeat;
background-size: contain;
}
.r01gContainer .estadoEdificio.estadoEdificioHandExclamation{
background-image: url(../images/handExclamation.png);
background-repeat: no-repeat;
background-size: contain;
}
.r01gContainer .estadoEdificio.fa.fa-minus{
color: #2e9a96;
}
.r01gContainer .estadoEdificio.fa.fa-question{
color: #9b0829;
}
/* Visualizacin de fechas Desde - Hasta */
.r01gContainer .from-to-date-group > .rup-date-input-group{
display: inline-flex;
}
.r01gContainer .from-to-date-group > .rup-date-input-group input.form-control.hasDatepicker{
width:auto;
}
.r01gContainer .from-to-date-group .form-group{
margin-bottom: 0;
}
.r01gContainer .from-to-date-group .rup-date-input-group{
margin-bottom: 6px;
}
.r01gContainer .from-to-date-group > .rup-date-input-group:first-of-type::after{
margin-left: 8px;
margin-right: 8px;
margin-top: 5px;
content: "-";
}
@media (min-width:991px) and (max-width:1198px){
.r01gContainer .from-to-date-group > .rup-date-input-group:first-of-type:after{
margin-left: 1rem;
margin-right: 1rem;
content:' ';
margin-top: 5px;
}
}
@media (min-width:769px) and (max-width:990px){
.r01gContainer .from-to-date-group > .rup-date-input-group:first-of-type:after{
margin-left: 1rem;
margin-right: 1rem;
content:'-';
margin-top: 5px;
}
}
@media (max-width: 320px){
.r01gContainer .from-to-date-group > .rup-date-input-group:first-of-type:after{
margin-left: 1rem;
margin-right: 1rem;
content:' ';
margin-top: 5px;
}
}
/* Leyenda PUYM*/
.r01gContainer .leyendaVigenciaPuym{
position: relative;
display: inline-block;
width: 16px;
height: 16px;
font-size: .85em;
font-weight: bold;
line-height: 17px;
text-align: center;
vertical-align: middle;
}
.r01gContainer .leyendaVigenciaPuym.fa.fa-check{
color: #2e9a96;
}
.r01gContainer .leyendaVigenciaPuym.fa.fa-times{
color: #9b0829;
}
.r01gContainer .leyendaVigenciaPuym.fa.fa-check{
color: #2e9a96;
}
.r01gContainer .leyendaVigenciaPuym.fa.fa-pencil-square-o{
color: #000;
}
/* *******************
* ARREGLOS DEL WIZARD
* ******************* */
/*Aprovechar espacio en vista movil*/
@media ( max-width : 767px) {
.r01gContainer .rup-wizard fieldset{
padding-top:0;
}
}
.r01gContainer .rup-wizard_stepsDescContainer{
list-style-type: none;
}
/*FIX Botones del wizard*/
/*
* [JBHG] FIX para agregar nuevos botones a los pasos del wizard.
* Lo suyo es que RUP agrupase los estilos comunes a estos botones en una clase, delegando el icono en la clase propia...
*/
.r01gContainer .rup-wizard_signButton,
.r01gContainer .rup-wizard_submitButton,
.r01gContainer .rup-wizard_downloadButton,
.r01gContainer .rup-wizard_saveDraftButton,
.r01gContainer .rup-wizard_homeButton,
.r01gContainer .rup-wizard_printButton{
float:right;
font-size: 1.1rem;
padding: 6px 12px;
border-radius: 4px;
line-height: 1.42857;
font-weight: normal;
margin-bottom: 0;
border: 1px solid #cecece;
margin: 0;
cursor: pointer;
display:flex;
}
.r01gContainer .rup-wizard a.rup-wizard_homeButton{
float: left;
margin: 0;
}
.r01gContainer .rup-wizard a.rup-wizard_prev,
.r01gContainer .rup-wizard a.rup-wizard_leftButton {
float: left;
margin: 0 5px 0 0;
}
.r01gContainer .rup-wizard a.rup-wizard_next,
.r01gContainer .rup-wizard a.rup-wizard_signButton,
.r01gContainer .rup-wizard a.rup-wizard_rightButton {
float:right;
margin: 0 0 0 5px;
}
.r01gContainer .rup-wizard_signButton:hover,
.r01gContainer .rup-wizard_submitButton:hover,
.r01gContainer .rup-wizard_downloadButton:hover,
.r01gContainer .rup-wizard_saveDraftButton:hover,
.r01gContainer .rup-wizard_homeButton:hover,
.r01gContainer .rup-wizard_printButton:hover{
background-color: #f2f2f2;
border-color: #999;
}
/*Icono para botones del wizard*/
.r01gContainer .rup-wizard_downloadButton:after{
content: "\f019";
color: #69c;
margin-left: 1rem;
line-height: 1.5rem;
font-family: FontAwesome;
font-size:1.5rem;
}
.r01gContainer .rup-wizard_saveDraftButton:after{
content: "\f0c7";
color: #69c;
margin-left: 1rem;
line-height: 1.5rem;
font-family: FontAwesome;
font-size:1.5rem;
}
.r01gContainer .rup-wizard_printButton:after{
content: "\f02f";
color: #69c;
margin-left: 1rem;
line-height: 1.5rem;
font-family: FontAwesome;
font-size:1.5rem;
}
.r01gContainer .rup-wizard_submitButton:after{
content: "\f1d8";
color: #69c;
margin-left: 1rem;
line-height: 1.5rem;
font-family: FontAwesome;
font-size:1.5rem;
}
.r01gContainer .rup-wizard_signButton:after{
content: "\f1d8";
color: #69c;
margin-left: 1rem;
line-height: 1.5rem;
font-family: FontAwesome;
font-size:1.5rem;
}
.r01gContainer .rup-wizard_homeButton:after{
content: "\f015";
color: #69c;
margin-left: 1rem;
line-height: 1.5rem;
font-family: FontAwesome;
font-size:1.5rem;
}
/* Sombreado botones Volver y Siguiente*/
/*
.r01gContainer .rup-wizard a.rup-wizard_next,
.r01gContainer .rup-wizard a.rup-wizard_prev,
.r01gContainer .rup-wizard a.rup-wizard_saveDraftButton,
.r01gContainer .rup-wizard a.rup-wizard_homeButton,
.r01gContainer .rup-wizard a.rup-wizard_signButton,
.r01gContainer .rup-wizard a.rup-wizard_submitButton,
.r01gContainer .rup-wizard_next,
.r01gContainer .rup-wizard_prev,
.r01gContainer .rup-wizard_saveDraftButton,
.r01gContainer .rup-wizard_homeButton{
box-shadow: 0 8px 10px -5px rgba(0,0,0,0.3);
transition: box-shadow .2s ease;
}/*
.r01gContainer .rup-wizard a.rup-wizard_next:hover,
.r01gContainer .rup-wizard a.rup-wizard_prev:hover,
.r01gContainer .rup-wizard a.rup-wizard_saveDraftButton:hover,
.r01gContainer .rup-wizard a.rup-wizard_homeButton:hover,
.r01gContainer .rup-wizard a.rup-wizard_signButton:hover,
.r01gContainer .rup-wizard a.rup-wizard_submitButton:hover,
.r01gContainer .rup-wizard_next:hover,
.r01gContainer .rup-wizard_prev:hover,
.r01gContainer .rup-wizard_saveDraftButton:hover,
.r01gContainer .rup-wizard_homeButton:hover{
box-shadow: 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3);
}
.r01gContainer .rup-wizard a.rup-wizard_next:active,
.r01gContainer .rup-wizard a.rup-wizard_prev:active,
.r01gContainer .rup-wizard a.rup-wizard_saveDraftButton:active,
.r01gContainer .rup-wizard a.rup-wizard_homeButton:active,
.r01gContainer .rup-wizard a.rup-wizard_signButton:active,
.r01gContainer .rup-wizard a.rup-wizard_submitButton:active,
.r01gContainer .rup-wizard_next:active,
.r01gContainer .rup-wizard_prev:active,
.r01gContainer .rup-wizard_saveDraftButton:active,
.r01gContainer .rup-wizard_homeButton:active{
box-shadow: 0 8px 10px -5px rgba(0,0,0,0.3), 0 8px 10px -5px rgba(0,0,0,0.3);
}*/
/*FIX RUP [JBHG]Linea de botonera del wizard*/
.r01gContainer p[id^='step'][id$='commands']{
margin-top: 1em;
float: left;
width: 100%;
}
/*Cambio de colores de los botones*/
.r01gContainer .rup-wizard a.rup-wizard_signButton,
.r01gContainer .rup-wizard a.rup-wizard_submitButton,
.r01gContainer .rup-wizard a.rup-wizard_next,
.r01gContainer .rup-wizard a.rup-wizard_prev{
background-color: #69c;
color:#fff;
border-color: #69c;
}
.r01gContainer .rup-wizard a.rup-wizard_signButton:after,
.r01gContainer .rup-wizard a.rup-wizard_submitButton:after,
.r01gContainer .rup-wizard a.rup-wizard_next:after,
.r01gContainer .rup-wizard a.rup-wizard_prev:before{
color:#fff;
}
.r01gContainer .rup-wizard a.rup-wizard_signButton:hover,
.r01gContainer .rup-wizard a.rup-wizard_submitButton:hover,
.r01gContainer .rup-wizard a.rup-wizard_next:hover,
.r01gContainer .rup-wizard a.rup-wizard_prev:hover{
background-color: #337ab7;
color:#fff;
border-color: #337ab7;
}
/* Cambios Wizard para que entren todos los botones que se deslizan */
.r01gContainer #ac17aApp .rup-wizard_stepsDescContainer {
margin-left: 0 !important;
}
.r01gContainer ul.rup-wizard_stepsDescContainer {
white-space: normal !important;
}
/*
* *************************************
* [JBHG] CAMBIO DE ESTILOS EN EL WIZARD
* *************************************
*/
.r01gContainer ul.rup-wizard_stepsDescContainer {
padding: 0;
box-sizing:border-box;
white-space:nowrap;
position:relative;
}
.r01gContainer ul.rup-wizard_stepsDescContainer li {
list-style-position: inside;
display: inline-block;
position: relative;
list-style-type: none;
list-style-image: none;
margin-top: 10px;
}
.r01gContainer ul.rup-wizard_stepsDescContainer li a {
display:inline-block;
vertical-align:bottom;
padding: 0 1rem;
cursor:pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.r01gContainer ul.rup-wizard_stepsDescContainer li::after,
.r01gContainer ul.rup-wizard_stepsDescContainer li:not(:first-of-type)::before{
border-width:18px;
border-right-width:0;
border-style:solid;
border-color:transparent;
content:'';
display: inline-block;
position:absolute;
border-left-color:inherit;
}
.r01gContainer ul.rup-wizard_stepsDescContainer li:not(:first-of-type)::before{
left:-18px;
right:initial !important;
border-left-color:transparent;
border-top-color:inherit;
border-bottom-color:inherit;
}
.r01gContainer ul.rup-wizard_stepsDescContainer li:not(:last-of-type){
margin-right: 4px;
}
.r01gContainer ul.rup-wizard_stepsDescContainer li:not(:first-of-type){
margin-left: 18px;
border-radius:0;
}
.r01gContainer ul.rup-wizard_stepsDescContainer li{
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
/*Borrado de propiedades de rup*/
.r01gContainer ul.rup-wizard_stepsDescContainer{
width:auto !important;
overflow:hidden;
height:auto;
line-height:normal;
}
.r01gContainer .rup-wizard_stepDesc a{
float:none;
height:auto;
background-image:none !important;
}
.r01gContainer .rup-wizard_stepsDescContainer li a{
font-size:inherit;
}
.r01gContainer .rup-wizard_stepDesc.visited a,
.r01gContainer .rup-wizard_stepDesc.current a{
cursor:pointer;
text-decoration: none;
}
.r01gContainer .rup-wizard_stepDesc.disabled a:hover{
color:#D3D3D3;
cursor:default;
}
/* Configuracion/color wizard: */
.r01gContainer ul.rup-wizard_stepsDescContainer li {
background-color: #EBEBEB;
border-color: #EBEBEB;
font-weight:bold;
height: 36px;
line-height: 36px;
}
.r01gContainer ul.rup-wizard_stepsDescContainer li.current {
background-color: #69c;
border-color: #69c;
color: #fff;
}
.r01gContainer ul.rup-wizard_stepsDescContainer li a:hover{
text-decoration:underline;
}
/* Secciones del wizard */
.r01gContainer .rup-wizard fieldset {
border:none;
padding:0;
margin:0;
}
.r01gContainer .rup-wizard fieldset > legend {
display:none;
}
/* .rup-wizard fieldset {margin:0;border-radius: 5px;} */
/* .rup-wizard fieldset > legend {font-weight: bold;} */
/* .rup-wizard fieldset.noBorder{border:none;padding:0;} */
/* .rup-wizard fieldset.noLegend > legend {display:none;} */
/* .wizard-sub-section {} */
.r01gContainer .wizard-sub-section.secondary.ui-accordion .ui-accordion-header{
background-color:#e8f2fb;
}
.r01gContainer .wizard-sub-section.secondary.ui-accordion .ui-accordion-header.ui-accordion-header-active{
background-color:#9bb6ce;
border-color:#9bb6ce;
}
/* .wizard-sub-section {} */
.r01gContainer .minimizable-section{
position:absolute;
top:2px;
right:2px;
margin: 5px 5px 0 0;
font-family:FontAwesome !important;
font-size:11px;
line-height:15px;
height:15px;
width:15px;
cursor:pointer;
border-radius:3px;
border:1px solid #dddddd;
color:#dddddd;
text-decoration: none;
font-style: normal;
text-align: center;
}
.r01gContainer .minimizable-section:before{
content:'\f066';
}
/* .minimizable-section.restore{border:0;} */
.r01gContainer .minimizable-section.restore:before{
content:'\f065';
}
/* Formulario dentro del wizard */
.r01gContainer .wizard-form-group{
border:0px solid #D9D9D9;
margin:1em/*override del margen de la clase row*/;
border-radius: 3px;
}
.r01gContainer .wizard-form-group-title {
color: #69c;
padding: .3rem 0.5rem;
font-weight: bold;
display:block;
border-bottom:1px solid #ebebeb;
margin-bottom:1.5rem;
}
.r01gContainer .wizard-form-field {
position:relative;
min-height: 3.9rem;
}
.r01gContainer .wizard-form-field > label {
margin-right:1em;
white-space: nowrap;
}
.r01gContainer .wizard-form-field > label:after {
content:':';
}
.r01gContainer .wizard-form-field > input[type='checkbox'],
.r01gContainer .wizard-form-field > input[type='radio']{
box-shadow: none !important;
border:0 !important;
}
.r01gContainer .wizard-form-field > input[type='checkbox'] + label,
.r01gContainer .wizard-form-field > input[type='radio'] + label {
margin-right:inherit;
white-space: normal;
}
.r01gContainer .wizard-form-field > input[type='checkbox'] + label:after,
.r01gContainer .wizard-form-field > input[type='radio'] + label:after {
content:'';
}
/*Estilos para secciones*/
.r01gContainer .rup-wizard fieldset > .wizard-section {
/*border:2px solid #DBE4EF;
border-radius:4px;
padding:1em;*/
min-height: 70px;
position:relative;
}
.r01gContainer .bordered-section,
.r01gContainer .help-section{
border:1px solid #ccc;
border-radius:4px;
padding:1.2em;
margin-bottom:1rem;
background-color: #f4f9ff;
font-style: italic;
position:relative;
}
.r01gContainer .bordered-section{
background-color: inherit;
font-style: inherit;
}
.r01gContainer .help-section-aviso{
background-color: #fae3c4;
}
.r01gContainer .help-section-error{
background-color: #f0b9b8;
}
/* VISOR GEOEUSKADI */
.r01gContainer .capaVisorGeoEuskadi{
position: relative;
width: 100%;
min-height: 300px;
max-height: 400px;
margin-bottom: 1.5em;
border: 2px solid #205969;
border-radius: 15px;
box-shadow: none;
overflow: hidden;
}
/*Estructura de pasos*/
.r01gContainer #pasos{
position: relative;
}
.r01gContainer #pasos ul{
position: relative;
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: center;
width: 90%;
margin: 0 auto;
list-style-type: none;
text-align: center;
z-index: 4;
}
.r01gContainer #pasos .pasosUnionLine {
position: absolute;
top: 25px;
left: 135px;
width: 77%;
height: 2px;
float: left;
border-top: 2px solid #d7e4f0;
z-index: 1;
}
.r01gContainer #pasos .pasosCirculo{
display: flex;
flex-flow: column nowrap;
float: left;
width: calc(100% /6);
font-size: 90%;
font-weight: bold;
text-align: center;
list-style: none;
z-index: 3;
position: relative;
}
.r01gContainer .enlacePaso{
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
margin: 0px auto;
padding: 5px 16px 5px 16px;
color: #fff !important;
text-decoration: none !important;
text-align: center;
font-weight: 700;
font-size: 25px;
cursor: pointer;
background-color: #69c;
box-shadow: 0 0 10px #69c;
border-radius: 50%;
position: relative;
}
.r01gContainer #pasos .pasosCirculo:not(:last-child):before {
width: 100%;
border-top: 2px solid #d7e4f0;
content: '';
position: absolute;
left: 50%;
top: 25px;
}
.r01gContainer .enlacePaso:hover {
background-color: #337ab7;
box-shadow: 0 0 10px #337ab7;
}
.r01gContainer #pasos li .pasosNumberText{
padding: 15px;
color: #ccc;
text-align: center;
}
.r01gContainer #pasos .enlacePasoActive .enlacePaso {
background-color: #204d71;
box-shadow: 0 0 10px #204d71;
}
.r01gContainer #pasos .enlacePasoActive .pasosNumberText {
color: #333;
}
/*IE10-specific styles - Estructura de pasos*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.r01gContainer #pasos ul{
display: -ms-flexbox;
-ms-flex-flow: row nowrap;
-ms-flex-align: flex-start;
-ms-flex-item-align: center;
z-index: 4;
}
.r01gContainer #pasos .pasosUnionLine {
-ms-justify-content: center;
}
.r01gContainer #pasos .pasosCirculo{
display: -ms-flexbox;
-ms-flex-flow: column nowrap;
z-index: 3;
}
.r01gContainer .enlacePaso{
display: -ms-flexbox;
-ms-flex-align: center;
-ms-text-justify: center;
-ms-line-height: 2;
}
}
@media (max-width:2560px){
.r01gContainer #pasos .pasosUnionLine {
left: 300px;
width: 75%;
}
}
@media (max-width:2000px){
.r01gContainer #pasos .pasosUnionLine {
left: 230px;
}
}
@media (max-width:1600px){
.r01gContainer #pasos .pasosUnionLine {
left: 185px;
}
}
@media (max-width:1440px){
.r01gContainer #pasos .pasosUnionLine {
left: 150px;
}
}
@media (max-width:1024px){
.r01gContainer #pasos .pasosUnionLine {
width: 75%;
left: 140px;
}
}
@media (max-width:900px){
.r01gContainer #pasos ul{
width: 100%;
}
.r01gContainer #pasos .pasosUnionLine {
left: 60px;
width: 83%;
}
}
@media (max-width:425px){
.r01gContainer #pasos .pasosUnionLine {
left: 30px;
}
.r01gContainer #pasos li .pasosNumberText{
font-size: 0.8rem;
}
}
/*Reglas comunes*/
.r01gContainer .displayNone{display: none !important;}
.r01gContainer .displayBlock{display: block !important;}
.r01gContainer .displayInline{display: inline !important;}
.r01gContainer .noMarginPadding{margin:0 !important;padding: 0 !important;}
.r01gContainer .text-right{text-align: right !important;}
.r01gContainer .ml3-w96{margin-left: 3%;width: 96%;}
.r01gContainer .w100{width: 100%;}
.r01gContainer .w90{width: 90% !important;}
.r01gContainer .w40{ width: 40% !important; }
.r01gContainer .wAuto{width: auto !important;}
.r01gContainer .minw-200{ min-width: 200px;}
.r01gContainer .lh-1em{line-height: 1em;}
.r01gContainer .nowrap{white-space: nowrap !important;}
.r01gContainer .bold{font-weight: bold !important;}
.r01gContainer .informationIcon{ font-size: 1.2em !important; color: #555; cursor: pointer;}
.r01gContainer .flexLeft{ display: flex; justify-content: flex-start; align-items: center;}
.r01gContainer .flexSpaceBetween{display: flex; justify-content: space-between; align-items: center;}
.r01gContainer .mt-separator{margin-top: 25px; }
.r01gContainer .mb-0{margin-bottom: 0 !important;}
.r01gContainer .mt-0{margin-top: 0 !important;}
.r01gContainer .selectWrapper select{width: 100%; }
/*.r01gContainer #ac17aApp .content .row{margin-top: 15px;}*/
.r01gContainer .textarea-small-h{min-height: 3em; }
.r01gContainer .textarea-medium-h{min-height: 6em;}
.r01gContainer .textarea-big-h{ min-height: 12em; }
.r01gContainer .radioInline label{margin-right: 35px;}
.r01gContainer .elementLegendDestacado{font-size: 1.2em;}
.r01gContainer .li-point{display: list-item; list-style-type: disc; list-style-position: inside;}
.r01gContainer .li-dashed::before{content: "-";}
.r01gContainer .underline{text-decoration: underline;}
.r01gContainer .uppercase{text-transform: uppercase;}
.r01gContainer .subInfo{font-weight: normal; font-size: .85em; display: "block";}
.r01gContainer .subInfoBigger{font-weight: normal; font-size: .95em; display: "block";}
.r01gContainer .ml-5{margin-left: 5px !important;}
.r01gContainer .ml-50{margin-left: 50px !important;}
.r01gContainer .ml-20{margin-left: 20px !important;}
.r01gContainer .pl-50{padding-left: 50px !important;}
.r01gContainer .pl-20{padding-left: 20px !important;}
.r01gContainer .pl-20{padding-left: 20px !important;}
.r01gContainer .mxw-100, .r01gContainer .mw-100px{max-width: 100px; }
.r01gContainer .minw-100, .r01gContainer .minw-100px{min-width: 100px;}
.r01gContainer .minw-150px{min-width: 150px;}
.r01gContainer .minw-200px{min-width: 200px;}
.r01gContainer .pointer{cursor: pointer;}
.r01gContainer .border-top{border-top: 1px solid #aaa;}
.r01gContainer .row-like-table{padding: 5px 0; margin: 0px 5px !important;}
.r01gContainer .thinBorderRight{border-right: 1px solid #888;}
.r01gContainer .eficienciaEnergCombo{min-width: 50px;}
/*Secciones como fieldSet*/
.r01gContainer section.likeFieldset{
border: 1px solid #ccc;
border-radius: 5px;
margin: 25px 10px 0 10px;
padding: 10px 15px 15px 20px;
position: relative;
}
.r01gContainer section.likeFieldset legend{
position: absolute;
background-color: #fff;
top: -.9em;
left: 5px;
font-weight: bold;
}
/*Selección de edificio*/
.r01gContainer .geoEuskadiMapWrapper{
border-radius: 10px;
box-shadow: rgba(0,0,0,0.8) 0 0 10px;
overflow: hidden;
}
.r01gContainer .geoEuskadiMapWrapper img{
width: 100%;
}
/*template diálogo formulario añadir documento*/
.r01gContainer .dialogForm .rup-date-input-group{
max-width: 170px;
}
.r01gContainer .dialogForm .row{
margin-top: 15px;
}
.r01gContainer .dialogForm textarea{
min-height: 100px;
width: 100%;
}
.r01gContainer .dialogForm .input-file-group input{
width: 170px;
display: inline-block;
height: 28px;
}
.r01gContainer .dialogForm .input-file-group button{
display: inline-block;
height: 28px;
}
.r01gContainer .dialogForm p[id^='step'][id$='commands']{
margin: 0;
}
.r01gContainer .dialogForm .rup-wizard_stepsDescContainer{
position: inherit !important;
}
/*Diálogos más grandes*/
.r01gContainer .ui-dialog.widther{
max-width: none !important;
}
/*icon image*/
.r01gContainer .icon-image{
width: 1em;
margin-top: -2px;
cursor: pointer;
}
/*Posicionamiento a la derecha de los botones*/
.r01gContainer .right_buttons{
text-align:right;
margin-bottom:5px;
}
/*Popup visor*/
.r01gContainer .popup-edificio-visor{
font-size: 1rem;
margin: 0.5rem;
}
.r01gContainer div.contenedorTitle{
background-color: #fff;
min-height: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.r01gContainer div.FeatureInfoMng_c_slider_button.FeatureInfoMng_c_slider_next{
background-image: url(http://www1.geo.jakina.ejiedes.net/bisorea/v3/img/next_white.png);
}
.r01gContainer div.FeatureInfoMng_c_slider_button.FeatureInfoMng_c_slider_previous{
background-image: url(http://www1.geo.jakina.ejiedes.net/bisorea/v3/img/previous_white.png);
}
.r01gContainer div.FeatureInfoMng_c_slider_button.FeatureInfoMng_c_slider_close{
display: none !important;
}
.r01gContainer .popup-close-icon{
position: absolute;
right: 8px;
top: 0px;
color: #4973A4;
cursor: pointer;
}
/* ----- PUyM - árbol de contenido ----- */
.r01gContainer .jstree-rup-default.jstree-focused {
background: transparent;
}
/* color y subrayado de los enlaces*/
.r01gContainer .jstree-rup-default.jstree-focused ul li a {
text-decoration: none !important;
color: #4973A4;
border: 1px solid transparent;
}
/* iconos */
.r01gContainer .jstree a > .jstree-icon {
margin-right: 8px;
}
/*Lista cerrada .jstree-closed*/
.r01gContainer .jstree-rup-default .jstree-close.jstree-closed{
background: #fff;
border: 1px solid #69c;
border-radius: 5px;
margin: 6px 0;
padding: 0 5px;
height: auto;
color: #4973A4;
}
.r01gContainer .jstree-rup-default .jstree-close.jstree-closed ul{
display: none !important;
}
.r01gContainer .jstree-rup-default .jstree-close.jstree-closed:hover a{
color: #fff !important;
height: auto;
}
/*icono lista cerrada*/
.r01gContainer .jstree-rup-default .jstree-closed > ins {
background-position: -54px 0 !important;
}
/*enlace lista cerrada*/
.r01gContainer .jstree-rup-default .jstree-close > a{
width: 98%;
margin: 0;
padding: 5px;
height: auto;
border-radius: 5px;
}
/*enlace:hover lista cerrada*/
.r01gContainer .jstree-rup-default .jstree-close > a.jstree-hovered {
background: #69c;
border: 1px solid #69c;
color: #fff;
width: 98%;
margin:0;
padding: 5px;
}
/*lista cerrada:hover*/
.r01gContainer .jstree-rup-default .jstree-close.jstree-closed:hover{
background: #69c;
border: 1px solid #69c;
border-radius: 5px;
margin: 6px 0;
padding: 0 5px;
height: auto;
color: #fff !important;
}
/*Lista abierta .jstree-open*/
.r01gContainer li.jstree-open > ul {
margin: 0px 0px 0 18px;
padding: 3px 5px 5px 5px;
background-color: #fff;
border-radius: 5px;
}
/*estilos de la lista abierta*/
.r01gContainer .jstree-rup-default .jstree-close.jstree-open{
background: #fff;
border: 1px solid #69c;
border-radius: 5px;
margin: 6px 0;
padding: 5px;
color: #4973A4;
}
/*enlace lista abierta*/
.r01gContainer .jstree-rup-default .jstree-close.jstree-open > a{
background: #337ab7;
border: 1px solid #337ab7;
color: #fff !important;
}
/*Lista en posicion:ultima*/
.r01gContainer .jstree-rup-default .jstree-leaf a {
width: 98%;
height: auto;
padding: 4px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 5px;
white-space: normal;
}
.r01gContainer .jstree-rup-default .jstree-leaf a.jstree-hovered {
height: auto;
background: #d7e4f0;
border: 1px solid #d7e4f0;
padding: 4px;
border-radius: 5px;
white-space: normal;
}
/*lista dentro de lista abierta*/
.r01gContainer .jstree-rup-default .jstree-close.jstree-open .jstree-close.jstree-open {
border: 1px solid #d7e4f0;
}
/*Estilos del enlace clicado*/
.r01gContainer .jstree-rup-default .jstree-clicked {
height: auto !important;
background: #69c;
border: 1px solid #69c;
color: #fff !important;
white-space: normal;
}
.r01gContainer .jstree-rup-default .jstree-clicked.jstree-hovered {
height: auto !important;
margin-top: 0 !important;
background: #69C;
border: 1px solid #fff;
color: #fff;
white-space: normal;
}
/*Lista cerrada - enlace clicado*/
.r01gContainer .jstree-rup-default .jstree-close.jstree-closed .jstree-clicked,
.r01gContainer .jstree-rup-default .jstree-close.jstree-closed .jstree-clicked.jstree-hovered {
height: auto;
padding: 4px;
background: transparent;
border: 1px solid transparent;
border-radius: 5px;
color: #4973A4 !important;
}
.r01gContainer .jstree-rup-default .jstree-close.jstree-closed .jstree-clicked:hover {
height: auto;
padding: 4px;
background: #69c;
border: 1px solid #69c;
border-radius: 5px;
color: #fff !important;
}
/*Lista ultima - enlace clicado*/
.r01gContainer .jstree-rup-default .jstree-leaf > .jstree-clicked,
.r01gContainer .jstree-rup-default .jstree-leaf > .jstree-clicked.jstree-hovered {
height: auto;
padding: 4px;
background: #204d71;
border: 1px solid #204d71;
border-radius: 5px;
}
/*Ajustar iconos arbol*/
div.r01gContainer .jstree-0 li[rel="rama"] > a > .jstree-icon {
background-size: cover;
}
div.r01gContainer .jstree-0 li[rel="hoja"] > a > .jstree-icon {
background-size: cover;
}
div.r01gContainer .jstree-0 li[rel="hojaMarcada"] > a > .jstree-icon {
background-size: cover;
}
/*Arbol responsive*/
@media (max-width:1024px){
/*enlace lista cerrada*/
.r01gContainer .jstree-rup-default .jstree-close > a {
width: 97%;
}
/*enlace:hover lista cerrada*/
.r01gContainer .jstree-rup-default .jstree-close > a.jstree-hovered {
width: 97%;
}
}
@media (max-width:800px){
/*enlace lista cerrada*/
.r01gContainer .jstree-rup-default .jstree-close > a {
width: 96%;
}
/*enlace:hover lista cerrada*/
.r01gContainer .jstree-rup-default .jstree-close > a.jstree-hovered {
width: 96%;
}
}
@media (max-width:425px){
/*enlace lista cerrada*/
.r01gContainer .jstree-rup-default .jstree-close > a {
width: 91%;
}
/*enlace:hover lista cerrada*/
.r01gContainer .jstree-rup-default .jstree-close > a.jstree-hovered {
width: 91%;
}
}
/*Menu desplegable arbol con boton derecho*/
#vakata-contextmenu {
display: flex !important;
flex-flow: column nowrap;
align-items: center;
background-color: #f4f9ff !important;
border: 1px solid #4973A4 !important;
border-radius: 5px;
}
#vakata-contextmenu ul {
display: flex !important;
flex-flow: column nowrap;
}
#vakata-contextmenu li {
display: flex !important;
flex-flow: row nowrap;
align-items: center;
padding: 0 !important;
}
#vakata-contextmenu li ins {
background-size: cover !important;
margin: 10px 10px !important;
}
#vakata-contextmenu li:hover {
display: flex !important;
flex-flow: row nowrap;
align-items: center;
background-color: #69c;
}
#vakata-contextmenu li:hover a {
color: #fff !important;
}
#vakata-contextmenu li a {
line-height: 1 !important;
margin: 0 !important;
color: #204d71 !important;
padding: 12px 0 !important;
width: 100%;
}
#vakata-contextmenu li a:hover, #vakata-contextmenu li.vakata-hover > a {
background: transparent !important;
}
/* ----- Modal - Colchoseer - panel de trabajo - Departamental - seleccionar columnas ----- */
/*Encabezado modal - Mostrar columnas/cerrar*/
#dialog_panelTrabajoDpto,
#dialog_panelTrabajoAyto {
background-color: #fff;
color: #333;
border: 1px solid #ccc;
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 0 6px rgba(0, 0, 0, 0.23);
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 0 6px rgba(0, 0, 0, 0.23);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 0 6px rgba(0, 0, 0, 0.23);
}
#dialog_panelTrabajoDpto .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle,
#dialog_panelTrabajoAyto .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
padding: 1rem;
color: #333;
border-bottom: 1px solid #ccc;
}
#dialog_panelTrabajoDpto .ui-dialog-title,
#dialog_panelTrabajoAyto .ui-dialog-title {
line-height: initial;
}
#dialog_panelTrabajoDpto .ui-dialog-titlebar-close,
#dialog_panelTrabajoAyto .ui-dialog-titlebar-close {
margin: 0;
padding: 2px;
background-color: transparent;
border: 1px solid transparent;
opacity: 1;
color: #333;
text-shadow: none;
}
#dialog_panelTrabajoDpto .ui-dialog-titlebar-close:hover,
#dialog_panelTrabajoAyto .ui-dialog-titlebar-close:hover {
margin: 0;
padding: 2px;
background-color: #ccc;
border: 1px solid #ccc;
border-radius: 5px;
opacity: 1;
color: #fff;
text-shadow: none;
}
/*Contenido modal - X Seleccionados*/
div#colchooser_panelTrabajoDpto,
div#colchooser_panelTrabajoAyto {
display: flex !important;
flex-flow: column;
align-items: center;
height: 400px !important;
min-height: 40px !important;
padding: 15px;
/*border: 1px solid #eceeef;*/
/*border-bottom: none;*/
color: #333;
}
div#colchooser_panelTrabajoDpto div,
div#colchooser_panelTrabajoAyto div {
width: 100% !important;
height: auto !important;
}
/*Boton X Seleccionados*/
#colchooser_panelTrabajoDpto button.ui-multiselect.ui-widget.ui-state-default.ui-corner-all,
#colchooser_panelTrabajoAyto button.ui-multiselect.ui-widget.ui-state-default.ui-corner-all {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
width: 100% !important;
height: 35px;
padding: 5px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
outline: none;
}
#colchooser_panelTrabajoDpto button.ui-multiselect.ui-widget.ui-state-default.ui-corner-all:hover,
#colchooser_panelTrabajoAyto button.ui-multiselect.ui-widget.ui-state-default.ui-corner-all:hover {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
width: 100% !important;
height: 35px;
padding: 5px;
background-color: #ccc;
border: 1px solid #ccc;
border-radius: 5px;
color: #333;
box-sizing: border-box;
outline: none;
}
/*Boton X Seleccionados active*/
#colchooser_panelTrabajoDpto button.ui-multiselect.ui-widget.ui-state-default.ui-corner-all.ui-state-active,
#colchooser_panelTrabajoAyto button.ui-multiselect.ui-widget.ui-state-default.ui-corner-all.ui-state-active{
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
width: 100% !important;
height: 35px;
padding: 5px;
background-color: #ccc;
border: 1px solid #ccc;
border-radius: 5px;
color: #fff;
box-sizing: border-box;
}
/*Contenido Boton X Seleccionados: Checks*/
#rup-multiCombo_undefined{
position: absolute;
background-color: #fff;
}
#rup-multiCombo_undefined ul{
height: auto !important;
padding: 1em;
list-style: none;
}
#rup-multiCombo_undefined ul li{
padding-bottom: 5px;
}
/*Botones modal - Enviar/Cancelar*/
div#colchooser_panelTrabajoDpto + div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix div,
div#colchooser_panelTrabajoAyto + div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix div {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-end;
margin: 10px 15px 15px 15px;
border: 1px solid #ccc;
color: #333;
}
div#colchooser_panelTrabajoDpto + div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix button,
div#colchooser_panelTrabajoAyto + div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix button {
margin: .5em .4em .5em 0;
padding: 6px 12px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px;
color: #333;
cursor: pointer;
}
div#colchooser_panelTrabajoDpto + div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix button:hover,
div#colchooser_panelTrabajoAyto + div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix button:hover {
background-color: #f2f2f2;
border-color: #999;
}
/*Error (al ser una pagina que no lleva portal no se pone r01gContainer)*/
.r01gContainer .feedback-error{
width: 80%;
height: auto;
margin: 50px auto;
padding: 20px;
background-color: #f0b9b8;
border-radius: 5px;
}
.r01gContainer .feedback-error-content{
list-style: none;
margin-bottom: 25px;
margin-top: 0;
}
.r01gContainer .feedback-error-content li{
margin-bottom: 10px;
}
.r01gContainer .feedback-error-content h2{
margin-top: 0;
}
.r01gContainer .feedback-error-link{
padding: 5px 10px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px;
color: #333 !important;
text-decoration: none !important;
font-weight: bold;
}
.r01gContainer .feedback-error-link:hover{
padding: 5px 10px;
background-color: #ccc;
border: 1px solid #fff;
border-radius: 5px;
color: #333;
text-decoration: none;
font-weight: bold;
}
/*Inicio modal*/
.r01gContainer .login-modal-div{
padding: 0;
}
.r01gContainer .custom-control-list{
padding: 10px;
}
.r01gContainer .custom-control-list > label{
margin-bottom: 10px;
}
.r01gContainer .custom-control-label{
font-weight: normal;
}
.r01gContainer .custom-control-label::after{
left: 5px;
top: 10px;
}
.r01gContainer .custom-control-label::before{
left: 5px;
top: 10px;
background-color: #ccc;
}
.r01gContainer .custom-control-label.label-miPersona{
padding: 10px 0px 10px 10px;
}
/*Inicio modal - tablas*/
.r01gContainer .custom-control-table{
width: 100%;
}
.r01gContainer .custom-control-th{
height: 30px;
padding: 10px 0;
background-color: #f6f6f6;
border: 1px solid #c5c5c5;
color: #454545;
text-align: center;
}
.r01gContainer .custom-control-th:nth-child(1){
width: 80%;
}
.r01gContainer .custom-control-th:nth-child(2){
width: 20%;
}
.r01gContainer .custom-control-tr{
padding: 10px 0;
background-color: #eee;
border: 1px solid #ddd;
color: #333;
}
.r01gContainer .custom-control-tr td:nth-child(1){
position: relative;
width: 80%;
padding: 10px 0px 10px 25px;
background-color: #eee;
color: #333;
}
.r01gContainer .custom-control-tr td:nth-child(2){
width: 20%;
padding: 10px 0;
background-color: #eee;
border: 1px solid #ddd;
color: #333;
text-align: center;
}
/*Boton Cambiar edificio*/
.r01gContainer .btn-group-cambiarEdificio h2{
margin: 0;
padding: 0;
}
.r01gContainer .btn-cambiarEdificio{
display: flex;
margin-left: 0.5em;
padding: 0 0.3rem;
background-color: #f2f2f2;
border: 1px solid #ccc;
border-radius: 5px;
color: #333;
text-decoration: none;
cursor: pointer;
}
.r01gContainer .btn-cambiarEdificio:hover{
color: #333;
background-color: #ccc;
}
/*Tabla resumen patologias*/
.r01gContainer span.cellWithoutBackground{
display:block;
margin-right:-2px;
margin-left:-2px;
padding:4px;
}
.r01gContainer #resumenPatologias_div{
padding: 15px;
}
.r01gContainer #resumenPatologias_grid_div{
margin-bottom: 10px;
background-color: #f4f9ff;
border-radius: 5px;
padding: 20px;
}
.r01gContainer #gbox_resumenPatologias thead th{
padding: 6px;
}
.r01gContainer .listaElementosSubsanados{
padding-inline-start: 40px;
}
.r01gContainer .graficos{
display: flex;
height: 427.38px
}
.r01gContainer .niveles_accesibilidad_general{
height: 92%;
}
.r01gContainer .niveles_accesibilidad_entorno{
height: 84%;
}
.r01gContainer .niveles_accesibilidad_nucleo{
height: 84%;
}
/*
Estilo Colores:
Background-color:fondo -> #f4f9ff;
Background-color:suave -> #d7e4f0;
Background-color:normal -> #6699CC;
Background-color:hover -> #337ab7;
Background-color:active -> #204d71;
Botones grises:
Background-color:hover -> #f2f2f2;
Border-color:normal -> #ccc;
Border-color:hover -> #999;
color: #333;
Acordeon:
Background-color:normal -> #e8f2fb;
Background-color:hover -> #9bb6ce;
Border-color:hover -> #9bb6ce;
Tablas
th:
Background-color:normal -> #f6f6f6;
Border-color:normal -> #c5c5c5;
color: #454545;
tr:
Background-color:normal -> #eee;
Border-color:normal -> ##ddd;
color -> #333;
Lista tree
Background-color:cerrada -> #4973A4;
*/