body{
    background: #EFEFEF;
    font-family: 'Roboto', sans-serif;
    display: grid;
    height: 100vh;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas:
        "pam-header"
        "pam-main"
        "pam-footer";
}
h1
{
    font-size: 2rem;
    margin: 10px 0px;

}

main {
    grid-area: pam-main;
    width: calc(100% - 10px);
    margin: 0px 5px;
}
header {
    grid-area: pam-header;
    width: 100%;
}

h2 {
    font-size: 25px;
    margin: 0px;
}

.contingut a {
    text-decoration: underline;
}

.contingut p {
    text-align: justify;
    margin: 4px 0px 12px;
}
.contingut.titulars {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.contingut.titulars .titol {
    font-size:1.5rem;
}
.contingut.titulars .actualitzacio {
    font-size:0.8rem;
}
.contingut.titulars .presentacio{
    width: 100%;
}
.titolApartat {
    background: #1976d2;
    color: white;
    padding: 10px;

}
.titolApartat > div {
    font-size: 25px;
    margin: 0px;
    display: flex;
    justify-content: space-between;
}
.padding0 {
    padding: 0px !important;
}
.dropdown-content li>a, .dropdown-content li>span {
    color: #1976d2 ;
}

.select-wrapper input.select-dropdown:focus {
    border-bottom: 1px solid #1976d2  !important;
}

textarea.materialize-textarea:focus {
    border-bottom: 1px solid #1976d2  !important;
    box-shadow: 0 1px 0 0 #1976d2  !important;
}


.btn {
    background: #1976d2 ;
    font-size:16px;
}
.botoAdherir {
    width: calc(100% - 20px);
    border: none;
    padding: 10px;
    margin: 10px;
}

.botoAdherir:hover, .botoAdherir.select {
    background: #1E88E5;
    color:white;
}

.row {
    margin-bottom: 0px;
}
.headerLogo
{
    background: black;
    padding: 5px 15px !important;
    max-height: 80px;
}
.headerLogo .logo {
    max-height: 40px;
}


.headerCercador
{
    color: white;
    background: url('../img/herramientas.jpg');
    padding: 15px !important;
}

.headerCercador h1 {
    line-height: unset;
}

.caixa, .caixaError
{
    padding: 10px !important;
    background: white;
    margin-bottom: 10px;
}

.caixaError h2 {
    background: red;
    color: white;
    padding: 10px;
}
.contingut
{
    padding: 15px 0px !important;
}

.card .card-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 150% !important;
}
.card.general {
    padding: 10px;
}
.card.general .card-title {
    text-align: left;
    min-height: auto;
}
.card.general > .cardEix {
    flex-direction: column;
    height: 100%;
}
.card.general  .l1 {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.card.general  .l2 {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.card.portada {
    /*padding-top: 80%;*/
    overflow: hidden;
    color: black;
    height: 180px;
}

.card.portada .card-content {
    text-align: center;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0px 10px;
    top: 20px;
}
.enllacos .card-content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: -20px;
}
.breadcrumb {
    font-size: 16px;
    text-decoration: none;
    color: black !important;
}
a.breadcrumb {
    text-decoration: underline;
}
a.breadcrumb:hover {
    color: rgba(255, 255, 255, 0.7);
}
.breadcrumb:before
{
    font-size: 16px;
    color: black;
}

.collapsible {
    border: 0px;
    box-shadow: none;
}
.collapsible-header:focus-visible {
    outline: auto;
}
.collapsible-header {
    border-bottom: 2px solid #616161;
    padding: 10px 0px !important;
    font-weight: bold;
}
.collapsible-header:hover .titol {
    text-decoration: underline;
}
.collapsible-header > .collapsible-secondary {
    position: absolute;
    right: 10px;
}

.collapsible-header > .collapsible-primary {
    width: calc(100% - 30px);
}
.collapsible-header > .collapsible-primary i {
    margin: 0px;
    float: left;
}
.collapsible-body.col {
    padding-right: 0px;
}

.accio .collapsible-body {
    background: #f0f0f0;
    border: 1px solid #e0e0e0;
    padding: 10px;
}
.accio .collapsible-body > div {
    padding: 5px 10px;
}
.accio .collapsible-body ul {
    padding-left: 15px;
}
.accio .collapsible-body li {
    list-style: square;
}
.accio .collapsible-body ul.llegenda  {
    padding-left: 0px;
}
.accio .collapsible-body ul.llegenda li {
    list-style: none;
}
.collapsible-body .actuacio > .collapsible-header {
    border-bottom: 1px solid #e0e0e0;
}

div.llegenda {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 20px;
    flex-direction: column;
}

div.llegenda > div {
    padding: 5px;
}
div.llegenda > div > i {
    float: left;
}

.collapsible-header > .collapsible-primary span {
    font-weight: normal;
}
.collapsible-body .collapsible-header {
    border-bottom: 0px;
}
.collapsible li > .collapsible-header > .collapsible-secondary i {
    transition-duration: 0.5s;
}
.collapsible li.active > .collapsible-header > .collapsible-secondary i {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.collapsible-body {
    padding: 0px;
    padding-left: 20px;
    border: 0px;
}

.collection .collection-item {
    padding: 10px 0px;
}
.collection .collection-item i {
    margin: 0px;
    float: left;
    color: black;
}
.accio .collection-item span {
    color: black;
}
.accio .collection-item a:hover span.text-titol {
   text-decoration: underline;
}
.accio .collection-item .title {
    width: 100%;
}
.accio .modal {
    width: 90%;
}
.accio .modal-content .title {
    font-size: 1.5rem;
}
.accio .modal-content > div,.item-accio > div {
    padding: 5px 10px !important;
}
.accio .modal-content ul,.item-accio ul {
   padding-left: 15px;
}
.accio .modal-content ul > li,.item-accio ul > li {
    list-style-type: square;
}

.votacio {
    padding: 0px !important;
    min-height: 35px !important;
    text-align: right;
}

.votacio i.material-icons {
    font-size: 30px;
}
.collection .collection-item > .title {
    min-height: 30px;
    padding: 0px;
}
.collection .collection-item > .title > i {
    float: left;
}
.collection .collection-item > .title > span {
    line-height: 25px;
}

.collection .collection-item > .material-icons {
    float: left;
    padding-right: 10px;
}
[type="radio"]:checked+span > i {
    font-size:40px;
}
[type="radio"]:not(:checked)+span.noselect > i {
    /* font-size: 1px; */
    background: white !important;
}
[type="radio"]:not(:checked)+span, [type="radio"]:checked+span {
    padding: 0px;
}
[type="radio"]+span:before, [type="radio"]+span:after {
    /*top: 40px;*/
    left: 7px;
    border: none !important;
    background: none !important;
}

.cercador .textCerca {
    background: white;
    border-radius: 5px 0px 0px 5px;
}
.cercador .textCerca input{
    height: 30px;
}
.cercador .botoCerca {
    padding-left: 0px !important;
}


.cercador .botoCerca .btn {
    background: #1976d2;
    border-radius: 0px 5px 5px 0px;
    height: 39px;
    /*width: 100%;*/
}
.cercador .botoCerca .btn:focus-visible {
    outline: auto;
}
.cercador .botoCerca .btn:hover {
    background: #2bbbad;
}

.cercador .botoCerca .btn i.material-icons
{
    font-size: 1.7rem;
}
.input-field {
    /*background: white;*/
    /*border-radius: 5px;*/
    margin: 0px;
}
.input-field {
    /*background: white;*/
    /*border-radius: 5px;*/
    margin: 0px;
}
.explicacio
{
    padding-left: 25px;
    color: rgba(0, 0, 0, 0.54);
}

#btEnviarOpinio
{
    position: fixed;
    right: 25px;
    /*right: -300px;*/
    /*bottom: 25px;*/
    top: 1px;
    background: #1976d2;
    /*display: none;*/

}

.modal .modal-content {
    padding: 10px;
}

ul.missatge {
    padding-left: 20px;
}

ul.missatge > li {
    list-style-type: square;
}

.grafica
{
    padding:10px !important;
}

.textResultat {
    text-align: center;
    font-size: 2rem;
}

.nomEstat {
    border-radius: 10px;
    padding: 3px 15px;
    color:black;
}

.nomEstat.pendent {
    background: #ef9a9a;
}
.nomEstat.inici {
    background: #ffcc80;
}
.nomEstat.proces {
    background: #ffe082;
}
.nomEstat.avancat {
    background: #c5e1a5;
}
.nomEstat.final {
    background: #00c853;
}

.progress {
    margin-top: 3px;
    margin-bottom: 3px;
    background: #90caf9;
}
.progress .determinate {
    background: #1565c0;
}

.progress.pendent {
    background-color: #ef9a9a;
}
.progress.pendent .determinate{
    background-color: #b71c1c;
}
.progress.inici {
    background-color: #ffcc80;
}
.progress.inici .determinate {
    background-color: #ef6c00;
}
.progress.proces {
    background-color: #ffe082;
}
.progress.proces .determinate{
    background-color: #ffc107;
}
.progress.avancat {
    background-color: #00c853;
}
.progress.avancat .determinate{
    background-color: #2e7d32;
}

.progress.final {
    background-color: #00c853;
}
.progress.final .determinate{
    background-color: #2e7d32;
}

.cardEix {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
}
.cardEix .percentatge {
    font-size: 3rem;
    text-align:left;
}
.cardEix .dadesEix {
    font-size: 0.9rem;
    text-align:right;
}
.cardEix .card-title {
    text-align:center;
    width: 75%;
    min-height: 81px;
}

.pla-reconstruccio .card-title {
    text-shadow: 3px 3px 6px rgb(0 0 0 / 70%);
    font-size: 1.5rem;
}
.pla-reconstruccio .card {
    background: url("/img/plareconstruccio/herramientas.jpg");
    background-size: cover;
    background-position: center;
    color: white;
}
.titol-graf {
    padding: 10px 0px !important;
}
.llistat.documents .collapsible-header {
    border-bottom: 0px;
    padding: 0px !important;
}

.llistat.documents img {
    max-width: 30px !important;
}
.llistat.documents a .llistat-item .llistat-img {
    padding-right: 10px;
}
.llistat.documents .llistat-item {
    display: flex;
    align-items: center;
    margin: 5px 0px;
    background: rgba(30, 136, 229,0.1);
    padding: 0.8rem !important;
    border: 5px solid rgba(30, 136, 229,0.1);
}
.llistat.documents a:hover .llistat-item {
    border: 5px solid rgba(30, 136, 229,1);
}
.llistat.documents .llistat-item .llistat-content {
    color: #444444;
}
.llistat-noticies {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0px !important;
    gap: 5px;
}
.item-noticia {
    width: 100%;
    padding: 0px !important;
}

.item-noticia .card {
    height: calc(100% - 22px);
    box-shadow: none;
}

.item-noticia .card.horizontal .card-image {
    max-width: 30%;
    max-height: 100px;
    overflow: hidden;
    margin: 10px;
}

.item-noticia .card.horizontal .card-content {
    padding: 10px;
    color:#424242;
}
.item-noticia .card-content .data {
    font-size: 0.9rem;
}
.contingut .item-noticia a:hover {
    text-decoration: none;
}
.contingut .item-noticia a:hover .card {
    background: rgba(30, 136, 229,0.15);
}
.divContingut {
    padding-left: 10px !important;
}

.truncate4lines {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: black;
}
.page-footer {
    color: white;
    background: #0d47a1;
    padding: 10px;
    text-align: center;
    width: 100%;
}
.page-footer .peu {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}
.page-footer .peu .item-peu{
    margin: 0px;
}
.page-footer .peu a {
    color: white;
    text-decoration: underline;
}

.contingut.central {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contingut.central .eixos {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}
.contingut.central .eixos > div {
    width: 100%;
}

.contingut.central .enllacos {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.contingut.central .enllacos > div {
    width: 100%;
}
footer {
    grid-area: pam-footer;
}

footer .xarxes_socials img {
    width: 32px;
    height: 32px;
}
footer .reconeixament, footer .xarxes_socials  {
    text-align: center;
}
@media only screen and (min-width: 601px) { /*Mida M */
    .item-noticia {
        width: calc(50% - 4px);
    }
    .portada .item-noticia {
        width: 100%;
    }
    .page-footer .peu {
        flex-direction: row;
    }
    .page-footer .peu .item-peu{
        margin: 0px 5px;
    }
    footer .reconeixament  {
        text-align: left;
    }
    footer .xarxes_socials  {
        text-align: right;
    }
    .contingut.central .eixos > div {
        width: calc(50% - 5px);
    }
    .contingut.central .enllacos > div {
        width: calc(50% - 5px);
    }
}
@media only screen and (min-width: 993px) {

    .headerCercador h1 {
        /*line-height: 60px;*/
    }

    .cercador
    {
        padding-top: 10px !important;
    }
    .divContingut {
        padding-right: 20px !important;
    }
    .item-noticia {
        width: calc(33% - 4px);
    }
    .portada .item-noticia {
        width: calc(50% - 5px);
    }
    .contingut.central .enllacos > div {
        width: calc(33.33% - 5px);
    }
    .contingut.central .eixos > div {
        width: calc(33.33% - 5px);
    }
}

@media only screen and (min-width: 1201px)
{
    main {
        margin: 0px 12%;
        width: 76%;
    }
    .row .col.offset-xl15{
        margin-left: 12%;
    }
}