html, body, div, span, applet, object, iframe,
h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, header, hgroup,
menu, output, ruby, section, summary,
time, mark, audio, av {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: var(--corporate-font-family), Roboto, sans-serif;
line-height: 1.5;
color: rgb(47 62 77);
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
color:#666;
height:100%;
background:#ddd;
}
a{
color: rgb(3 71 151);
outline: 0;
transition: background-color 0.25s ease-out, color 0.25s ease-out, border-color 0.25s ease-out;
}
a:hover{
cursor: pointer;
color: rgb(2 47 100)
}
small{
font-size: 14px;
color: #55708B;
}
big{font-size:140%;}
.bigFont{font-size:180%;}
ul li{list-style:none;}
p{margin-bottom:16px; display:block; }
ul.webmap{
width:100%;
float:left;
}
ul.webmap li span,
ul.webmap li a{
float:left;
width:100%;
padding:8px 16px;
border-top: solid 1px #e5e5e5;
}
ul.webmap li a:hover{background:#6fc3f8; text-decoration:none; color:#fff;}
ul.webmap{border-bottom: solid 1px #e5e5e5;}
ul.webmap li li span, ul.webmap li li a {padding-left:32px;}
ul.webmap li li li span, ul.webmap li li li a {padding-left:48px;}
ul.webmap li li li li span, ul.webmap li li li li a {padding-left:64px;}
ul.webmap li li li li li span, ul.webmap li li li li li a {padding-left:80px;}
ul.webmap li:first-child span{background-color: #f0faff;}
ol,
ul.textlist{
margin-bottom:24px;
margin-left:32px;
}
ol li,
ul.textlist li{margin-bottom:8px;}
ol li{clear: both;}
.textlist.point li:before {
content: "· ";
font-weight: 600;
font-size: 120%;
margin-right: 4px;
position: relative;
top: 2px;
}
.negrita *{font-weight: 700;}
header.header{
width:100%;
position:relative;
}
.center{
margin:0 auto;
max-width:1280px;
text-align:left;
}
.contenthome .center{
overflow: hidden;
}
.h3_popup_title {
margin-bottom: 1rem;
font-size: 2.15rem;
font-weight: 700;
line-height: 1.25;
margin: 0;
padding-left: 14px;
cursor: grab;
}
h5{
font-size: 110%;
font-weight: 600;
margin-bottom: 12px;
}
.topbar{
background:#6fc3f8;
width:100%;
float:left;
text-align:center;
height:48px;
position:relative;
z-index:35;
}
.topbar .center{position:relative;}
p.sede{
float:left;
width:195px;
text-align:center;
margin:16px 32px;
color:#fff;
font-size:90%;
text-transform:uppercase;
letter-spacing:2px;
}
.topbar_options ul{
float:right;
}
.topbar_options li{display:inline; position:relative;}
.topbar_options a,
.topbar_options span {
float:left;
width:48px;
height:48px;
background-image:url(img/icons_topbar.png);
background-repeat:no-repeat;
position:relative;
}
.topbar_options li.webmap a{background-position:-48px -48px;}
.topbar_options li.contrast a{background-position:0 -48px;}
.topbar_options li.plus a{background-position:-48px 0;}
.topbar_options a span{
display:none;
position:absolute;
width:96px;
top:40px;
left:50%;
margin-left:-48px;
text-align:center;
background:#6fc3f8;
color:#fff;
border:solid 1px #fff;
padding:4px;
}
.topbar_options li ul{
position:absolute;
top:48px;
right:0;
z-index:999;
background:#fff;
-webkit-box-shadow: 2px 4px 5px rgba(0,0,0,0.15);
-moz-box-shadow: 2px 4px 5px rgba(0,0,0,0.15);
box-shadow: 2px 4px 5px rgba(0,0,0,0.15);
display:none;
}
.topbar_options li ul li{display:inline;}
.topbar_options li ul li a{
background:none;
height:inherit;
width:inherit;
border-bottom:solid 1px #e5e5e5;
padding:8px 16px;
float:left;
width:100%;
}
.topbar_options li ul li a:hover{background-color:#6fc3f8; color:#fff; text-decoration:none;}
.topbar_options li ul li:last-child a{border:0;}
.topbar_options li:hover > ul {display:block;}
.topbar_options a:hover > span{display:block;}
.userboxbar {
width:100%;
float:left;
position:absolute;
top:160px;
right:0;
z-index:30;
}
.userbox{
float:right;
background:#fff;
border-radius:4px;
padding:8px 16px;
position:relative;
margin: 0 16px;
}
.userbox p{padding-right:32px; margin-bottom:0;}
.userbox p span{color:#6fc3f8;}
.userbox .userName {
text-transform: uppercase;
font-weight: bold;
font-size: larger;
}
.userbox a.representativeAccess {
line-height: 2em;
}
.userbox .logout {
float:right;
position:absolute;
right:0;
top:0;
width:32px;
height:32px;
background-image:url(img/ico_logout.png);
font-size:0;
}
.userbox .logout:hover{background-position:0 -32px;}
.time{
float:left;
border-radius:4px;
padding:8px 16px;
position:relative;
margin: 0 16px;
margin-bottom:8px;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6);
}
.time a{color:#282828;}
.banner{
width:100%;
height:100%;
text-align:left;
overflow:hidden;
min-height:272px;
background:url(img/banner/flowers.jpg) #fff center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 5px 5px rgba(0,0,0,0.05);
box-shadow: inset 0 5px 5px rgba(0,0,0,0.05);
border-bottom:solid 1px #fff;
position:relative;
}
.banner .banner-image{
margin:0 auto;
min-width:100%;
min-height:320px;
display:block;
}
.banner .center{max-width:100%;}
.logoAyto{
position: absolute;
top: 0;
float:left;
margin:16px;
margin-bottom:0;
}
.logoAyto span{font-size:0;}
.fields{
margin-bottom:16px;
overflow: inherit;
float: left;
width:100%;
}
.fieldcheckbox{padding-top: 15px;}
input[type="text"].fieldv,
input[type="text"]:disabled.form-third-data-read-only-true {
width:100%;
padding:8px 16px;
border-radius:4px;
border:solid 1px #ddd;
}
input[type="text"].wvalue{width:88%; float:left;}
.value{float:left; padding-top:12px;}
div.percentage,
div.euro,
div.m2{
position:relative;
display: inline-flex;
width: 100%;
}
div.euro input,
div.percentage input,
div.m2 input{
position:relative;
padding-right:22px;
width: 100%;
}
div.percentage:after,
div.euro:after,
div.m2:after{
position:relative;
top:12px;
color:#999;
width:0px;
}
div.percentage:after{
content:'\0025';
right:18px;
}
div.euro:after{
content: '\20AC';
right:16px;
}
div.m2:after{
content:'m²';
right:24px;
}
[type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color']{
border-radius:4px;
background:#fffff2;
border:solid 1px #ddd;
padding:8px 4px;
width:100%;
}
.check {
position:relative;
padding-left:20px;
}
.check input[type='checkbox']{
position:absolute;
left:0;
top:2px;
}
/*
select{
background:url(img/bg_select.png) bottom left repeat-x #fff;
width:100%;
padding:8px 16px;
border-radius:8px;
-webkit-box-shadow: 2px 4px 5px rgba(0,0,0,0.10);
-moz-box-shadow: 2px 4px 5px rgba(0,0,0,0.10);
box-shadow: 2px 4px 5px rgba(0,0,0,0.10);
border:solid 1px #ddd;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
}
*/
a.btn,
.button_on /*Clase importada de la privada para la visualizacion de fields*/,
.button_off /*Clase importada de la privada para la visualizacion de fields*/,
.big_button_on /*Clase importada de la privada para la visualizacion de fields*/,
.big_button_off /*Clase importada de la privada para la visualizacion de fields*/,
.big_button_click /*Clase importada de la privada para la visualizacion de fields*/,
.button_click /*Clase importada de la privada para la visualizacion de fields*/,
input[type="submit"].btn,
.button_on /*Clase importada de la privada para la visualizacion de fields*/,
.button_off /*Clase importada de la privada para la visualizacion de fields*/,
.big_button_on /*Clase importada de la privada para la visualizacion de fields*/,
.big_button_off /*Clase importada de la privada para la visualizacion de fields*/,
.big_button_click /*Clase importada de la privada para la visualizacion de fields*/,
.button_click /*Clase importada de la privada para la visualizacion de fields*/,
input[type="button"].btn,
button.btn {
padding:8px 16px;
border-radius:8px;
background:#6fc3f8;
color:#fff;
font-weight: 700;
text-transform:uppercase;
-webkit-box-shadow: 0 4px 0 #57ade3;
-moz-box-shadow: 0 4px 0 #57ade3;
box-shadow: 0 4px 0 #57ade3;
cursor:pointer;
outline:0;
display:inline-block;
margin:5px;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
}
button {
border: 0;
}
.btn_light {
border-radius: 8px;
border: solid 1px #6fc3f8;
color: #6fc3f8;
background: none;
cursor: pointer;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
}
.btn_light:hover {
background: #6fc3f8;
color: #fff;
}
.btn-line,
.btn-line-h{
border:solid 1px #ddd;
padding:8px 16px;
display:inline-block;
margin:0 4px 4px 0;
}
.btn-line-h{
border:solid 1px #fff;
}
.btn-line.active{color:#fff;}
.btn-line:hover{
text-decoration:none;
}
.btn-line-h.active,
.btn-line-h:hover{
border:solid 1px #ddd;
}
.btn-line-big,
.btn-line-big-h{
border:solid 1px #ddd;
padding:8px 16px;
display:inline-block;
margin:0 4px 4px 0;
color:#666;
line-height:1.4;
}
.btn-line-big-h{
border:solid 1px #fff;
}
.btn-line-big:hover{
text-decoration:none;
}
.btn-line-big-h.active,
.btn-line-big-h:hover{
border:solid 1px #ddd;
}
input::-moz-focus-inner {
border: 0px;
}
a.btn{width:auto;}
a.btn:hover{ text-decoration:none;}
input[type="submit"].btn.expanded,
a.btn.expanded{width:100%;}
.big_button_click,
a.btn:active,
input[type="button"].btn:active,
input[type="submit"].btn:active,
button.btn:active{
-webkit-box-shadow: 0 1px 0 #57ade3;
-moz-box-shadow: 0 1px 0 #57ade3;
box-shadow: 0 1px 0 #57ade3;
position: relative;
top: 3px;
outline:0;
}
.docvalidation input[type="submit"].btn{width:100%; margin:0;}
.acenter{text-align:center;}
.aleft{text-align:left;}
.aright{text-align:right;}
/*BUTTON BAR*/
.buttonbar {
padding: 1em;
width: 100%;
margin: auto;
text-align: center;
}
.buttonbar input.button_off,
.buttonbar input.button_on,
.buttonbar input.big_button_off,
.buttonbar input.big_button_on,
.buttonbar input.big_button_click,
.buttonbar input.button_click {
margin-left: 15px;
}
.buttonbar input {
margin: auto;
text-align: center;
}
.buttonbarin {
display: inline-flex;
}
.buttonbarin input{
margin-left:10px;
}
/* Buscador */
.search {
display: inline-block;
position: relative;
height: 48px;
float: right;
padding: 0;
}
.search input[type="text"] {
height: 48px;
display: inline-block;
padding: 16px;
padding-right: 60px;
width: 0px;
position: absolute;
top: 0;
right: 0;
background: none;
z-index: 3;
transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
cursor: pointer;
}
.search input[type="text"]:focus {
width: 300px;
z-index: 1;
cursor: text;
background:url(img/black10.png);
color:#fff;
}
.search input[type="submit"] {
height: 48px;
width: 48px;
display: inline-block;
color:red;
float: right;
background: url(img/icons_topbar.png) 0 -96px no-repeat;
text-indent: -10000px;
border: none;
position: absolute;
top: 0;
right: 0;
z-index: 2;
cursor: pointer;
opacity: 0.8;
cursor: pointer;
transition: opacity .4s ease;
}
.search input[type="submit"]:hover {
opacity: 1;
}
/* END Buscador */
.content{
margin-top:-32px;
width:100%;
float:left;
position:relative;
z-index:30;
margin-bottom:48px;
font-size:90%;
}
.content_int header h2,
.content_int header h3{
float:left;
clear:both;
}
.content_int h4{color:#6fc3f8; text-transform:uppercase; clear:both; margin-bottom:12px; font-size:90%;}
.content_int p{width:100%; overflow:hidden;}
.breadcrumbs{
float:left;
width:100%;
padding:8px 16px;
margin-top:-32px;
}
.breadcrumbs li{
display:inline;
}
.breadcrumbs li span,
.breadcrumbs li a{
float:left;
padding:4px 8px;
margin-right:8px;
margin-bottom:4px;
background:#fff;
border-radius:8px;
font-size:85%;
}
.breadcrumbs li a:hover{
text-decoration:none;
background:#6fc3f8;
color:#fff;
}
ul.catalog_list{
width:100%;
float:left;
}
ul.catalog_list li{
float:left;
width:33.3333%;
padding:8px;
margin-bottom:8px;
}
ul.catalog_list li a{
float:left;
width:100%;
position:relative;
height:112px;
border-radius:8px;
background:#f0faff;
overflow:hidden;
}
ul.catalog_list li a img{
min-height:112px;
min-width:100%;
}
ul.catalog_list li a span{
position:absolute;
top:0;
left:0;
float:left;
width:100%;
padding:8px 16px;
color:#fff;
background:#6fc3f8;
text-align:center;
text-transform:uppercase;
font-weight: 700;
}
ul.catalog_list li a:hover span{background:#57ade3;}
ul.diary {
overflow: hidden;
margin-bottom: 24px;
}
ul.diary li{
display:inline;
float:left;
padding:16px;
text-align:center;
width:25%;
}
ul.diary li span.diary_img{
width:100%;
float:left;
}
ul.diary li span.diary_img img{height:16px;}
ul.diary li a{
border: solid 1px #e5e5e5;
padding:16px;
overflow:hidden;
float:left;
width:100%;
}
table.table{
width:100%;
border-collapse:collapse;
border: none;
border-bottom: solid 1px #e5e5e5;
margin-bottom:24px;
}
table.table tr th,
table.table tr td{
border-top: solid 1px #e5e5e5;
padding: 0.75rem 0.5rem;
overflow:hidden;
vertical-align: middle;
}
th{
color:#fff;
}
table.table tr.headers th span {
color: rgb(47 62 77);
font-weight: 600;
font-size: 90%;
text-transform: uppercase;
}
table.table.light th {
background: none;
font-weight: 600;
text-transform: uppercase;
font-size: 90%;
}
table.table.light tr:nth-child(2n) td{background-color:#f8f8f8;}
table.table.onecolor tr:nth-child(2n) td{background-color: initial !important}
.VideoConferenceAccessPanel {
width: 800px;
margin: auto;
}
.form{margin:32px 0; display:block;}
.form h4{
font-weight:600;
font-size:140%;
text-transform:inherit;
padding-left:4px;
padding-bottom:12px;
margin-bottom:24px;
border-bottom:solid 1px #ddd;
}
.form h4.collapse {
margin-bottom: 0px;
}
.form h5{
margin:32px 0 24px 0;
display:block;
color:#000;
font-weight:600;
}
.form-group {
margin: 32px 0;
}
.more_results{
width:100%;
display: block;
margin-bottom:24px;
}
.pagination{width:100%; float:left;}
.pagination a{
float:left;
width:25px;
height:18px;
background-image:url(img/icos_page.png);
margin:4px;
}
.pagination li{display:inline;}
.prev_links{float:left;}
.next_links{float:right;}
li.first a{background-position:0 -36px;}
li.first a:hover{background-position:-25px -36px;}
li.prev a{background-position:0 -54px;}
li.prev a:hover{background-position:-25px -54px;}
li.last a{background-position:0 0;}
li.last a:hover{background-position:-25px 0;}
li.next a{background-position:0 -18px;}
li.next a:hover{background-position:-25px -18px;}
a.annulSolicitation,
a.annulRequest,
a.doc2,
a.re,
a.exp,
a.boxExp,
a.info,
a.download,
a.extUrl,
a.transaction,
a.config,
a.representativeAccess{padding-left:32px; min-height:20px; float:left;}
a.info{background:url(img/ico_info.png) no-repeat left center;}
a.download{background:url(img/ico_download.png) no-repeat left center;}
a.transaction{background:url(img/ico_transaction.png) no-repeat left center;}
a.exp{background:url(img/ico_exp.png) no-repeat left center;}
a.boxExp{background:url(img/ico_exp.png) no-repeat left center;}
a.re{background:url(img/ico_re.png) no-repeat left center;}
a.doc2{background:url(img/ico_docs.png) no-repeat left center;}
a.annulSolicitation{background:url(img/ico_annul_solicitation.png) no-repeat left center;}
a.annulRequest{background:url(img/ico_annul_request.png) no-repeat left center;}
a.extUrl{background:url(img/ico_external_link.png) no-repeat left center;}
a.config{background:url(img/ico_config.png) no-repeat left center;}
a.representativeAccess{background:url(img/ico_representative.png) no-repeat left center;}
a.goback{background:url(img/ico_goback.png) no-repeat left center;}
.search_int{
float: left;
width: 40%;
}
.col{
float:left;
}
.col01,
.col02,
.sidebar{
width:33.333%;
float:left;
margin-bottom:24px;
padding:16px;
padding-bottom:0;
border:solid 1px #fff;
background:url(img/black10.png);
}
.tercio,
.dostercios{
float: left;
padding: 8px;
width: 24%
}
.dostercios{
width: 76%;
}
.col2{
width:50%;
padding:24px;
border-right:solid 1px #ddd;
height: 560px;
overflow-y: auto;
}
.col4{
width:25%;
padding:24px;
border-right:solid 1px #ddd;
height: 560px;
overflow-y: auto;
}
.col4.invert h3{color:#fff;}
.col4.invert .btn-line{color:#fff;}
.col4.invert .btn-line-h.active,
.col4.invert .btn-line-h:hover{border:solid 1px #fff;}
.col4span3 {
width: 75%;
}
.box-inner > .col4:last-child{
border-right:solid 0px #ddd;
}
.col02{border:0; background:none;}
.box{
margin-bottom:24px;
width:100%;
background:#fff;
-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.15);
-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.15);
box-shadow: 0 5px 5px rgba(0,0,0,0.15);
position:relative;
}
.box-inner{
border:solid 1px #ddd;
margin-bottom:24px;
width:100%;
overflow:hidden;
}
.AppointmentsManagePanel .box-inner {
padding: 0;
}
.list{
border-top:4px solid #6fc3f8;
}
.list ul li a{
width:100%;
float:left;
padding:16px 32px;
border-top:solid 1px #e5e5e5;
}
.list ul li:nth-child(2n+1) a{background-color: #f0faff;}
.list ul li a:hover{background:#6fc3f8; color:#fff; text-decoration:none;}
.btn-list-inline li{
display:inline-block;
}
.sugest{
background-image:url(img/bg_sugest.png);
background-repeat:no-repeat;
background-position:top right;
}
.sugest header{padding-bottom:0;}
.box a.more, .list a.more{
position:absolute;
top:0;
right:0;
float:left;
width:48px;
height:48px;
background:url(img/icons_topbar.png) 0 -144px;
}
.box a.more:hover, .list a.more:hover{background:url(img/icons_topbar.png) -48px -144px;}
.box a.more span, .list a.more span{font-size:0;}
.docvalidation header{padding:32px; margin-top:100px;}
.docvalidation form{padding:16px 32px; margin-bottom:60px;}
.docvalidation p{margin-bottom:8px;}
.corner{
width:88px;
height:88px;
position:absolute;
top:-8px;
right:-8px;
background:url(img/corner.png);
}
.folder,
.link,
.access_links a,
.dnie{
background:#6fc3f8;
-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.15);
-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.15);
box-shadow: 0 5px 5px rgba(0,0,0,0.15);
width:100%;
float:left;
color:#fff;
text-transform:uppercase;
text-align:center;
font-weight: 700;
}
.link,
.dnie{margin-bottom:24px;}
.dnie .link{
margin-bottom:0;
-webkit-box-shadow: 0 0 0 rgba(0,0,0,0.15);
-moz-box-shadow: 0 0 0 rgba(0,0,0,0.15);
box-shadow: 0 0 0 rgba(0,0,0,0.15);
}
.calendar{
padding:16px;
background-image:url(img/ico_calendar.png);
background-repeat:no-repeat;
background-position:right center;
}
ul.access_links{
background:url(img/bg_access_links.png) no-repeat bottom right #57ade3;
-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.15);
-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.15);
box-shadow: 0 5px 5px rgba(0,0,0,0.15);
width:100%;
float:left;
margin-bottom:24px;
}
ul.access_links li{
width:50%;
float:left;
padding:8px;
}
.folder,
ul.access_links li a{
min-height:132px;
background-image:url(img/ico_access_links.png);
background-repeat:no-repeat;
padding:16px;
padding-top:80px;
font-size:100%;
}
.folder_link{float:left; width:20%;}
.folder_info{float:left; width:80%; padding:16px;}
ul.access_links li.einvoice a{background-position:center 0;}
ul.access_links li.contractor a{background-position:center -128px;}
ul.access_links li.pay a{background-position:center -256px;}
ul.access_links li.selfassessments a{background-position:center -512px; word-wrap:break-word;}
ul.access_links li.registration a{background-position:center -640px;}
ul.access_links li.census a{background-position:center -768px;}
.expedient{background-position:center -896px;}
.mail{background-position:center -1024px;}
.register{background-position:center -1152px;}
.bill{background-position:center -1280px;}
.signatures{background-position:center -1408px;}
.dnie{position:relative;}
.dnie a.link{
background:url(img/ico_dni.png) no-repeat left center #6fc3f8;
padding:32px;
font-size:120%;
padding-left:100px;
width:100%;
float:left;
color:#fff;
word-wrap:break-word;
min-height:96px;
}
.folder:hover,
.access_links a:hover,
.dnie a.link:hover,
a.link:hover{background-color:#4e96c2; text-decoration:none;}
.dnie a.help{
position:absolute;
bottom:8px;
right:8px;
font-size:80%;
color:#fff;
}
ul.logos li{display:inline; float:left;}
ul.logos li img{margin-right:4px;}
.stamp{float:left; margin-right:16px;}
p.info{float:left;}
.validator_links {float:right; margin:16px; margin-bottom:0;clear:both;}
.validator_links a{
width:68px;
height:24px;
float:left;
background-image:url(img/icos_w3c.png);
margin-left:16px;
}
.validator_links a.html5{background-position:0 -24px;}
ul.steps{width:100%; clear:both; margin-bottom:22px; display:block;}
ul.steps li{
display:inline;
float:left;
width:16.666%;
text-align:center;
background:url(img/bg_steps.png) no-repeat top center;
}
ul.steps5 li{
width:20%;
}
ul.steps6 li{
width:16.666%;
}
ul.steps7 li{
width:14.285%;
}
ul.steps8 li{
width:12.5%;
}
ul.steps li:first-child{background:url(img/bg_first_step.png) no-repeat top center;}
ul.steps li:last-child{background:url(img/bg_last_step.png) no-repeat top center;}
ul.steps li.done{background:url(img/bg_steps.png) no-repeat top center;}
ul.steps li.done,
ul.steps li.done span {
color: #f5f7f9
}
ul.steps li:first-child.done{background:url(img/bg_first_step_done.png) no-repeat top center;}
ul.steps li:last-child.done{background:url(img/bg_last_step.png) no-repeat top center;}
ul.steps li.current{background:url(img/bg_step_current.png) no-repeat top center;}
ul.steps li:first-child.current{background:url(img/bg_first_step.png) no-repeat top center;}
ul.steps li:last-child.current{background:url(img/bg_last_step.png) no-repeat top center;}
ul.steps li span.circle{
width:44px;
height:44px;
border-radius:22px;
padding:0 4px;
background:#f5f7f9;
border:solid 3px #2F3E4D;
float:left;
position:relative;
left:50%;
margin-left:-22px;
margin-bottom:16px;
}
ul.steps li span.circle span{
width:32px;
height:32px;
border-radius:16px;
float:left;
font-size:120%;
font-weight: 700;
line-height:2;
}
ul.steps li.current span.circle{background:var(--corporate-color);color:#f5f7f9;}
ul.steps li.current p{color:#cf1417; font-weight: 700;}
ul.steps li.done span.circle{background:#2f3e4d;color:#f5f7f9;}
ul.steps li.done p{color:#2F3E4D;}
.form_box{
padding:16px 32px;
margin-bottom:24px;
border:solid 1px #e5e5e5;
width:100%;
display: block;
}
.data{background:#f0faff;}
.form_box.help{background:#f2f2f2;}
p.help_txt{float:left; width:auto;}
a.help_link{float:right;}
ul.help_list{
float:left;
clear:both;
width:100%;
}
ul.help_list li{
display:list;
float:Left;
}
ul.help_list li a{
float:Left;
display:list;
margin:12px;
padding:4px;
}
ul.help_list li.sel a{background-color:#6fc3f8; color:#fff; border-radius:8px;}
.form_box h4{
background:#fff;
color:#6fc2f8;
text-transform:uppercase;
font-weight: 700;
width:auto;
float:left;
padding:4px 32px;
margin-top:-24px;
margin-bottom:32px;
font-size:90%;
border:solid 1px #e5e5e5;
}
.form_box h4 span{text-transform:initial;}
.form_box.form .label,
.form_box.form .field{
float:left;
width:65%;
padding:0 16px;
}
.form_box.form p{overflow:inherit; float:left;}
.form_box.form .field{padding-right:20%;}
.form_box.form .field.fix{padding-top:12px; font-weight: 700; color:#000;}
.form_box.form .label{
width:35%;
text-align:right;
padding-top:12px;
}
.fieldgroup_result,
.fieldgroup{width:100%; float:left; padding:8px 0; margin-bottom:8px;}
.fieldgroup{border-bottom:solid 1px #e5e5e5;}
.fieldgroup_result{border: solid 1px #e5e5e5; position:relative; padding:8px; background:#f0faff;}
.fieldgroup_result .value{padding:4px 0; color:#000; font-weight: 700;}
.field3,
.field4,
.field5,
.field6,
.field7{
float:left;
padding:0 4px;
}
.field3{width:27%}
.field4{width:25%}
.field5{width:20%}
.field6{width:16%}
.field7{width:12%}
.taxesfield input[type="submit"] {
margin-top: 37px !important;
}
.action{text-align:left; display: block; width:100%;}
.action input.btn{margin-left:8px; display:inline;}
.action a{text-decoration: underline;}
p.action {
margin-top: 32px;
}
.identity p{margin-bottom:12px; font-size:85%; }
.required{color:#6fc2f8; font-weight: 700;}
.status{
width:100%;
float:left;
}
.feedbackPanelINFO,
.feedbackPanelERROR{
color:#fff;
padding:2px 32px;
text-align:center;
}
.status li:first-child{padding-top:16px;}
.status li:last-child{padding-bottom:16px;}
.feedbackPanelINFO{background:#3cca00;}
.feedbackPanelERROR{background: #f33;}
.docs{margin:0 20%;}
.docs p{
border:solid 1px #e5e5e5;
border-radius:4px;
text-align:center;
position:relative;
}
.docs p:hover{background:#f0faff;}
.docs span{margin:8px; float:left; width:100%;}
a.doc{
float:left;
padding:8px 48px 8px 32px;
text-align:left;
background:url(img/ico_doc.png) no-repeat left top;
}
img.edit,
img.delete{
width: 32px;
height: 32px;
float:right;
position:absolute;
top:0;
right:0;
}
img.edit{background-image: url(img/ico_edit.png);}
img.delete{background-image: url(img/ico_logout16.png);}
img.edit:hover,
img.delete:hover{background-position:0 -32px;}
img.delete span{font-size:0;}
td img.edit,
td img.delete{
position:initial;
top:initial;
right:initial;
float:initial;
display:inline-block;
vertical-align:middle;
width:16px;
height:16px;
}
td img.edit:hover,
td img.delete:hover{background-position:0 -16px;}
.docs a.edit,
.docs a.delete{
width:16px;
height:16px;
margin-right: 8px;
margin-top: 8px;
}
.docs a.edit:hover,
.docs a.delete:hover{background-position:0 -16px;}
.error404,
.accessdenied {
width:100%;
display:block;
margin:48px 0;
padding-top:80px;
text-align:center;
}
.error404 {
background:url(img/ico_error404.png) no-repeat center top;
}
.accessdenied {
background:url(img/ico_not-access.png) no-repeat center top;
}
/* Pie abajo */
html, body { height: 100%; }
.wrapper{ min-height: 100%; overflow: auto; padding-bottom: 104px;}
/*Opera Fix*/ body:before { content: ""; height: 100%; float: left; width: 0; margin-top: -32767px;/* Efecto Negativo para OPERA*/ }
/* END Pie abajo */
/* Clearfix */
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix, .displayInlineBlock {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
/* END clearfix */
/* Transparency */
.box.transparency{
/* border-top: 4px solid #6fc3f8;*/
background-image: -webkit-gradient(linear, center top, center bottom, from(#6fc3f8), to(#57ade3));
background-image: -webkit-linear-gradient(top, #6fc3f8, #57ade3);
background-image: -moz-linear-gradient(top, #6fc3f8, #57ade3);
background-image: -o-linear-gradient(top, #6fc3f8, #57ade3);
background-image: -ms-linear-gradient(top, #6fc3f8, #57ade3);
background-image: linear-gradient(to bottom, #6fc3f8, #57ade3);
}
.box.transparency h2{
color:#fff;
text-align:center;
padding-top:132px;
background:url(img/ico_trans_h2.png) no-repeat top center;
}
.box.transparency a:hover{
text-decoration:none;
}
.box.transparency .body{
padding:0 16px 16px 16px;
text-align:center;
}
.transparency ul{
width:100%;
display:inline-block;
margin-bottom:24px;
}
.transparency li a {
float:left;
width:16.6666666667%;
padding:16px 4px;
text-align:center;
font-size:110%;
font-weight:400;
}
.transparency li a span{
width:48px;
height:48px;
display:inline-block;
background-image:url(img/ico_trans.png);
background-color:#6fc3f8;
clear:both;
}
.transparency li.ico_trans_a a span{background-position:0 0;}
.transparency li.ico_trans_b a span{background-position:0 -48px;}
.transparency li.ico_trans_c a span{background-position:0 -96px;}
.transparency li.ico_trans_d a span{background-position:0 -144px;}
.transparency li.ico_trans_e a span{background-position:0 -192px;}
.transparency li.ico_trans_f a span{background-position:0 -240px;}
.transparency h4{
font-size:140%;
text-transform:initial;
font-weight:600;
}
.transparency h4 span{
width:24px;
height:24px;
display:inline-block;
background-image:url(img/ico_trans24.png);
background-color:#6fc3f8;
clear:both;
margin-right:12px;
margin-bottom:-4px;
}
.transparency h4.ico_trans_a span{background-position:0 0;}
.transparency h4.ico_trans_b span{background-position:0 -24px;}
.transparency h4.ico_trans_c span{background-position:0 -48px;}
.transparency h4.ico_trans_d span{background-position:0 -72px;}
.transparency h4.ico_trans_e span{background-position:0 -96px;}
.transparency h4.ico_trans_f span{background-position:0 -120px;}
.transparency th,
.transparency td.td_icon,
.transparency td{padding:8px !important;}
.transparency td{vertical-align:top !important;}
/*END transparency*/
.box.dossier h2 {
background:url(img/ico_catalog.png) no-repeat top center;
}
/* Advertisement */
.advertisement li {
width:100%;
float:left;
padding:4px 16px;
padding-left:68px;
position:relative;
min-height:40px;
}
.advertisement li a{display:block; float:left;}
.advertisement table{margin-bottom:0;}
.calendar_date{
float: left;
width: 42px;
height: 52px;
border-radius: 4px;
border:solid 1px #6fc3f8;
overflow: hidden;
margin-right:12px;
margin-bottom:4px;
position:absolute;
top:4px;
left:16px;
}
.day {
width: 100%;
float: left;
color: #57ade3;
font-weight: 700;
font-size: 180%;
text-align: center;
line-height: 1;
}
.month {
color: #fff;
font-weight: 700;
text-transform: uppercase;
background: #6fc3f8;
width: 100%;
float: left;
text-align: center;
padding: 2px 0;
font-size: 80%;
}
/* END Advertisement */
.general-warning{background:#282828; color:#fff; padding:8px 32px;}
/* Banners */
.banner_test,
.banner_pending,
.banner_lapsed{
width:100%;
padding:8px 32px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color:#fff;
text-align:center;
font-family:'helvetica', arial, sans-serif;
}
.banner_test{background:#f9810b;}
.banner_pending{background:#ffcc00; color:#000;}
.banner_lapsed{background:#c00000;}
/* END Banners */
.form_box p{clear:both;}
/* DATE TIME LOCAL FIELD */
.dateField,
.datetimeLocalField {
white-space: nowrap;
}
.dateField > .dateInput {
width: 150px !important;
}
.width100 input.dateInput,
.width100 span.dateField {
width: 100% !important;
}
span.yui-skin-sam {
margin-left: -26px !important;
}
.icon-calendar:before {
font-size: 18px;
}
.icon-x:before {
color: black;
}
.datetimeLocalField input[type="text"].date {
width: 110px;
}
.datetimeLocalField input[type="text"].hours,.datetimeLocalField input[type="text"].minutes {
width: 50px;
}
/* END DATE TIME LOCAL FIELD */
/********************************************************************************************/
/* Estilos para el nuevo field de terceros */
/********************************************************************************************/
.form-new-style label {
text-align: left;
margin-bottom: 4px;
display: block;
}
.div-advanced-options, .div-advanced-options.hover {
width: 100%;
}
.div-advanced-options .enlace, .div-advanced-options.hover #enlace.enlace{
display: block;
}
.div-advanced-options.hover .enlace, .div-advanced-options #enlace.enlace{
display: none;
}
.div-advanced-options .advanced-options{
display: none;
}
.div-advanced-options.hover .advanced-options{
display: block;
}
.field .form-new-style table {
width: 100%;
}
.field .form-new-style td {
display: block;
padding-bottom: 16px;
}
.field .form-new-style input,
.field .form-new-style input:disabled {
width: 100%;
}
.field .form-new-style input.enlace{
background: none;
text-decoration: underline;
cursor: pointer;
}
/********************************************************************************************/
/* FIN Estilos para el nuevo field de terceros */
/********************************************************************************************/
/***************************************************/
/* Estilos importados de la privada para FIELDS!!! */
/***************************************************/
.tdw90p { width: 90%; }
.tdw80p { width: 80%; }
.tdw75p { width: 75%; }
.tdw70p { width: 70%; }
.tdw65p { width: 65%; }
.tdw60p { width: 60%; }
.tdw55p { width: 55%; }
.tdw50p { width: 50%; }
.tdw48p { width: 48%; }
.tdw45p { width: 45%; }
.tdw40p { width: 40%; }
.tdw38p { width: 38%; }
.tdw375p { width: 37.5%; }
.tdw35p { width: 35%; }
.tdw34p { width: 34%; }
.tdw33p { width: 33%; }
.tdw32p { width: 32%; }
.tdw30p { width: 30%; }
.tdw29p { width: 29%; }
.tdw25p { width: 25%; }
.tdw225p { width: 22.5%; }
.tdw20p { width: 20%; }
.tdw18p { width: 18%; }
.tdw152p { width: 15.2%; }
.tdw15p { width: 15%; }
.tdw14p { width: 14%; }
.tdw12p { width: 12%; }
.tdw10p { width: 10%; }
.tdw08p { width: 08%; }
.tdw05p { width: 05%; }
.tdw01p { width: 01%; }
.button_on, .button_off, .button_click {
position: relative;
bottom: 12px;
}
.button_on:active,
.button_off:active,
.button_click:active {
-webkit-box-shadow: 0 1px 0 #57ade3;
-moz-box-shadow: 0 1px 0 #57ade3;
box-shadow: 0 1px 0 #57ade3;
bottom: 9px;
}
.form-third-data .dateInput {
width: 90% !important;
}
.form-third-data td.name-column {
width: 60%;
padding: 0px;
}
.form-third-data-read-only-true td.name-column {
width: 70% !important;
}
.form-third-data-read-only-true td.surname-column-pre,
.form-third-data td.surname-column-pre {
min-width: 70px;
}
.form-third-data label{
white-space: nowrap;
display: block;
}
.amountTriplet td {
padding: 0px 2% 0px 0px !important;
margin: 0 !important;
}
table.ContractorProfileViewListPanel td.class_priceRange span {
white-space: nowrap;
}
.form-third-data table.person-name {
display: table;
table-layout: fixed;
width: 100%;
}
.form-third-data table.person-name td {
width: 33%;
}
.form-third-data table.person-name:has(td.no-content) td:nth-child(1) {
width: 40%;
}
.form-third-data table.person-name:has(td.no-content) td:nth-child(2) {
width: 60%;
}
.form-third-data table.person-name td.no-content {
width: 1px !important;
white-space: nowrap;
}
/********************************************************************************************/
/* Estilos para el nuevo CollapsableComponent */
/********************************************************************************************/
.div-collapsable-component, .div-collapsable-component.hover {
width: 100%;
}
.div-collapsable-component .moreData, .div-collapsable-component.hover .lessData {
display: block;
}
.div-collapsable-component.hover .moreData, .div-collapsable-component .lessData {
display: none;
}
.div-collapsable-component .collapsable-component {
display: none;
}
.div-collapsable-component.hover .collapsable-component {
display: block;
padding-bottom: 10px;
}
/********************************************************************************************/
/* FIN Estilos para el nuevo CollapsableComponent */
/********************************************************************************************/
.div-moreLessData{
padding-top: 10px;
}
.div-moreLessData a,
.div-moreLessData a,
.div-collapsable-component input.lessData,
.div-collapsable-component input.moreData{
margin-bottom:32px;
padding:4px 8px;
background:none;
border-radius:8px;
border:solid 1px #ddd;
color:initial;
}
.field-group .div-moreLessData a,
.field-group .div-moreLessData a,
.field-group .div-collapsable-component input.lessData,
.field-group .div-collapsable-component input.moreData{
margin-bottom:0px;
}
.siaContainer {
background-image: url('img/logoSIA.png') !important;
background-repeat: no-repeat !important;
height: 50px !important;
background-position: 32px !important;
}
/*******************************************************/
/* END Estilos importados de la privada para FIELDS!!! */
/*******************************************************/
/********************************************************************************************/
/* Estilos para la seccion de documentos */
/********************************************************************************************/
.list-action-zone h3 {
font-size: 120%;
font-weight: 600;
margin-bottom: 20px;
}
.list-right-action li {
border-bottom: solid 1px #e5e5e5;
padding: 20px 16px;
position: relative;
padding-right: 120px;
padding-left: 48px;
}
.list-right-action {
border-top: solid 1px #e5e5e5;
margin-bottom: 32px;
}
.list-right-action a.delete {
top: 12px;
right: 16px;
}
span.state {
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 16px;
float: left;
border-radius: 8px;
background: #eee;
}
span.state.on {
background: #3cca00;
}
span.list-action{
position: absolute;
top: 10px;
right: 16px;
}
.align-right {
text-align: right;
}
.list-action-zone .docs {
margin: 0;
}
/********************************************************************************************/
/* END Estilos para la seccion de documentos */
/********************************************************************************************/
/**********************************************************************************/
/* Colores comunes para las hojas de estilo personalizadas: bluepink, city... */
/**********************************************************************************/
h5,
.textlist.point li:before {
color:#6fc2f8;
}
/**************************************************************************************/
/* END Colores comunes para las hojas de estilo personalizadas: bluepink, city... */
/**************************************************************************************/
td.ehome-notification-state-PENDING span,
td.ehome-notification-state-NOTIFIED span,
td.ehome-notification-state-REJECTED span,
td.ehome-communication-state-SENT span,
td.ehome-communication-state-RECEIVED span,
td.archive-folder-code span {
padding-left: 32px !important;
display: inline-block;
position: relative;
}
td.ehome-notification-state-PENDING span:BEFORE,
td.ehome-notification-state-NOTIFIED span:BEFORE,
td.ehome-notification-state-REJECTED span:BEFORE,
td.ehome-communication-state-SENT span:BEFORE,
td.ehome-communication-state-RECEIVED span:BEFORE,
td.archive-folder-code span:BEFORE {
position: absolute;
content: "";
width: 24px;
height: 24px;
bottom: 0;
left: 0;
}
td.ehome-notification-state-PENDING span:BEFORE {
background: url('img/envelope-closed.png') no-repeat left bottom;
}
td.ehome-notification-state-NOTIFIED span:BEFORE {
background: url('img/envelope-open.png') no-repeat left bottom;
}
td.ehome-notification-state-REJECTED span:BEFORE {
background: url('img/envelope-rejected2.png') no-repeat left bottom;
}
td.ehome-communication-state-SENT span:BEFORE {
background: url('img/envelope-closed.png') no-repeat left bottom;
}
td.ehome-communication-state-RECEIVED span:BEFORE {
background: url('img/envelope-open.png') no-repeat left bottom;
}
td.archive-folder-code span:BEFORE {
background: url('img/ico_exp.png') no-repeat left bottom;
}
.title {
display: block;
font-weight: 600;
color: #282828;
}
.doc-list-halign {
float: left;
width: 100%;
text-align: center;
}
.doc-list-halign li {
display: inline-block;
width: 160px;
height: 180px;
padding: 20px;
word-wrap: break-word;
overflow: hidden;
}
.doc-list-halign li a {
position: relative;
padding-top: 64px;
display: block;
}
.doc-list-halign li a:before {
content: '';
width: 40px;
height: 48px;
display: block;
background: url(img/doc.svg);
position: absolute;
top: 0;
left: 50%;
margin-left: -20px;
}
.atop {
vertical-align: top !important;
}
/**********************************************************************************/
/* ICON LINKS */
/**********************************************************************************/
.singleActionLink {
padding: 0px 12px 2px 5px;
margin-right: 12px;
}
.listPanelHeader .singleActionLink {
padding: 0px 0px 2px 5px;
margin-right: 12px;
}
*:first-child+html .singleActionLink {
padding: 0 10px 2px 10px;
margin-right: 0px;
margin-left: 10px;
}
span.singleActionLink {
color: #000;
display: inline;
width: auto;
}
.singleActionLinkImage {
height: 16px;
line-height: 16px;
text-decoration: none;
}
.singleActionLinkText {
padding: 0;
padding-left: 1px;
width: auto;
clear: both;
text-transform: none;
}
.notext {
text-decoration: none;
display: inline;
margin-right: -16px;
}
.add {
background: url('img/plus.png') no-repeat top right;
text-decoration: none;
}
/**********************************************************************************/
/* POPUP */
/**********************************************************************************/
.epoppage {
background:#fff;
}
.epoppage table{
width: 100%;
}
.epoppage label {
width: auto;
text-align: left;
}
.epoppage fieldset {
padding: 1em;
}
.epoppage .content_int{
border:0;
padding:0px;
padding-left:32px;
padding-right:32px;
box-shadow:initial;
}
/**********************************************************************************/
/* Formulario en tablas (representante) */
/**********************************************************************************/
.table-form{
width:100%;
margin-bottom:24px;
}
.table-form td{
padding:4px;
}
.table-form table{
width:100%;
border-spacing: 0;
border-collapse: collapse;
}
.table-form table td.tdTable{
padding:4px 0px;
}
.table-form table td.tdTable label{
margin-left:4px;
}
.table-form table td.tdTable table td{
padding:0px 4px;
}
.table-form table td.tdTable-multiline{
padding:0px;
}
.table-form label{
display:block;
}
td.td-medium{width:200px;}
td.td-standar{width:280px;}
td.td-tiny,
td.td-small{width:80px;}
td.td-file{width:360px;}
td.td-icon{width:32px;}
td.td-big{width:480px;}
td.submittedProposalAmountColumn {
padding: 5px !important;
}
td.submittedProposalAmountColumn div {
border: 1px solid black;
padding: 4px 10px;
display: inline-block;
}
.div-file{
max-width: 360px;
overflow-wrap: break-word;
}
.div-big{
max-width: 480px;
overflow-wrap: break-word;
}
.datetimeLocalField input[type="text"]{
width: inherit;
}
.table-form input[type="submit"]{
margin: 0;
padding: 5px 16px;
}
.validation-zone{
padding-left: 32px;
margin-bottom: 24px;
position:relative;
}
.state{
position:absolute;
float:left;
width:16px;
height:16px;
background:#ddd;
border-radius:8px;
left:4px;
top:0;
}
.state.on{
background:#3cca00;
}
.file{
position:relative;
border-width: 1px;
border-color: rgba(85, 112, 139, 0.3);
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
width: 100%;
border-style: solid;
background: #F5F7F9;
color: #2F3E4D;
}
.file.disabled{
background:#eee;
}
.file.invalid,
.file.valid {
background:#e2fccf;
text-align:center;
}
.file.invalid {
background:#fccfcf;
}
.align-middle{vertical-align:middle;}
.align-bottom{vertical-align:bottom;}
.text-center{text-align:center;}
.image-btn{
border:solid 1px #ddd;
width:100%;
min-height: 162px;
padding:24px;
text-align:center;
display:inline-block;
}
.image-btn:hover{
border:solid 1px var(--corporate-color-dark);
text-decoration:none;
}
.image-btn img{
max-width:200px;
max-height:80px;
}
.image-btn span{
display: block;
}
.image-btn:hover span {
color: var(--corporate-color-dark);
}
.img-center {
display: block;
margin-left: auto;
margin-right: auto;
width: 100%;
}
hr{
border:0;
border-bottom:solid 1px #ddd;
margin-bottom:24px;
}
[type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [ype='url'], [type='color']{
border-radius:4px;
background:#fffff2;
border:solid 1px #ddd;
padding:8px 4px;
width:100%;
}
.check{
display: block;
position:relative;
padding-left:24px;
min-height: 18px;
}
.check input[type='radio'],
.check input[type='checkbox']{
position:absolute;
left:0;
top:0px;
}
.expanded{
width: 100%;
}
.compress, .compress-url {
width: initial !important;
min-width: 200px;
}
.compress-url{
min-width: 480px;
}
.table-data {
background: #F5F7F9;
padding: 16px;
width: 100%;
}
.table-data td {
padding: 4px;
}
label.requiredField:after {
content: " *";
}
/**********************************************************************************/
/* END Formulario en tablas (representante) */
/**********************************************************************************/
/**********************************************************************************/
/* Estilos nombre grupo y label field */
/**********************************************************************************/
.field-group h4 {
display: block;
text-transform: lowercase !important;
}
.field-group h4:first-letter, .field-group h4::first-letter {
text-transform: uppercase;
}
tr.fieldType-THIRD div.fieldGroupLabelDiv {
float: left;
width: 15%;
}
tr.fieldType-THIRD div.fieldGroupValueDiv {
float: left;
width: 85%;
}
tr.fieldType-THIRD div.fieldGroupLabelDiv {
padding-top: 30px;
}
tr.fieldType-THIRD div.fieldGroupLabelDiv label {
text-align: left;
}
.field-group table {
width: 100%;
}
.field-group .datetimeLocalField {
display: block;
}
.field-group div.request {
padding-top: 24px;
}
/**********************************************************************************/
/* END Estilos nombre grupo field */
/**********************************************************************************/
.fleft{
float: left;
}
.fright{
float: right;
}
.w100 {
width: 100%;
}
.label-secondary{
display: block;
margin-bottom: 4px;
}
.inputfile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.inputfile + label {
font-weight: 700;
background-color: #fff;
display: inline-block;
color: var(--corporate-color);
border: solid 1px var(--corporate-color);
text-align: center;
padding: 8px 16px;
border-radius: 20px;
}
.inputfile:focus + label,
.inputfile + label:hover {
color: #fff !important;
background-color: var(--corporate-color);
border-color: var(--corporate-color) !important;
}
.inputfile + label {
cursor: pointer; /* "hand" cursor */
}
.center-content {
width: 100%;
text-align: center;
}
.content-inblock {
display: inline-block;
width: auto;
}
/* RGPD */
table.table-info {
margin-bottom: 16px;
}
table.table-info td,
table.table-info th {
padding: 4px;
border-bottom: solid 1px #eee;
font-size: 85%;
}
table.table-info th {
background: none;
color: #282828;
font-weight: 400px;
}
.indent {
padding-left: 20px;
}
.check label, .check input {
cursor: pointer;
}
.check input {
outline: 0;
}
.personalizedContainer h5 {
margin: 10px 0;
}
.informativePage .markdown *{
line-height: inherit;
}
#banner-icon .markdown *{
line-height: inherit;
}
.markdown *{
line-height: 2.2;
font-size: 16px;
}
.markdown .innerForm * {
line-height: 1.4;
font-size: inherit;
}
.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6{color: rgb(47 62 77); margin-bottom:0.5em;}
.markdown h1 {
margin-bottom: .5rem;
font-size: 1.875rem;
line-height: 2.25rem;
font-weight: 700;
line-height: 1.25
}
.markdown h1 * {
font-size: 1.875rem;
}
.markdown h2 {
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
line-height: 1.25
}
.markdown h2 * {
font-size: 1.5rem;
}
.markdown h3 {
margin-bottom: .25rem;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
line-height: 1.25
}
.markdown h3 * {
font-size: 1.125rem;
}
.markdown h4{font-size:140%; border-bottom: 0; padding-left:0; padding-bottom:0; float: none; border: none; text-transform: none;}
.markdown h5{font-size:120%; font-weight:600; margin-top:0;}
.markdown h6{font-size:110%; font-weight:600;}
.markdown p{margin-bottom:16px; padding-bottom: 2px; padding-top: 1px;}
.markdown em{font-style:italic;}
.markdown strong{font-weight:700; color:#282828;}
.markdown strong em{font-weight:700; color:#282828; font-style:italic;}
.markdown a{color: rgb(3 71 151);}
.markdown blockquote{
padding:8px;
border-left:solid 3px #ddd;
margin-bottom:16px;
}
.markdown ul{margin-bottom:16px; margin-left:32px;}
.markdown ul ul, ul ol{margin-left:48px;}
.markdown ul ul ul, ul ol ul, ul ul ol, ul ol ol{margin-left:16px;}
.markdown ul li{
margin-bottom:10px;
list-style-type: disc;
}
.markdown ol{margin-bottom:16px; margin-left:32px;}
.markdown ol ol, ol ul{margin-left:48px;}
.markdown ol ol ol, ol ul ul, ol ul ol, ol ol ul{margin-left:16px;}
.markdown ol li{
margin-bottom:10px;
list-style-type: decimal;
}
.markdown ol li li{
margin-bottom:10px;
list-style-type: circle !important;
}
.markdown ol li li li {
margin-bottom:10px;
list-style-type: square !important;
}
.markdown code,
.markdown pre {
font-family:courier;
}
.markdown pre {
display:block;
padding:8px;
margin-bottom: 16px;
background: #eef7ff;
}
.markdown table {
width: 100%;
border-collapse:collapse;
border-spacing:0;
margin-bottom:16px;
}
.markdown table table{
margin-bottom: 0px;
}
.markdown table th{
font-weight:700;
color:#666;
background:initial;
}
.markdown table th,
.markdown table td {
border:solid 1px #ddd;
padding:8px 16px;
vertical-align: middle;
}
.markdown table.table-form td {
border: none;
padding: 2px 4px;
border-spacing: 0;
}
.markdown dt{
font-weight:700;
color:#282828;
}
.markdown dd{
padding-left:32px;
margin-bottom:16px;
}
.markdown input {
width: initial;
}
.markdown .innerForm table.table-form {
margin: 0 auto 16px;
}
.markdown table.personalized-table {
width: 420px;
}
.markdown table.personalized-table {
width: 420px;
}
.markdown table.personalized-table td.label {
width: 32%;
padding: 0;
}
.markdown table.personalized-table td.component {
text-align: left;
}
.markdown table.personalized-table input {
width: 100% !important;
}
.markdown table.personalized-table input.percentage {
width: 95% !important;
}
.markdown table.personalized-table input.currency {
width: 96% !important;
}
.markdown .custom-reference {
font-style: italic;
color: #666;
}
.markdown .optionGroup input {
float: left;
clear: left;
width: auto;
margin-right: 5px;
margin-top: 4px;
}
.markdown .optionGroup label {
text-align: left;
width: 95%;
color: #2F3E4D;
}
.markdown h4 {
text-align: center;
color: inherit !important;
}
.markdown p.big, .markdown p.big * {
font-size: 18px;
}
.markdown p.center, .markdown p.center * {
text-align: center;
}
.markdown p.right, .markdown p.right * {
text-align: right;
}
.markdown p.note, .markdown p.note * {
font-size: 14px;
}
.markdown div.left,
.markdown div.center,
.markdown div.right {
float: none;
}
.markdown div.center {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding-top: 0;
background: inherit;
}
.markdown div.left * {
text-align: left !important;
}
.markdown div.center * {
text-align: center !important;
}
.markdown div.right * {
text-align: right !important;
}
.markdown div.center table {
margin-left: auto;
margin-right: auto;
}
.markdown div.right table {
margin-left: auto;
margin-right: 0;
float: none;
}
.markdown div.center ul li,
.markdown div.center ol li,
.markdown div.right ul li,
.markdown div.right ol li {
list-style-position: inside;
}
.markdown table td[align="left"],
.markdown table th[align="left"] {
text-align: left !important;
}
.markdown table td[align="center"],
.markdown table th[align="center"] {
text-align: center !important;
}
.markdown table td[align="right"],
.markdown table th[align="right"] {
text-align: right !important;
}
.markdown table.md-columns-block {
border-collapse: collapse;
margin: 0px auto 5px auto;
}
.markdown table.md-columns-block td.md-column {
padding-right: 1rem;
padding-left: 1rem;
border-top: 0;
border-bottom: 0;
border-right: 1px solid black;
}
.markdown table.md-columns-block tr td.md-column:first-child {
border-left: 0;
padding-left: 0;
}
.markdown table.md-columns-block tr td.md-column:last-child {
border-right: 0;
padding-right: 0;
}
.markdown div.personalized-yesno {
width: 64px;
max-height: 34px;
}
.markdown div.personalized-yesno .gIconLink {
display: inline;
text-decoration: none;
}
.markdown span.personalized-yes,
.markdown span.personalized-no {
display: inline-block;
width: 30px;
height: 30px;
margin-bottom: 0px;
}
.markdown span.personalized-yes {
background: url('img/personalized/yes.png') no-repeat;
}
.markdown span.personalized-yes:hover {
background-position: -30px 0px;
}
.markdown span.personalized-no {
background: url('img/personalized/no.png') no-repeat;
margin-left: -4px;
}
.markdown span.personalized-no:hover {
background-position: -30px 0px;
}
.markdown span.personalized-yes.checked,
.markdown span.personalized-no.checked {
background-position: -30px 0px;
}
.markdown span.personalized-yes.checked:hover,
.markdown span.personalized-no.checked:hover {
transform: none !important;
}
.markdown div.right .personalized-yesno {
margin-right: 0;
margin-left: auto;
}
.markdown div.center .personalized-yesno {
margin: 0 auto;
}
.markdown div.personalized-yesno-required {
border: 2px solid red;
border-radius: 6px;
}
.markdown img {
max-width: 100%
}
.inputTextDiv,
.textareaDiv,
.selectDiv{
width:100%;
border:solid 1px #ddd;
margin:0;
padding:0px;
min-height:14px;
word-wrap: break-word;
}
.waitPanelImg {
background: url('img/wait.gif') no-repeat top center;
height: 64px;
}
.hidden {
display: none;
}
fieldset {
border: 1px solid rgb(209, 209, 209);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0px 0px 20px 0px;
padding: 10px;
}
legend {
color: #FB8B00;
background-color: #FFF;
font-size: 1.4em;
*background-color: transparent;
font-family: Arial;
text-transform: unset;
padding: 0.5em;
text-align: left;
}
.outerForm {
position: relative;
min-width: 200px;
}
@media screen and (max-width: 799px) {
.markdown .innerForm {
position: absolute;
min-width: 80vw;
bottom: initial;
}
}
@media screen and (min-width: 800px) {
.markdown .innerForm {
min-width: 700px;
width: 700px;
}
}
.innerForm{
position: absolute;
top: 10px;
left: 0;
padding: 16px;
border-radius: 4px;
background-color: white;
-webkit-box-shadow: 2px 4px 5px rgba(0,0,0,0.15);
-moz-box-shadow: 2px 4px 5px rgba(0,0,0,0.15);
box-shadow: 2px 4px 5px rgba(0,0,0,0.15);
z-index: 999;
text-align: center;
min-width: 200px;
}
/* Enlaces campos personalizados */
a.personalizedField,
a.personalizedFieldFull,
a.personalizedFieldRequired {
display: inline-block;
width: auto;
padding: 0 4px;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(85 112 139 / var(--tw-border-opacity));
font-size: 16px;
font-style: italic;
text-align: center;
text-decoration: underline;
}
a.personalizedField,
a.personalizedFieldFull {
color: #6186c1;
background-color: #a0cbfd80;
}
a.personalizedFieldFull {
color: black;
}
a.personalizedFieldRequired {
background: #f33;
color: #fff;
}
a.personalizedField:empty,
a.personalizedFieldRequired:empty {
min-width: 100px;
}
a.personalizedField:empty:before,
a.personalizedFieldRequired:empty:before {
content: "\200b";
}
/* Fin enlaces campos personalizados */
.innerForm input[type="text"],
.innerForm textarea,
.innerForm select{
width: 95%;
margin-bottom: 16px;
}
.innerForm textarea {
height: 128px; /* line-height * 7 lineas */
}
.innerForm td.pane.choices select,
.innerForm td.pane.selection select{
margin-bottom: initial !important;
}
.innerForm table.table-form input[type="text"],
.innerForm table.table-form textarea,
.innerForm table.table-form select{
margin-bottom: 4px;
}
.innerForm table.palette td.buttons {
vertical-align: middle;
}
button{
outline:none;
}
button::-moz-focus-inner {
border: 0;
}
.innerForm table.palette td.buttons button.button.add img {
display: none;
}
.innerForm table.palette td.buttons button.button.remove img {
display: none;
}
.innerForm table.palette td.buttons button.button.add {
background: url('img/add.png') no-repeat center center;
margin-bottom: 4px;
}
.innerForm table.palette td.buttons button.button.remove {
background: url('img/quit.png') no-repeat center center;
}
.innerForm table.palette td.buttons button.button {
width: 32px;
height: 32px;
opacity: 0.7;
transition: opacity 0.25s ease-out;
}
.innerForm table.palette td.buttons button.button:hover {
opacity: 1;
cursor: pointer;
}
.innerForm table.palette td.buttons button {
border: 0;
background: none;
}
.innerForm table td {
border: 0;
}
.innerForm .btn_light {
background: #fff;
}
.innerForm .numberField {
font-size: 16px;
font-weight: bold;
}
.innerForm .personalized-bank {
width: 95%;
}
.innerForm div.personalized-bank input.iban {
width: 70px !important;
}
.innerForm div.personalized-bank input.bankNumber {
width: 70px !important;
}
.innerForm div.personalized-bank input.officeNumber {
width: 70px !important;
}
.innerForm div.personalized-bank input.controlDigit {
width: 55px !important;
}
.innerForm div.personalized-bank input.accountNumber {
width: 122px !important;
}
/* ---------------------------- campo direcciones tramitación --------------- */
.innerForm div.personalized-address input,
.innerForm div.personalized-address select {
width: 100%;
margin: 0;
}
.innerForm div.personalized-address table {
width: 95%;
margin: 0;
}
.innerForm div.personalized-address table td {
border: 0 !important;
}
.innerForm div.personalized-address td.pa-country {
width: 30%;
}
.innerForm div.personalized-address td.pa-province,
.innerForm div.personalized-address td.pa-town-choice {
width: 35%;
}
.innerForm div.personalized-address td.pa-town {
width: 70%;
}
.innerForm div.personalized-address td.pa-nucleus {
width: 76%;
}
.innerForm div.personalized-address td.pa-zip-code {
width: 24%;
}
.innerForm div.personalized-address td.pa-road-name {
width: 60%;
}
.innerForm div.personalized-address td.pa-road-type {
width: 25%;
}
.innerForm div.personalized-address td.pa-number,
.innerForm div.personalized-address td.pa-block,
.innerForm div.personalized-address td.pa-stair,
.innerForm div.personalized-address td.pa-floor,
.innerForm div.personalized-address td.pa-door {
width: 15%;
}
.innerForm div.personalized-address td.pa-extension {
width: 40%;
}
.innerForm div.personalized-address.street-map-search table {
text-align: left;
}
.innerForm div.personalized-address.street-map-search table tr td.column-province,
.innerForm div.personalized-address.street-map-search table tr td.column-town {
width: 25%;
}
.innerForm div.personalized-address.street-map-search table tr td.column-address {
width: 50%;
}
.innerForm div.personalized-address.street-map-search .helpDescGrey {
color: #55708B !important;
font-size: 0.9em !important;
text-align: left;
}
.innerForm div.personalized-address img.qlik-search-input-spinner {
width: initial;
position:relative;
z-index:9999;
float:inline-start;
display:none;
}
.innerForm div.personalized-address div.qlik-search-dynamic-option-list {
border-radius:0;
border:solid 2px #CFD9E2;
height: 200px;
background: white;
overflow-y: auto;
overflow-x: hidden;
overflow-wrap: break-word;
position: absolute;
}
.innerForm div.personalized-address div.qlik-search-dynamic-option-list a {
font-weight: lighter;
font-size: 14px;
line-height: normal;
}
.innerForm div.personalized-address div.qlik-search-dynamic-option-list ul {
width: 98%;
}
.innerForm div.personalized-address div.qlik-search-dynamic-option-list ul,
.innerForm div.personalized-address div.qlik-search-dynamic-option-list li {
margin: 0;
}
.innerForm div.personalized-address div.qlik-search-dynamic-option-list li a {
padding:8px;
border-bottom:solid 1px #CFD9E2;
display:block;
text-decoration:none;
transition: none;
color: black;
}
.innerForm div.personalized-address div.qlik-search-dynamic-option-list li a:hover {
background-color:#f4f6f8;
}
/* ---------------------------- END campo direcciones tramitación --------------- */
/* ---------------------------- campo direcciones tramitación --------------- */
.innerForm div.personalized-address input,
.innerForm div.personalized-address select {
width: 100%;
margin: 0;
}
.innerForm div.personalized-address label {
text-align: left;
}
.innerForm div.personalized-address table {
width: 95%;
margin: 0;
}
.innerForm div.personalized-address table td {
border: 0 !important;
padding: 4px;
}
.innerForm div.personalized-address td.pa-country {
width: 30%;
}
.innerForm div.personalized-address td.pa-province,
.innerForm div.personalized-address td.pa-town-choice {
width: 35%;
}
.innerForm div.personalized-address td.pa-town {
width: 70%;
}
.innerForm div.personalized-address td.pa-nucleus {
width: 76%;
}
.innerForm div.personalized-address td.pa-zip-code {
width: 24%;
}
.innerForm div.personalized-address td.pa-road-name {
width: 60%;
}
.innerForm div.personalized-address td.pa-road-type {
width: 25%;
}
.innerForm div.personalized-address td.pa-number,
.innerForm div.personalized-address td.pa-block,
.innerForm div.personalized-address td.pa-stair,
.innerForm div.personalized-address td.pa-floor,
.innerForm div.personalized-address td.pa-door {
width: 15%;
}
.innerForm div.personalized-address td.pa-extension {
width: 40%;
}
.innerForm div.personalized-address.street-map-search table {
text-align: left;
}
.innerForm div.personalized-address.street-map-search table tr td.column-province,
.innerForm div.personalized-address.street-map-search table tr td.column-town {
width: 25%;
}
.innerForm div.personalized-address.street-map-search table tr td.column-address {
width: 50%;
}
.innerForm div.personalized-address.street-map-search .helpDescGrey {
color: #55708B !important;
font-size: 0.9em !important;
text-align: left;
}
.innerForm div.personalized-address img.qlik-search-input-spinner {
width: initial;
position:relative;
z-index:9999;
float:inline-start;
display:none;
}
.innerForm div.personalized-address div.qlik-search-dynamic-option-list {
border-radius:0;
border:solid 2px #CFD9E2;
height: 200px;
background: white;
overflow-y: auto;
overflow-x: hidden;
overflow-wrap: break-word;
position: absolute;
}
.innerForm div.personalized-address div.qlik-search-dynamic-option-list a {
font-weight: lighter;
font-size: 14px;
line-height: normal;
}
.innerForm div.personalized-address div.qlik-search-dynamic-option-list ul {
width: 98%;
}
.innerForm div.personalized-address div.qlik-search-dynamic-option-list ul,
.innerForm div.personalized-address div.qlik-search-dynamic-option-list li {
margin: 0;
}
.innerForm div.personalized-address div.qlik-search-dynamic-option-list li a {
padding:8px;
border-bottom:solid 1px #CFD9E2;
display:block;
text-decoration:none;
transition: none;
color: black;
}
.innerForm div.personalized-address div.qlik-search-dynamic-option-list li a:hover {
background-color:#f4f6f8;
}
/* ---------------------------- END campo direcciones tramitación --------------- */
.content_int .privateFields .innerForm p{
display: block;
}
.content_int .privateFields p,
.privateFields .form {
overflow: initial;
}
.markdown .yui-calcontainer table th,
.markdown .yui-calcontainer table td,
.yui-calcontainer *{
margin: initial;
padding: initial;
border: initial;
font: inherit;
font-family:'Open Sans', sans-serif;
color:#666;
background: none;
}
.yui-calcontainer{
min-width: 230px;
}
.noEditable {
cursor: auto !important;
text-decoration: none !important;
background: #f0f0f0 !important;
}
.inner {
padding: 12px;
padding-bottom: 0;
}
.tooltip {
position: relative;
padding: 0 12px;
cursor: help;
}
.tooltip-over {
position: absolute;
width: 424px;
top: 16px;
padding: 12px;
background: #eef7ff;
z-index: 9997;
display: none;
margin-right: -150px;
text-align: left !important;
}
.tooltip-over img {
width: initial;
}
.initialWidth {
width: initial !important;
}
.tooltip:hover > .tooltip-over {
display: block;
}
.fullprogress #progress {
width: initial !important;
}
tr.emptyRow {
display: none !important;
}
#validationPageInfoDocument {
margin: 14px 0 0 0;
*margin: 30px 0 0 0;
text-align: left;
}
#validationPageInfoDocument span {
line-height: 2em;
}
.DocumentInstanceInfoPanel-donwload {
background: url('img/pdfIcon.png') no-repeat top right;
text-decoration: none;
}
.signature-state-PENDING {
background: url('img/btn_google_off.gif') no-repeat 0px 0.1em;
height: 16px;
padding: 3px 0 0 20px;
line-height: 1em;
padding: 3px 0 10px 20px;
}
.signature-state-SIGNED {
background: url('img/btn_google_on.gif') no-repeat 0px 0.1em;
height: 16px;
padding: 3px 0 0 20px;
line-height: 1em;
}
.signature-state-VALIDATED {
background: url('img/btn_google_on.gif') no-repeat 0px 0.1em;
height: 16px;
padding: 3px 0 0 20px;
line-height: 1em;
}
.signature-state-REVOKED {
background: url('img/btn_google_X.png') no-repeat 0px 0.1em;
height: 16px;
padding: 3px 0 0 20px;
line-height: 1em;
}
.signature-state-IGNORED {
background: url('img/btn_google_off.gif') no-repeat 0px 0.1em;
height: 16px;
padding: 3px 0 0 20px;
line-height: 1em;
}
.signature-state-CANCELED {
background: url('img/btn_google_X.png') no-repeat 0px 0.1em;
height: 16px;
padding: 3px 0 0 20px;
line-height: 1em;
}
.width100 {
width: 100% !important;
}
input.surname {
width: 78% !important;
}
input.surname-preposition {
width: 20% !important;
}
.width300 {
width: 300px;
margin: auto;
}
input[type="submit"].btn:disabled {
color:gray;
background:#f5f5f5;
box-shadow: 0 4px 0 #f5f5f5;
}
.margintop10 {
margin-top:10px
}
.width100pt {
width:100%;
}
table.palette td.pane select {
width: 200px !important;
}
.electronic-mailbox-action-RECEIVE {
background: url('img/btn_ok.png') no-repeat 0px 0.1em;
height: 16px;
padding: 3px 0 0 26px;
line-height: 1em;
}
.electronic-mailbox-action-VIEW-DETAIL {
background: url('img/ico_docs.png') no-repeat 0px 0.1em;
height: 16px;
padding: 3px 0 0 28px;
line-height: 1em;
}
div.links-panel {
margin: 0;
float: left;
}
.links-panel li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
white-space: nowrap;
}
.links-panel li:nth-child(n+2) {
margin-left: 8px;
}
.info-icon{
background: url(img/ico_info.png) no-repeat;
width: 20px;
height: 20px;
display: inline-block;
}
/* Certificados electronicos */
.imgValide {
background:url(img/valide.png) no-repeat;
background-size: contain;
vertical-align: middle;
width: 159px;
height: 45px;
display: inline-block;
vertical-align: middle;
}
.imgSignaSuite {
background: url(img/signasuite.png) no-repeat;
background-size: contain;
vertical-align: middle;
width: 135px;
height: 35px;
display: inline-block;
vertical-align: middle;
}
/* END Certificados electronicos */
.imgSir {
background: url(img/logo-SIR.png) no-repeat;
background-size: contain;
float:right;
margin-top: 30px;
vertical-align: bottom;
width: 120px;
height: 41px;
display: inline-block;
}
.uploadInputFileLabel {
width: 100px !important;
}
.center-div {
display: inline-table;
vertical-align: middle;
height: auto;
width: 100%;
}
.center-div > label {
display: inline-block;
float: initial;
}
.initialtext {
font-size: 18px;
text-align: justify;
}
.cursor-pointer {
cursor: pointer;
}
/* PAGOS */
[class^="class_radio_paymentMedia_"]:before {
font-family: "sede";
font-size: 200%;
padding-right: 10px;
vertical-align: middle;
}
/* Para la demo quitamos los iconos
.class_radio_paymentMedia_CREDIT_CARD:before { content: '\e820'; }
.class_radio_paymentMedia_BIZUM:before { content: '\e81f'; }
.class_radio_paymentMedia_TRANSFER:before { content: '\e81e'; }
*/
.tramit-data {
margin-top: 20px
}
.calculationMethodExplanation {
border: 1px solid #ddd;
padding: 10px;
margin: 0 4px 24px 4px;
}
.calculationMethodExplanation p {
line-height: 1.2em;
margin-bottom: 0;
}
.PaymentLetterAuthPanel {
width: 600px;
margin: auto;
}
/* END PAGOS */
/*** ESTILOS PARA EL TOOLTIP HELP *****/
.help-tooltip-hover {
position: relative;
display: inline-block;
}
.help-tooltip {
display: none;
background: #ffa;
position: absolute;
border: 1px solid #cacaca;
border-radius: 5px;
padding: 5px;
box-shadow: 0px 0px 25px #888;
text-align: left;
left: 20px;
z-index: 1;
font-size: 14px;
font-weight: initial;
color: #666;
}
.help-tooltip-hover:hover .help-tooltip {
display: inline-block;
}
/*** END ESTILOS PARA EL TOOLTIP HELP *****/
.tributeCalculatorField .table-form label,
.CapitalGainCalculatorAcquisitionDataPanel .table-form label {
display: inline-block;
}
.avoidLowercase {
text-transform: initial !important;
}
/* CARTA DE PAGO */
.payment-letter {
padding-top: 20px;
}
.payment-letter * {
text-align: left
}
.payment-letter .left {
float: none;
}
.payment-letter .right,
.payment-letter .right * {
text-align: right;
}
.payment-letter .bottom {
vertical-align: bottom;
}
.payment-letter .middle {
vertical-align: middle;
}
.payment-letter label {
width: 100%;
font-size: 100%;
font-weight: 300;
text-transform: none;
color: #5d6975;
}
.payment-letter table {
margin-bottom: 0;
width: 100%;
border-spacing: 0;
border-collapse: collapse;
}
.payment-letter .cell-border-bottom {
border: none;
border-bottom: solid 1px #ced6dd;
}
.payment-letter .grey-background {
background: #ecf0f3;
}
.payment-letter .padding1em {
padding: 0.7em 1em;
}
/* END CARTA DE PAGO */
.font80p {
font-size: 80%;
}
.font90p {
font-size: 90%;
}
.font120p {
font-size: 120%;
}
.font140p {
font-size: 140%;
}
.font180p {
font-size: 180%;
}
.font200p {
font-size: 200%;
}
.font240p {
font-size: 240%;
}
/* Panel flotante resultados busqueda dinamica (ej: callejero) */
.qlik-search-dynamic-option-list {
border-radius:0;
border:solid 2px #CFD9E2;
width: 500px;
height: 200px;
background: white;
overflow: auto;
position: absolute;
}
.qlik-search-dynamic-option-list li a {
padding:8px;
border-bottom:solid 1px #CFD9E2;
display:block;
text-decoration:none;
transition: none;
color: black;
}
.qlik-search-dynamic-option-list li a:hover {
background-color:#f4f6f8;
}
.qlik-search-dynamic-option-list img.qlik-search-input-spinner {
position:relative;
z-index:9999;
float:inline-start;
display:none;
}
.qlik-search-dynamic-option-list .qlik-search-more-img {
text-align: center; margin-top: 10px;
}
.qlik-search-dynamic-option-list .qlik-search-more-img img {
margin:-3px 20px;
}
/* END Panel flotante resultados busqueda dinamica (ej: callejero) */
.pill {
border-radius: 2px;
background-color: #E5F2FF;
padding: 0.3rem 0.25rem !important;
}
.yellow {
background-color: rgb(255 245 204);
}
.red {
background-color: rgb(248 206 208);
}
.blue {
background-color: rgb(209 222 255);
}
.green {
background-color: rgb(191 247 236);
}
.pink {
background-color: rgb(255 236 230);
}
.gray {
background-color: rgb(207 217 226);
}
.nowrap {
white-space: nowrap;
}
.anonymousSelect {
width: 10%;
display: inline;
margin-left: 20px;
}
.feedbackPanelINFO .strong {
font-family: 'open_sanssemibold';
color: white;
}
.border-none {
border: none;
}
.justifyText {
text-align: justify;
}
.strong,
strong {
font-weight: bold;
}
.font-size-40px {
font-size: 40px;
}
.colorRed {
color: #da2b1d !important;
}
.address-table .firstColumn {
width: 70%;
}
.address-table .secondColumn {
width: 30%;
}
.personalized-address .address-table .firstColumn,
.personalized-address .address-table .secondColumn {
display: contents;
width: 100%;
}
table.layoutTable {
width: initial;
}
table.layoutTable>tbody>tr>td {
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
}
.td-nifCountry {
width: 67px;
}
.td-nifCountry select:disabled {
width: 55px;
}
.ESignedTramitsListPanel .links-panel li {
display: block;
}
.ESignedTramitsListPanel .links-panel li:nth-child(n+2) {
margin: 0;
}
.noMargin {
margin: 0
}
.padding1rem {
padding: 1rem;
}
.justifyText {
text-align: justify;
}
.strong,
strong {
font-weight: bold;
}
.EDocumentInstancePreviewPage {
height: 63rem;
padding-bottom: 0 !important;
}
.EDocumentInstancePreviewPage #content,
.EDocumentInstancePreviewPage #pdfPreview {
height: 100%;
}
.EDocumentInstancePreviewPage .content_int {
height: 93%;
}
.color-corporate-color {
color: var(--corporate-color) !important;
}
/* Diseño circuito de firmas */
.steps-vertical tr td {
position:relative;
padding-left:40px;
background:url(img/signcircuit/flecha.png) left bottom no-repeat;
padding-bottom:24px;
min-height:32px;
}
.steps-vertical tr td.no-arrow {
background:none;
}
.steps-vertical .icon-circle {
position:absolute;
left: 3.5px;
top: -3px;
}
.steps-vertical .icon-circle::before {
font-size: 18px;
}
.step-done{color:#00dfb2 !important;}
.step-current{color:#557FE3 !important;}
.step-neutral{color:#ecf0f3 !important;}
.step-fail{color:ff1616 !important;}
.step-warning{color:fff15b !important;}
#warningBanner .box-warning {
display: grid;
min-height: 120px;
margin-bottom: 20px;
word-break: break-word;
}
#warningBanner .withBannerIcon {
grid-template-columns: 130px 1fr;
}
.appointment-informative-page {
color: rgb(47 62 77);
border: solid 1px rgb(156 171 186);
cursor: pointer;
padding: 1rem;
}
.padding4px { padding: 4px !important; }
.tributeCalculatorField .textareaDiv {
margin-bottom: 20px;
}
/* CENSUS */
.MyCensusDataPanel .inhabitantStatus {
padding: 4px;
border-radius: 2px;
}
.MyCensusDataPanel .inhabitantStatus-ACTIVE {
background-color: #BFF7EC !important;
}
.MyCensusDataPanel .inhabitantStatus-INACTIVE {
background-color: #FFF15B !important;
}
.MyCensusDataPanel.left {
width: 60%;
float: left;
}
.MyCensusDataPanel.left .c-definition-list .c-definition-item-wrapper-inline dd {
word-break: break-word;
}
.MyCensusDataPanel.right {
width: 38%;
float: right;
margin-left: 18px;
}
.MyCensusDataPanel.right .content-block {
background-color: #f5f7f9;
padding: 24px;
}
.MyCensusDataPanel.right .content-block:not(:first-child) {
margin-top: 20px;
}
.MyCensusDataPanel.right ul>li {
margin-bottom: 8px;
}
.MyCensusDataPanel.right ul>li:last-child {
margin-bottom: 0px;
}
.MyCensusDataPanel.right .certificates ul>li {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.MyCensusDataPanel.right .certificates ul>li a {
padding: 0;
}
@media screen and (max-width: 1280px) {
.MyCensusDataPanel.left,
.MyCensusDataPanel.right {
width: 100%;
float: none;
}
.MyCensusDataPanel.right {
margin: auto;
}
}
/* END CENSUS */
/* El bloque RESPONSIVE debe ser lo ultimo que se añada en este fichero de estilos !!! */
/* RESPONSIVE */
@media screen and (max-width: 960px){
ul.access_links li{width:100%;}
.form_box.form .field {padding-right: 5%;}
}
@media screen and (max-width: 800px){
.sidebar{width:100%;}
.col01, .col02{width:50%;}
.logoAyto{width:100%; text-align:center; margin:0;}
ul.access_links li{width:50%;}
.userboxbar{top:412px;}
.docs{ margin:10%;}
ul.catalog_list li{width:50%;}
.form_box.form .field {padding-right: 0;}
.field3,.field4,.field5,.field6,.field7{width:50%; margin-bottom:4px;}
.tercio,
.dostercios{
width: 100%
}
.table-form td {
display: contents;
width: 100%;
}
}
@media screen and (max-width: 640px){
.sidebar, .col01, .col02{width:100%;}
p.sede{width:100%; margin:16px 0; margin-top:60px;}
.topbar{height:96px; }
.topbar_options{
position:absolute;
top:0;
right:0;
width:100%; float:left; background:#57ade3;
}
li.contrast,
li.plus{display:none;}
.search input[type="text"]:focus{width:180px;}
.col01, .col02, .sidebar{background:none; border:0; padding:0 16px; margin:0;}
ul.access_links li{width:50%;}
.search_int{width:100%; margin-bottom:32px;}
ul.diary li{width:100%;}
.logoAyto{margin:16px 0;}
ul.steps li{display:none;}
ul.steps li.current{display:block; width:100%; background:none !important;}
.form_box.form .field{padding-right:0;}
.form_box.form .label,
.form_box.form .field.fix,
.form_box.form .field{padding:4px;}
.form_box.form .field.fix{padding:4px 16px;}
.docs{ margin:0;}
.breadcrumbs{display:none;}
.folder_link{width:35%;}
.folder_info{width:65%;}
ul.catalog_list li{width:100%;}
.form_box.form .label,
.form_box.form .field{width:100%;}
.form_box.form .field.fix{padding:4px;}
.form_box.form .label{text-align:left;}
.field3,.field4,.field5,.field6,.field7{width:100%; margin-bottom:4px;}
.form,
.content_int{
padding: 0px;
}
.innerForm{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
top: initial;
}
.col4{
width:100%;
padding:8px;
border-bottom:solid 1px #ddd;
height: inherit;
}
}
@media screen and (max-width: 480px){
.yui-calcontainer td {
display: table-cell;
width: auto;
}
.table-form .palette td {
display: table-cell;
width: auto;
}
.form-third-data-read-only-true td.name-column,
.form-third-data td.name-column{
width: 100% !important;
}
.form-third-data-read-only-true td.name-column td table tr,
.form-third-data td.name-column td table tr{
display: inline-flex;
}
.form-third-data-read-only-true td.name-column td,
.form-third-data td.name-column td{
display: inline-block;
}
.form-third-data-read-only-true td.surname-column,
.form-third-data td.surname-column{
width: 80%;
}
.form-third-data-read-only-true td.surname-column-pre,
.form-third-data td.surname-column-pre{
width: 30%;
}
.folder_link{width:100%;}
.folder_info{width:100%;}
tr.fieldType-THIRD div.fieldGroupLabelDiv {
padding-top:0px;
padding-bottom:10px;
width:100%;
}
tr.fieldType-THIRD div.fieldGroupValueDiv{
width:100%;
}
.table-form table td.tdTable{
padding:0px;
}
.table-form table td.tdTable label{
margin-left:4px;
}
.table-form table td.tdTable table td{
padding:4px;
}
.image-btn{
max-width: 100%;
}
table.palette td.choices{
width: 45% !important;
}
table.palette td.pane select {
width: 100% !important;
}
table.palette td.buttons {
width: 10% !important;
}
.tooltip-over {
position: fixed;
width: 100%;
top: 0;
left: 0;
right: initial;
max-height: 200px;
overflow-y: scroll;
}
}
@media screen and (max-width: 360px){
ul.access_links li{width:100%;}
.content_int, .form_box{padding:0px;}
.width300 {
width: 100%;
}
}
@media screen and (max-width: 1200px) {
.address-table .firstColumn,
.address-table .secondColumn {
display: contents;
width: 100%;
}
}
@media (min-width : 768px) {
.gap-x-6 {
-moz-column-gap: 1rem;
column-gap: 1rem;
}
}
@media screen and (max-width: 640px) {
.interesting_links { padding-left: 0 !important; }
}
@media screen and (max-width: 960px) {
.our-proceedings-col2 { margin-top: 4rem !important; }
}
@media screen and (max-width: 760px) {
.news { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
}
@media screen and (max-width: 530px) {
.zaragoza-title { margin-top: 0px!important; }
}
@media screen and (max-width: 640px) {
#previewFrameSection { height: 60%!important; }
.AdvertisementBoardForm { width: 100%!important; margin-left:0!important; }
}
/* END RESPONSIVE */
/*****
IMPORTANTE: Meter todos los estilos antes del bloque RESPONSIVE
*****/