/* --- */
/* ================================================================ */
/* Estils UB 'custom':
  -------------------------------------------------------------
  Author: Desenvolupament Web [JG] - Universitat de Barcelona
  -------------------------------------------------------------
	Version: Versió 1.0- Creat per a [www.ub.edu/eleccions/2021]
	-------------------------------------------------------------
	Date: 2021-02-25
	Modified: 2021-02-25
  ================================================================= */

/* ================================================================ */
/* ================================================================ */
/*  Configuració inicial elements generals: */
#top03 {
	position: absolute;
}
#top03 h1 {
	margin: 4%;
	padding: 5px 10px;
	font-size: 3.5em;
	line-height: .9em;
	background-color: #eeeeeed6;
}
.flex-item.gran {
	font-size: 2em;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
}
.flex-item a {
	text-shadow: -1px -1px 2px #aaa;
}
.flex-item a:hover, 
.flex-item a:focus {
	text-shadow: -1px -1px 2px #fff;
}

.main h2 {
	font-size: 1.6em;
	margin-top: 1em;
}


/* ================================================================ */

/* === Flex 2021: ======================================= */
.flex-item.boto-eleccions.fons {
	box-shadow: 5px 5px 10px rgba(8, 22, 37, 0.3);
	font-size: 0;
}
.flex-item.boto-eleccions.fons:hover {
	box-shadow: 0 0 10px rgba(8, 22, 37, 0.3);
}
.flex-item.boto-eleccions.fons a {
	width: 100%;
	height: 100%;
}
/* === /Tabuladors 2021. ======================================= */

ul.docs li {
	min-height: 2em;
}
ul.docs li:first-child {
	margin-top: .6em;
}
ul.docs li:last-child {
	margin-bottom: 1em;
}

/* ================================================================ */
/*  Configuració inicial elements de formulari: */
select {
	padding: 4px 6px;
	border-radius: 4px;
	border: 1px solid #ccc;
}
/*  [https://stackoverflow.com/questions/13694271/modify-select-so-only-the-first-one-is-gray] */
select {
    color: #ccc;
}
option {
    color: #000;
}
option:first-child {
    color: #ccc;
}


/*  [https://stackoverflow.com/questions/13694271/modify-select-so-only-the-first-one-is-gray] */
/* select,
select option {
	color: #000;
}
select:invalid,
select option[value=""] {
	color: #999;
}
label {
	display: block;
	margin: 16px 0;
} */
/*Added for browser compatibility*/
/* [hidden] {
	display: none;
} */

article form {
	margin: 1em auto;
	width: max-content;
}

/* SELECT https://getbootstrap.com/docs/5.0/forms/select/ */
button, 
input, 
optgroup, 
select, 
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit; 
    line-height: inherit;
}
button, 
select {
    text-transform: none;
}
select {
    display: inline-block;
    /* width: 100%; */
    padding: .2rem 2.25rem .2rem .75rem; /* .375rem 2.25rem .375rem .75rem; */
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    /* color: #212529; */
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
        border-top-color: rgb(206, 212, 218);
        border-right-color: rgb(206, 212, 218);
        border-bottom-color: rgb(206, 212, 218);
        border-left-color: rgb(206, 212, 218);
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	max-width: 700px;
}
select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}
option[disabled] {
	color: #aaa;
}
/* BUTTONS https://getbootstrap.com/docs/5.0/components/buttons/ */
button {
    border-radius: 0;
}
[type="button"], 
[type="reset"], 
[type="submit"], 
button {
    -webkit-appearance: button;
}
.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    padding: .2rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
	margin-left: 1em;
	margin-bottom: 8em;
}
.eleccio-2022 .btn-primary,
.eleccio-2023 .btn-primary {
	margin-top: -.4em;
	margin-bottom: 0;
}
[type="button"]:not(:disabled), 
[type="reset"]:not(:disabled), 
[type="submit"]:not(:disabled), 
button:not(:disabled) {
    cursor: pointer;
}
.btn-primary.disabled, 
.btn-primary:disabled {
	color: #8c8c8c;
	background-color: #98c0ec;
	border-color: #98c0ec;
}

.bd-example > .btn, 
.bd-example > .btn-group {
    margin: .25rem .125rem;
}
.btn:hover {
    color: #212529;
}
.btn-check:focus + .btn, 
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}
.btn-primary:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
}
.btn-primary.disabled:hover,
.btn-primary:disabled:hover {
	color: #8c8c8c;
	background-color: #98c0ec;
	border-color: #98c0ec;
    cursor: not-allowed;
}
.btn-check:focus + .btn-primary, 
.btn-primary:focus {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
    box-shadow: 0 0 0 .25rem rgba(49,132,253,.5);
}
.btn-check:active + .btn-primary, 
.btn-check:checked + .btn-primary, 
.btn-primary.active, .btn-primary:active, 
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0a58ca;
    border-color: #0a53be;
}
.btn-check:active + .btn-primary:focus, 
.btn-check:checked + .btn-primary:focus, 
.btn-primary.active:focus, 
.btn-primary:active:focus, 
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(49,132,253,.5);
}



/* === Tabuladors 2021: ======================================= */
.tab input[type="radio"],
.tab input[type="checkbox"] {
    display: none;
}
.tab-content h3,
.tab-content ul,
.tab-content ol {
	margin: 0;
}
.paginador li a {
	width: 100%;
}

.contingut-tabulador h2 {
	border-top: 1px solid #e7e7e7;
	border-bottom: none;
	margin-top: 3em;
}
/* === /Tabuladors 2021. ======================================= */

/* === Web eleccions 2021: ======================================= */
.menu-nav a[target="_blank"] {
    background: url(../css/css_img/icons/ico-enllac-ext.png) no-repeat right 11px/ 12px;
    padding-right: 20px;
    width: auto;
}
.taula01 caption, .taula02 caption {
    display: none;
}
ul.sense-marges {
	line-height: 1.1em;
	height: 25px;
}
ul.docs li.pdf {
	background-position-y: 1px;/*  5px; */
}
.llistat_noticies > li:first-child {
	font-weight: bold;
}

iframe.video {
	width: 800px!important;
	height:450px!important;
}
@media only screen and (max-width: 1120px) {
/* @media only screen and (max-width: 395px) { */
	iframe.video {
		width: 640px!important;
		height:360px!important;
	}
}
@media only screen and (max-width: 1070px) {
/* @media only screen and (max-width: 395px) { */
	select {
		max-width: 600px
	}
}
@media only screen and (max-width: 970px) {
/* @media only screen and (max-width: 395px) { */
	iframe.video {
		width: 560px!important;
		height:315px!important;
	}
	select {
		max-width: 500px
	}
}
@media only screen and (max-width: 630px) {
/* @media only screen and (max-width: 395px) { */
	iframe.video {
		width: 350px!important;
		height:196px!important;
	}
}
@media only screen and (max-width: 460px) {
/* @media only screen and (max-width: 395px) { */
	select {
		max-width: 300px
	}
}

.destacats h4 {
	margin-top: 2em;
	margin-bottom: 0;
}

table.zebra {
	font-size: 1em;
}
.valing-mig td {
	vertical-align: middle;
}



/*=Pestanyes
-------------------------------------------------------------*/
.bloc-tabs{
	border:1px solid #ccc;
	border-radius:5px;
	width:100%;
	display: inline-block;
}
.bloc-tabs div {
	padding: 10px 15px;
	background-color: #fff; /* 2021-04-29: Eleccions 2021 */
}
ul.paginador{
	display:block;
	width:100%;
	height:42px;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.paginador li{
	background: url(../css/css_img/bkgrounds/pestanya-no.jpg) repeat scroll 0 0 transparent;
	 border: medium none;
	 height: 42px;
	 margin: 0;
	 /*width: 25%; <-- L'amplada la posa per jQuery.*/
	 float:left;
}
.paginador li:first-child{
	border-top-left-radius:5px;
}
.paginador li:last-child{
	border-top-right-radius:5px;
}
.paginador li.active{
	background: url(../css/css_img/bkgrounds/pestanya-si.jpg) repeat scroll 0 0 transparent;
}
.paginador li a,
.paginador li a:link,
.paginador li a:visited,
.paginador li a:active {
	font-weight:bold;
	font-size:1.2em;
	padding:8px;
	color:#666;
	text-decoration:none;
	text-transform: uppercase;
	border: none;
	display:inline-block;
}
.paginador li a:hover,
.paginador li a:focus,
.paginador li.active a,
.paginador li.active a:link,
.paginador li.active a:visited,
.paginador li.active a:active,
.paginador li.active a:hover,
.paginador li.active a:focus {
	color:#0059A2;
}
/* Final Pestanyes. */

#tabs .contingut-tabulador .tab {
	padding: 0;
}
.intro-txt ul.costat-img {
	margin-left: 165px;
}


.main img.resultats {
	margin:2px 1em;
	/* width: 85%; */
	width: auto;
	height: 220px;
	/* max-height: 220px; */
	max-width: 85%;
}
.verd { color: #0d0; }
.fet-ok  {	color: #050; }
.fet-no  {	color: #500; }
.fet-pse {	color: #bc5d17; }

.acordio label.fet-ok + .tab-content {
	background-color: #e6ffe5 !important;
}
.acordio label.fet-no + .tab-content {
	background-color: #fce8e8 !important;
}
.acordio label.fet-pse + .tab-content {
	background-color: #fcf2e8 !important;
}
/* .escrutini label.fet-ok span::before {
	content: "✔";
	display: inline-block;
}
.escrutini label.fet-no span::before {
	content: "✖";
}
.escrutini label.fet-pse span::before {
	content: "⚠";
} */

img ~ ul {
	margin-left: 15em;
}
/* === /Web eleccions 2021. ======================================= */


/* === Web eleccions 2021: ======================================= */
.avis-ep h2 {
	font-size: 1.3em;
	color: #734c00;
}
#tabs div.avis-ep {
	padding: 0 25px;
}
.no-negreta {
	font-weight: normal;
}
/* === /Web eleccions 2021. ======================================= */


/* === Web eleccions 2022: ======================================= */
.docs li.noactiu {
	opacity: .5;
}
.docs li.noactiu a {
	cursor: not-allowed;
	pointer-events: none;
	color: #555;
}
/* === /Web eleccions 2022. ======================================= */


/* === Web eleccions 2022-2: ======================================= */
/* 3 botons de votació [2022-11-24] */
.cols-3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
@media only screen and (max-width: 460px) {
	.cols-3 {
		flex-direction: column;
	}
}
.titol-boto {
	text-align: center;
	margin: 5px 10px -5px;
	font-size: 1.2em;
	font-weight: bold;
}
.noactiu .titol-boto {
	color: #aaa;
}
/* === Web eleccions 2022-2. ======================================= */


/* === Web eleccions 2023-1: ======================================= */
/* Per a la pàgina de 09b-participacio.html:                         */
.tab.noactiu {
  opacity: 0.4;
}
.tab.noactiu input[type="radio"], .tab.noactiu input[type="checkbox"] {
  pointer-events: none;
}
.acordio .tab.noactiu .tab-label {
  cursor: default;
  background-color: #6a6a6a;
}
.acordio .tab.noactiu input:checked ~ .tab-content {
  display: none;
  height: 0;
}
/* === Web eleccions 2023-1. ======================================= */


/* === Web eleccions 2023-2: ======================================= */
/* Millora per als elements de menú inactius [11/10/2023]:                         */
.menu-nav .inactiu a {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: #aaa;
}
#side-nav li.inactiu::before {
	color: #aaa;
}
/* Millora les notícies d'actualitat [17/10/2023]: */
.llistat_noticies li.ocult { display: none; }
.llistat_noticies > li.actual { font-weight: bold; }
.llistat_noticies > li.actual ~ li.actual.destaca { font-weight: bold; }
.llistat_noticies > li.actual ~ li.actual { font-weight: normal; }

/* === Web eleccions 2023-2. ======================================= */