.container { width: auto; max-width: 680px; padding: 0 15px; } .footer { background-color: #daebed; } .bd-placeholder-img { font-size: 1.125rem; text-anchor: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .form-group label { margin: 10px; } .form-group .col-sm-12 .col-sm-6 .radio-group { display: inline-flex; align-items: flex-end; margin-left: 10px; } .form-group .col-sm-12 .col-sm-6 .radio-group label { font-weight: 100; line-height: 100%; margin: 0px 10px 0px 5px; } .form-group .col-sm-12 .col-sm-6 .radio-group input[type=radio] { margin-top: -2px; } .r01gContainer .form-group button, .r01gContainer .form-group button:hover { color: white; } .form-group { margin: 10px; } div.r01gContainer ul.inLine { padding-left: 0; list-style-image: none !important; } div.r01gContainer ul.inLine li { display: inline-block; margin-right: 0.5em; } div.r01gContainer ul.inLine li a.btn { padding: 10px 0; margin: 0; width: 150px; border: 0; border-radius: 0; height: 48px; } .bloque-traduccion { margin-left: 10px; padding-bottom: 60px; border: 1px solid #dadada; border-radius: .3em; position: relative; width: 100%; } .bloque-traduccion textarea, .r01gContainer .jumbotron-text { font-size: 15px; } div.r01gContainer ul.inLine li a.btn-google-play { background: #fff url(/contenidos/recurso_tecnico/itzut_automa_rek/eu_def/images/store-google.png) no-repeat; text-indent: -9999px; } div.r01gContainer ul.inLine li a.btn-google-play:hover { background-color: #fff !important; background: #fff url(/contenidos/recurso_tecnico/itzut_automa_rek/eu_def/images/store-google-white.png) no-repeat; } div.r01gContainer ul.inLine li a.btn-apple { background: #fff url(/contenidos/recurso_tecnico/itzut_automa_rek/eu_def/images/store-apple.png) no-repeat; text-indent: -9999px; } div.r01gContainer ul.inLine li a.btn-apple:hover { background-color: #fff !important; background: #fff url(/contenidos/recurso_tecnico/itzut_automa_rek/eu_def/images/store-apple-white.png) no-repeat; } div.form-group div.col-sm-6 { padding-left: 0px; padding-right: 0px; } @media (min-width: 768px) { .bd-placeholder-img-lg { font-size: 3.5rem; } } .r01gContainer { min-width: 400px; } .r01gContainer .form-control-text { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s } .r01gContainer .textarea { border: 1px solid #ccc; font-family: inherit; font-size: inherit; padding: 0px 0px; display: block; width: 100%; overflow: auto; resize: both; min-height: 150px; line-height: 20px; } .r01gContainer .textarea[contenteditable]:empty::before { content: "Placeholder still possible"; color: gray; } .r01gContainer .translation_area { margin: 0px 0px; padding: 0rem 2.5rem 2.5rem 2.5rem; } .r01gContainer .error_area { margin: 10px 10px; } .r01gContainer .kargatzen_area { margin: 10px 10px; } .r01gContainer .form-control-text.textarea { margin-left : 10px; padding: 0px 0px; height: unset; position: relative; background-color: #e6f4ff; } .r01gContainer .form-control-text.errorarea { margin-left : 10px; padding: 0px 0px; height: unset; position: relative; background-color: #FFCCCC; } .r01gContainer .form-control-text.kargatzenarea { margin-left : 10px; padding: 0px 0px; height: unset; position: relative; background-color: #e6f4ff; } .r01gContainer textarea.form-control-text { /*min-height: 150px;*/ padding: 6px 12px 60px 12px; } .r01gContainer textarea.form-control-text .btn { } .r01gContainer .form-control-text { color: #000000; } .r01gContainer .form-control-text.textarea a { color: #1472a4; font-weight: bold; } .r01gContainer .col-uno, .r01gContainer .col-unodos, .r01gContainer .col-dos { width: 100%; /*float: left;*/ position: relative; } .r01gContainer .col-dos { /* width: 0px; overflow: hidden; */ display: none; } .r01gContainer .col-unodos { margin-top: 2rem; margin-bottom: 2rem; } .r01gContainer .col-unodos button { margin: 0px 0px 20px 0px; } .r01gContainer .col-dos { width: 0px; overflow: hidden; -webkit-transition: width 1s ease-in-out; -moz-transition: width 1s ease-in-out; -o-transition: width 1s ease-in-out; transition: width 1s ease-in-out; } /* .r01gContainer .w100 { display: block; width: 100%; -webkit-transition: width 1s ease-in-out; -moz-transition: width 1s ease-in-out; -o-transition: width 1s ease-in-out; transition: width 1s ease-in-out; } */ @media screen and (min-width: 850px) { .r01gContainer .col-uno, .r01gContainer .col-unodos, .r01gContainer .col-dos { /*float: left;*/ } .r01gContainer .col-uno { /* width: 45%; margin: 0px 1% 0px 0px; */ } .r01gContainer .col-unodos { /*width: 6%;*/ width: auto; } .r01gContainer .col-dos { /*width: 45%;*/ /*margin: 0px 0px 0px 1%;*/ /*width: 100%;*/ } } .r01gContainer form select#model { display: block; font-size: 1rem; font-weight: 300; /*color: #444;*/ line-height: 1.3; padding: 5px 5px 5px 5px; /*width: 400px;*/ /*max-width: 100%; */ box-sizing: border-box; margin: 0px 0px 0px 10px; border: 1px solid #dadada; box-shadow: 1px 1px 0px 0px rgba(0,0,0,.03); border-radius: .3em; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: url("data:image/svg+xml;utf8,"); background-position: right 5px top 50%; background-repeat: no-repeat; width: auto; padding-right: 50px; } .r01gContainer form select#model::-ms-expand { display: none; } .r01gContainer form select#model:hover { border-color: #000000; background-image: url("data:image/svg+xml;utf8,"); box-shadow: 1px 1px 0px 0px #000; } .r01gContainer textarea.form-control-text:hover, .r01gContainer .form-control-text.textarea:hover { border-color: #000000; box-shadow: 1px 1px 0px 0px #000; } /* .r01gContainer form select#model:focus { border-color: #000000; box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7); box-shadow: 0 0 0 3px -moz-mac-focusring; color: #222; outline: none; } */ .r01gContainer form select#model option { font-weight: normal; } .r01gContainer form select#model { /* box-shadow: 0px 0px 0px 1px #dadada; transition: box-shadow 0.6s linear; margin: 0.5em; /* Increased margin since the box-shado expands outside the element, like outline */ } .r01gContainer form select#model:hover { } .r01gContainer .translation_area { background-color: #e6f4ff; position: relative; } .r01gContainer .jumbotron-text { padding-top: 0px !important; padding-bottom: 0px !important; background-color: #e6f4ff; } @supports (-ms-ime-align: auto) { .r01gContainer .jumbotron-text { padding-top: 0px !important; padding-bottom: 0px !important; background-color: transparent; } } /* .euskalterm .jumbotron{ / * position: absolute; top: 0; bottom: 0; * / width: 100%; } .euskalterm .jumbotron div.row { border-bottom: 1px solid #fff; padding: 15px 0px; } .euskalterm .jumbotron div.row span:first-child{ color: black; } .euskalterm .jumbotron div.row span:nth-child(2){ color: red; } @media (min-width: 576px) { } */ /* STAR RATING */ * { color: inherit; /*line-height: 97% !important;*/ } .r01gContainer .barramenu { border-top: 0px solid #CCCCCC; margin-top: 10px; padding: 0rem 0rem 0rem 0rem; display: inline-block; width: 100%; vertical-align: top; text-align: right !important; } .r01gContainer .barramenu svg { width: 2rem; height: 2rem; padding: 0.15rem; } /* hide radio buttons */ input[name="star"] { display: inline-block; width: 0; opacity: 0; margin-left: -2px; } .star-rating { display: inline-block; width: auto; text-align: center; } .star-rating span { font-size: 0.85rem; font-weight: bold; line-height: 1.5rem; } /* hide source svg */ .star-source { width: 0; height: 0; visibility: hidden; } /* set initial color to transparent so fill is empty*/ .star { color: transparent; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } /* set direction to row-reverse so 5th star is at the end and ~ can be used to fill all sibling stars that precede last starred element*/ .star-container { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; -webkit-box-pack: center; justify-content: center; position: relative; min-height: 1.5rem; } .star-container label { margin: 0px 5px 0px 5px; } .star-container span.left { position: absolute; left: 0px; color: #888888; font-size: 0.7rem; } .star-container span.right { position: absolute; right: 0px; color: #888888; font-size: 0.7rem; } label:hover ~ label .star, svg.star:hover, input[name="star"]:focus ~ label .star, input[name="star"]:checked ~ label .star { color: #28AF82; cursor: pointer; } input[name="star"]:checked + label .star { -webkit-animation: starred 1s; animation: starred 1s; } input[name="star"]:checked + label { -webkit-animation: scaleup 1s; animation: scaleup 1s; } @-webkit-keyframes scaleup { from { -webkit-transform: scale(1.2); transform: scale(1.2); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleup { from { -webkit-transform: scale(1.2); transform: scale(1.2); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes starred { from { color: #FFFFFF; } to { color: #1D3C7B; } } @keyframes starred { from { color: #FFFFFF; } to { color: #1D3C7B; } } /* STAR RATING - FIN */ /* BOTON COPIAR */ @-webkit-keyframes scaleup2 { from { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(1.3); transform: scale(1.3); } } @keyframes scaleup2 { from { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(1.3); transform: scale(1.3); } } @-webkit-keyframes pulse { 0% { box-shadow: 0 0 0 0 #28AF82; } } @keyframes pulse { 0% { box-shadow: 0 0 0 0 #28AF82; } } #translation_footer { text-align: right; /*border-top: 1px solid #CCC;*/ padding-top: 15px; font-size: 0.9rem; color: #666666; margin-right: 80px; z-index: 1; position: relative; } #translation_footer a { font-weight: normal; } #translation_footer { display: flex; flex-flow: row nowrap; align-items: center; justify-content: end; padding-top: 0; } @media screen and (max-width: 550px) { #translation_footer { margin-top: 50px; } } #translation_footer a.hover { padding: 0; transition: all 0.2s ease-in-out; position: relative; text-decoration: none; } #translation_footer a.hover::before, #translation_footer a.hover::after { content: ""; position: absolute; bottom: -4px; width: 0px; height: 2px; margin: 2px 0 0; transition: all 0.2s ease-in-out; transition-duration: 0.2s; opacity: 0; background-color: #28AF82; } #translation_footer a.hover.hover-3::before { left: 50%; } #translation_footer a.hover.hover-3::after { right: 50%; } .r01gContainer .copy { background-color: #2bb88b; border-radius: 60px; top: 8px; z-index: 1; padding: 0 25px; height: 46.41px; display: flex; align-items: center; margin-top: -1px; margin-right: 8px; 0px solid #CCCCCC; position: absolute; right: 5px; } .r01gContainer .copy a { display: inline-block; } .r01gContainer .copy svg { min-width: 30px; min-height: 30px; padding: 0.15rem; } /*.copy a:hover svg,*/ .copy a:active svg { -webkit-animation: scaleup2 0.5s; animation: scaleup2 0.5s; } .copy a:hover, .copy a:focus { -webkit-animation: pulse 1s; animation: pulse 1s; box-shadow: 0px 0px 50px 25px rgba(255, 255, 255, 0); } #copy { color: #1472a4 !important; } /* BOTON COPIAR - FIN */ /* IMAGENES DE FONDO ITZULI APP */ .edukiontzia { padding-bottom: 0px; margin-bottom: 0px; } .bckgrnd { position: relative; padding-bottom: 150px; content: ""; height: 100%; width: 100%; opacity: 0.2 !important; margin-top: -220px; z-index: -1 !important; } .bckgrnd::after { background-image: url('/contenidos/recurso_tecnico/itzut_automa_rek/eu_def/images/bckgrnd_01.png'); background-position: bottom left; background-repeat: no-repeat; background-size: 30%; position: absolute; bottom: 0px; left: 15px; content: ""; height: 100%; width: 100%; } .bckgrnd::before { background-image: url('/contenidos/recurso_tecnico/itzut_automa_rek/eu_def/images/bckgrnd_02.png'); background-position: bottom right; background-repeat: no-repeat; background-size: 50%; position: absolute; bottom: 0px; right: 15px; content: ""; height: 100%; width: 100%; } @media screen and (min-width: 550px) { .bckgrnd { padding-bottom: 200px; } } @media screen and (min-width: 700px) { .bckgrnd { padding-bottom: 250px; } .bckgrnd::after { background-size: 25%; } .bckgrnd::before { background-size: 40%; } } @media screen and (min-width: 800px) { .bckgrnd { padding-bottom: 250px; } .bckgrnd::after { background-size: 15%; } .bckgrnd::before { background-size: 30%; } } /* IMAGENES DE FONDO ITZULI APP - FIN */ /* BOTONES TRADUCIR Y LIMPIAR */ /* General button style (itzuli) */ .r01gContainer .col-uno .btn { position: absolute; /*bottom: 0px;*/ right: 90px; border-radius: 60px; color: inherit; background: none; cursor: pointer; /*padding: 25px 80px;*/ display: inline-block; margin: 10px 30px; /*text-transform: uppercase;*/ letter-spacing: 1px; font-weight: 700; outline: none; font-size: 0.85rem; background: #1b397f; color: #fff; /*box-shadow: 0 5px #204d74;*/ padding: 10px 20px; text-decoration: none !important; overflow: hidden; z-index: 1; } .r01gContainer .col-uno .btn:hover { text-decoration: underline; } .r01gContainer .col-uno .btn:focus { color: #fff; } .r01gContainer .col-uno .btn_reset { position: absolute; /*bottom: 0px;*/ right: 0px; color: inherit; border-radius: 60px; border: none; background: none; cursor: pointer; display: inline-block; margin: 10px 30px; letter-spacing: 1px; outline: none; font-size: 0.85rem; color: #1b397f; /*box-shadow: 0 5px #204d74;*/ padding: 10px 20px; text-decoration: underline !important; overflow: hidden; z-index: 1; } .r01gContainer .col-uno .btn_reset:hover { background: none; color: #1b397f; } .r01gContainer .col-uno .btn_reset:focus { } /* Button 7 */ .r01gContainer .btn-7:focus { } .r01gContainer .form-group button.btn-7:hover { /*color: #43F09E;*/ } @media screen and (min-width: 850px) { /* .r01gContainer .btn-7 { padding: 6px 12px; width: 100%; min-height: 40px; } .r01gContainer .btn-icon-only { font-size: 0px; } .icon-translate:before, .icon-remove:before { background-position: 50%, 50%; } */ /* .r01gContainer .btn-7 { display: block; width: 100%; } */ } .r01gContainer .form-group { margin: 0px 0px; } /* BOTONES TRADUCIR Y LIMPIAR - FIN */ /* LISTADO ENTIDADES */ .r01gContainer .form-group .entidades { font-size: 0.85rem; margin-bottom: 4rem; z-index: 2; } .r01gContainer .form-group .entidades p { font-weight: bold; margin-top: 30px !important; } .r01gContainer .form-group .entidades a { color: #1472a4; text-decoration: none; font-weight: 600; } .r01gContainer .form-group .entidades a:hover { text-decoration: underline; } .r01gContainer .form-group .entidades ul { margin: 0px 10px; list-style: none; list-style-position: inside; } .r01gContainer .form-group .entidades ul li::before { content: "\00BB"; font-size: 20px; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; color: #43F09E; } .r01gContainer .form-group .entidades ul li { padding: 0px 0px 0px 16px; position: relative; margin-top: 6px; font-size: 0.8rem; } @media screen and (min-width: 800px) { .r01gContainer .form-group .entidades ul li { width: 50%; display: inline-block; } } /* LISTADO ENTIDADES - FIN */ /* LOGOTIPO */ .r01gContainer .form-group .logotipo { position: relative; text-align: center; z-index: 0; margin-bottom: 1rem; } .store-link { display: flex; } .r01gContainer .store-link { font-size: 0.85rem; text-align: center; } @media screen and (min-width: 800px) { .r01gContainer .form-group { position: relative; } .r01gContainer .form-group .logotipo { position: absolute; top: 0px; right: 0px; /*text-align: right;*/ /*max-width: 350px;*/ } .r01gContainer .form-group .logotipo, .r01gContainer .store-link { text-align: right !important; width: 100%; } } /* LOGOTIPO - FIN */ /* GOOGLE PLAY, APPLE STORE */ div.r01gContainer .paddingTop { padding-top: 3.5rem !important; width: 40%; } @media screen and (min-width: 800px) { div.r01gContainer .paddingTop { padding-top: 4.5rem; } } div.r01gContainer a.google-play { padding: 5px; position: relative; display: inline-block; text-decoration: none; font-weight: 600; /* float: right; margin: 1rem; */ margin: 0rem 1rem 0rem 0rem; text-align: center; vertical-align: top; } div.r01gContainer a.google-play:last-child { margin: 0rem 0rem 0rem 0rem; } div.r01gContainer a.google-play:link, div.r01gContainer a.google-play:active, div.r01gContainer a.google-play:focus, div.r01gContainer a.google-play:visited { color: #1472a4; } div.r01gContainer a.google-play:hover { text-decoration: underline; } div.r01gContainer a.itzuliplus:hover { text-decoration: underline !important; } .google-play svg { /*fill: #337ab7;*/ stroke: #1472a4; stroke-width: 1.5px; padding-right: 5px; } .google-play span { /*display: none;*/ /* position: absolute; bottom: 0px */ } @media screen and (min-width: 600px) { div.r01gContainer a.google-play { margin: 0rem 2% 0rem 0rem; /*width: 49%;*/ } } .playstore { width: 28%; text-align: right !important; } .appstore { width: 28%; text-align: right !important; } .google-play:hover svg { } .google-play:hover svg { fill: #0befa3; } .itzuliplus { color: #1472a4 !important; margin: 0rem 0rem 0rem 0rem; padding: 5px; position: relative; display: inline-block; text-decoration: none !important; font-weight: 600; text-align: center; vertical-align: top; background-color: transparent; } .itzuliplus:hover { text-decoration: underline; } .itzuliplus svg { padding-right: 5px; } .showicon1 { opacity: 1; } .showicon1:hover { opacity: 0; } .showicon2 { opacity: 0; } .showicon2:hover { opacity: 1; } .google-play.plus span { padding-top: 12px; display: inline-block; } .google-play.plus:hover svg { fill: #0befa3; } /* GOOGLE PLAY, APPLE STORE - FIN */ /* MODAL VALORACION - INICIO */ #valuation_modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 20%; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 30%; } /* Modal Content span */ .modal-content p { text-align: center; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } /* MODAL VALORACION - FIN */ #historicalAccordion{ padding: 0 !important; width: 100%; margin-left: 10px !important; } #historicalAccordion .accordion-button{ background-color: #1b397f !important; font-size: 16px !important; } #historicalAccordion .accordion-body{ font-size: 14px !important; } #historicalAccordion .accordion-body button{ background: white; border: 1px solid #8e8e8e; } .modal-header button{ background: transparent var(--bs-btn-close-bg) center / 1em auto no-repeat !important; } #historicalAccordion .accordion-header{ margin-top: 30px !important; } .r01gContainer hr { margin-top: 15px !important; margin-bottom: 15px !important; border-top: 1px solid #9e9e9e !important; } #btnBorrarTodos{ width: 142px; margin: 0 !important; margin-right: 5px !important; display: flex; justify-content: space-between; align-items: center; } .modal-backdrop{ display: none !important; } .modal{ opacity: 1 !important; } .modal button svg{ fill: white !important; } .modal-content{ align-items: normal !important; } .edukiontzia div.r01gContainer *{ align-items: center; } .modal-dialog{ transform: none !important; } #subAcordeon button:focus { outline: none !important; color: white !important; } .div-traducciones-bs{ display: flex !important; width: auto !important; flex: 1 !important; justify-content: center !important; border: 1px solid #dddddd !important; border-radius: 5px !important; margin-left: 1em; align-items: stretch !important; cursor:pointer !important; } .p-traduccion-area-bs{ padding: 2em 1em; width: 100%; margin: 0 !important; width: 50%; position: relative; } .p-traduccion-area-bs .jumbotron{ padding: .5em 0!important; max-height: 78px !important; overflow: hidden !important; text-overflow: ellipsis !important; font-family: "Open Sans", sans-serif !important; } .p-traduccion-area-bs .jumbotron br{ display: none !important; } .p-traduccion-area-bs-p{ margin: 0 0 2em 0 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.5em !important; max-height: 3em; } .p-traduccion-area-bs-p-toggle{ margin: 0 0 2em 0 !important; display: block; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.5em !important; max-height: auto; transition: all 0.5s; } .edukiontzia p:empty { display: none; } #btnBorrarTodos{ border: none !important; color: red !important; margin: 0 !important; padding: 0 !important; width: 185px !important; outline: none !important; } .buttonSearchTradu{ background: #2bb88b !important; } @media (max-width: 768px) { .div-traducciones-bs { flex-direction: column !important; } .p-traduccion-area-bs{ width: 100% !important; border: none !important; } }

Ir al contenido

Menú de Procesos Electorales

Compartir

Euskadi, bien común
Lewis, Jerry Lee - Procesos electorales - Departamento de Seguridad - Gobierno Vasco - Euskadi.eus

Ir al contenido

Euskadi, bien común