hr {
    border-color: #000;
    margin-bottom: 20px;
    margin-top: 10px;
}

/* Adjust feedback icon position */
#movieForm .form-control-feedback {
    right: 15px;
}

#movieForm .selectContainer .form-control-feedback {
    right: 25px;
}

.border {
    background-color: #fff;
    border-color: #ddd;
    border-radius: 4px 4px 0 0;
    border-width: 1px;
    box-shadow: none;
    margin-left: 0;
    margin-right: 0;
    border-style: solid;
    padding: 10px;
}

.navbar-nav>li:not(.menuIdiomes)>a {
    padding: 20px;
}

.navbar-nav>li {
    font-size: 15px;
}

#Form1 .form-control-feedback { 
    top: 0;
    right: -15px;
}

#Form2 .form-control-feedback {
    /* To make the feedback icon visible */
    z-index: 100;
}

.navi {
    max-height: 250px;
    overflow-y: auto;
}

.jumbotron {
    background: rgb(120, 120, 120);
    background: rgba(120, 120, 120, 0.5);
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropzone .dz-preview .dz-image {
    width: 64px;
    height: auto;
    z-index: 50;
}

.dropzone {
    background: white none repeat scroll 0 0;
    border: 2px solid rgba(0, 0, 0, 0.3);
    min-height: 150px;
    padding: 10px;
}

.dz-details img {
    width: 64px;
    height: 64px;
    position: relative;
}

.dropzone .dz-preview .dz-details {
    line-height: 125%;
    font-size: 15px;
    opacity: 1;
    padding: 1em 1em 1em 64px;
    font-weight: initial;
}

.dropzone .dz-preview .dz-details .dz-size b {
    font-weight: initial;
}

.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 0;
    font-size: 15px;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: visible;
}

.dropzone .dz-preview .btn-default.disabled {
    cursor: not-allowed;
    font-weight: unset;
    opacity: 0.30;
}

.dropzone .dz-preview .btn-default {
    cursor: pointer;
    font-weight: bolder;
}

.dz-meustatus {
    font-size: 16px;
    font-weight: bold;
    color: red;
}

.meustatuscss1 {
    background: linear-gradient(to bottom, #ffff66, #ffffe6) !important;
}

.meustatuscss2 {
    background: linear-gradient(to bottom, #ff0000, #ffe6e6) !important;
}

.meustatuscss3 {
    background: linear-gradient(to bottom, #00e673, #e6ffee) !important;
}

.meustatuscss10 {
    background: linear-gradient(to bottom, #00e673, #e6ffee) !important;
}

.popover {
    max-width: 300px;
}

/* // (canvis nuria) */
/* // (canvis nuria) */
/* // (canvis nuria) */
/* // (canvis nuria) */
/* // (canvis nuria) */

/* ----------------------------------------------------------------------------------------------------- */

/* **** DESCARREGUES i CERTIFICACIONS **** */

/* tabs, botoneres de families i corporació */
/* .tab-familia {
    color: #707070; 
    /* -------------------------------------------------------------------------------------------------------------------- $colorTextMenu; */
/* font-size: 120%;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 2px;
}  */
/* 
.tabs-families:hover {
    color: black;
}*/

.tab-content-families {
    background-color: white !important;
}

/* una pestanya només */
/* .tabs-families:hover {
    color: black;
} */

/* Icones de formulari */

/* SLIDERS */

.img-slider-imatge {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.iframe-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}



.mida-item-img {
    height: 40vh;
}

.mida-item-video {
    height: 60vh;
}

.mida-item-unVideo {
    height: 33vh;
}

.inner-content-video {
    padding: 60vh 0 0 0;
    position: relative;
}
/* 
.slider-projectes {
    height: 60vh;
} */



/* -------------------------------------------- */

/* Accedir a veure un producte */
.veureProducte:hover {
    color: #009763;
    font-weight: 900;
}

.veureProducte {
    color: #009763;
}


/* ROW enter, imatge, link i peu */
.posicionar-subcategories {
    float: left;
    position: relative;
}

.cerca {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    color: white;
}

/* Lupa de cerca */
.contenidor-subCategoria:hover .cerca {
    opacity: 1;
    font-size: 24px;

}

/* Peu de la imatge amb el nom de la subcategoria */
.nom-categoria {
    padding: 10px;
    color: #009763;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    margin-left: -16px;
    margin-right: -16px;
}

figure {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.contenidor-subCategoria {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 0%;
}

/* Zoom per les imatges de categoria i productes*/
.contenidor-subCategoria figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .6s ease-in-out;
    transition: .6s ease-in-out;
}

.contenidor-subCategoria figure:hover img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    filter: brightness(0.3);
}

.contenidor-subCategoria :hover figure img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    filter: brightness(0.3);
}


/* -------------------------------- */
/* Formularies de la pantalla inici */

.formulari-caixa {
    border: 0px solid white;
    box-shadow: 0px 0px 11px 4px #696969;
    border-radius: 4px;
    padding: 1rem;
}

.subPuntsMenu>li>a {
    color: white !important;
}

.formulari-titol-gris {
    color: rgb(175, 175, 175);
    padding: 6px 0px;
}

.formulari-titol-negreta {
    padding: 4px 0px 7px 0px;
    font-size: 2rem;
}

.formulari-cos {
    padding: 13px 6px 9px 14px;
}

.formulari-espaiat {
    margin-right: inherit;
}

.input-form-contacte {
    padding: 6px;
    width: 100%;
}

.input-form-contacte::placeholder {
    color: #5a6268;
    padding: 5%;
    font-size: 80%;
}

.icona-superior-formulari {
    margin-left: 27px;
    padding-top: 10px;
}


.btn-form-especific {
    padding: 7px;
}

.subratllat {
    text-decoration: underline;
}

.text-termes-formularis {
    color: #707070;

}

.text-termes-subscriure {
    color: rgb(224, 224, 224) !important;
    text-decoration: underline;
    font-size: 125%;
    margin-left: 25px;
}

.termes-text {
    font-size: 75%;
    color: rgb(224, 224, 224) !important;
}

.termes-amagats-boto{
    margin-top: 3px;
    background-color: #009763;
    color: white;
    border: 1px solid #009763;
    font-weight: bold;
    width: 100%;
}

.termes-amagats-boto:hover{
    margin-top: 3px;
    background-color: white;
    color: #009763;
    cursor: pointer;
}

.enllac-termes>a {
    font-size: 65%;
}

.enllac-termes {
    margin-top: 3px;
}
.enllac-termes>.termes-text{
    margin-left: -10px;
    margin-top: 3px;
}

/* Form - no marge dret */
.form-n-m-d {
    padding-left: 0px;
}

.input-form-textarea {
    width: 98%;
    height: 150px;
    resize: vertical;
    min-height: 110px;
}

.input-form-textarea::placeholder {
    color: rgb(175, 175, 175);
    padding: 3%;
}

#textarea-formArroba>.input-form-textarea{
    font-size: 18px;
}
#textarea-formConfig>.input-form-textarea{
    font-size: 18px;
}
/* form - small marge dret */
.form-s-m-d {
    margin-left: -10px;
    margin-top: -4px;
    padding-right: 6px;
}

.form-pestanya {
    background-color: #676767;
    padding: 1px;
    border-radius: 0px;
    text-align: center;
}

.form-pestanya>p {
    padding-top: 15px;
    color: white;
    font-size: 99%;
}

.formulari-espai-extra {
    padding-bottom: 150px;
}

.form-titol-pestanya {
    background-color: #676767;
    padding: 1px;
    border-radius: 1px;
    text-align: center;
    width: 403px;
}

.form-titol-pestanya>p {
    padding-top: 15px;
    color: white;
    font-size: 99%;
}

/* Forms */

#FormArroba input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #707070;
    font-size: 18px;
    border-radius: 0;
}
#FormTelefon input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #707070;
    font-size: 18px;
    border-radius: 0;
}
#FormConfig input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #707070;
    font-size: 18px;
    border-radius: 0;
}

#FormArrobaContacte input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #707070;
    font-size: 18px;
    border-radius: 0;
}
/* ----  CHECKBOX ----- */
.checkbox-label-espaiat {
    /* padding-left: 35px; */
    margin-bottom: 12px;
}

.unir-newsletter {
    margin-top: 0px;
}


/* The checkbox-label */
.checkbox-label {
    font-size: 90%;
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  /* The checkbox-label només form central unir Newsletter*/
.checkbox-label-text {
    font-size: 90%;
    display: block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

.span-termes{
    font-size: small
}
.checkbox-label>.span-termes:hover {
    cursor: default;
}

/*   -------    CHECKBOX    ---------   */

/* //  Posar barra esquerra amb estil */

.contenedor::-webkit-scrollbar {
    -webkit-appearance: none;
}

.contenedor::-webkit-scrollbar:vertical {
    width: 10px;
}

.contenedor::-webkit-scrollbar-button:increment,
.contenedor::-webkit-scrollbar-button {
    display: none;
}

.contenedor::-webkit-scrollbar:horizontal {
    height: 10px;
}

.contenedor::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

.contenedor::-webkit-scrollbar-track {
    border-radius: 10px;
}

/* BOTONS DE FAMILIES PER ACCEDIR AL CONTINGUT de DESCARREGUES i CERTIFICACIONS, inclós Corporació, també per accedir als materials de les families */

.miniatura-cataleg-texte {
    font-size: 80%;
    text-align: left;
}

.resum-cataleg {
    background-color: white;
    padding: 2.5%;
    display: flex;
    justify-content: left;
    align-items: center;
    height: 120px;
}

/* -------------------------------------------------------------------------------------------------------------------- subprop hover; 

/* botons de families per la mida XS */
.boto-familia {
    font-weight: bolder;
    text-align: center;
    margin-bottom: 1%;
    padding: 2%;
    border: 1px solid #009763;
}

.boto-familia:hover {
    background-color: #009763;
    color: white;
}

.boto-familia>a {
    color: black;
    text-transform: uppercase;
}

.boto-familia-actiu {
    background-color: #009763;
    color: white;
}

.boto-familia-actiu>a {
    color: white;
}

/* cos de certificacions */
.farciment-cos {
    padding-top: 2%;
}

/* específic per certificacions */
.div-imatge-certificat {
    margin-bottom: 2.5%;
    text-align: center;
}



/* Catalegs sense permis per descarrega  */
.pointer-no-permis {
    cursor: not-allowed;
}

.pointer-no-permis>span {
    color: #878787;

}


.descarregues-cataleg {
    padding-bottom: 6px;
    border-bottom: 1px dotted grey;
    margin-bottom: 10px;
}

.marge-imatge-descarregues {
    margin-bottom: 15px;
}

/* AUTORS */
/* --------------------------- */
/* Div amb imatge, nom i enllaç */

.imatge-autor {
    width: 100%;
    height: 100%;
    z-index: 2;
}

/* mida del text dins la imatge */


/* nom i text veure */
.div-nom-autor {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -2;
    max-width: 50%;
}

/* nom autor */
.div-nom-autor>p {
    color: white;
    text-align: center;
}

.div-nom-autor>p:first {
    font-weight: 100;
}
.p-autor {
    font-size: 2vw;
    line-height: 2vw;
}
@media (max-width: 774px) {
    .p-autor {
        font-size: 5vw;
        line-height: 5vw;
    }
}
.div-nom-autor>p>.span-green {
    font-size: 20px;
}

.casella-autor:hover>.imatge-autor {
    opacity: 0.65;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    transition: opacity 500ms;
    z-index: -1;
    filter: brightness(75%);
}

.casella-autor:hover>a>.div-nom-autor {
    z-index: 2;
}

/* *** Requadre sense autor, només text i un fons *** */
/* Div amb imatge, nom i enllaç */
.div-no-autor {
    position: relative;
    margin-bottom: 28px;
}

.div-no-autor>.imatge-no-autor {
    background-color: #f5f5f5;
    height: 100%;
}

/* nom i text veure */
.div-no-nom-autor {
    max-width: 80%;
    position: absolute;
    top: 25%;
    left: 10%;
}

/* nom autor */
.div-no-nom-autor>p {
    color: black;
    text-align: center;
    line-height: normal;
    font-size: 35px;
    font-weight: bold;
}

/* AUTORS */
/* AUTORS */

/* PRODUCTES */
.fons-defecte {
    background-color: #f5f5f5;
    border: 0px;
}

.icones-producte>a,
.icones-producte>img {
    float: right;
    padding: 0 0.25rem;
}


/* Modals  internes  de productes */

/* Llista de Modals a Obrir */
.li-product-info-action {
    border-top: 0.5px solid #f5f5f5;
    border-bottom: 0.5px solid #f5f5f5;

    padding: 7.5px 0px;
}

/* Modal productes */
/* .modal-header>.titol-modal {
    color: black;
    font-weight: bold;
}

.modal-body>.cos-modal {
    padding: 10px 10px 10px 25px;
} */

/* .modal-body>.cos-modal>li,
.modal-body>.cos-modal-descarregues>li {
    list-style: none;
}

.modal-body>.cos-modal-descarregues {
    padding: 10px;
} */

.icona-right {
    float: right;
    padding-top: 4px;
}

.fons-taula {
    background-color: #f5f5f5;
}

/* Modal Materials */
.crop {
    position: relative;
    width: 75px;
    height: 25px;
    overflow: hidden;
}

.crop img {
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto;
    height: auto;
    width: auto;
}



/* Modal Materials */
/* .crop-item {
    position: relative;
    width: 100%;
    height: 45vh;
    overflow: hidden;
}

.crop-item img {
    /* position: absolute; */
    /* top: -100%; */
    /* bottom: -100%; */
    /* left: -100%; */
    /* right: -100%; */
    /* margin: auto; */
    /* height: auto; */
    /* width: auto; */
/* } */

.fons-gris-generic {
    background-color: #f5f5f5;
}

/* Materials */

.material-negreta {
    font-size: larger;
}

.text-material {
    font-size: medium;
}

.marges-material {
    margin-bottom: 0px;
    margin-top: 1.5rem;
}
/* 
.farciment-materials-text {
    min-height: 100px;
} */

/* .material-dades-fix {
    position: fixed;
} */


/* .textes-materials {
    position:abolsute; 
} */

/* @media (max-width: 1300px) {
    .textes-materials {
    border: 1px solid red;
    }
}

@media (max-width: 768px) {
   .textes-materials {
    position: relative;
   }
} */


/* XL */
@media (min-width: 1200px) {
    .textes-materials {
        max-width: 33.666667%;
        position: fixed;
        right: 10px;
    }
}

/* MD */
@media (max-width: 992px) {
    .textes-materials {
        max-width: 100%;
        right: 10px;
        text-align: justify;
    }
}

/* MD */
@media (max-width: 768px) {
    .textes-materials {
        max-width: 100%;
        text-align: justify;
    }
}

/* COL i SM*/
@media (max-width: 576px) {
    .textes-materials {
        margin-top: 15px;
        max-width: 100%;
        text-align: justify;
    }
}

/* --- PRIRNCIPAL BUIDA --- */

.imatge-columna {
    position: relative;
    text-align: center;
    color: white;
    padding: 0px;
}

/* Top left text */
.imatge-columna-top-left {
    position: absolute;
    top: 6%;
    left: 6%;
}

/* Top right text */
.imatge-columna-top-right {
    position: absolute;
    top: 8px;
    right: 16px;
}

/* Bottom right text */
.imatge-columna-bottom-right {
    position: absolute;
    bottom: 8px;
    right: 16px;
}

/* Centered text */
.imatge-columna-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* amb background */
.bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #FFFFFF;
    padding: 90px 90px;
}

.inputNewsletter {
    border: 0;
    border-bottom: 1px solid black;
    width: 50%;
    background: #f4f4f4;
    text-align: center;
    font-size: 16px
}

.inputNewsletter::placeholder {
    font-size: 16px
}

.div-text-termes {
    text-align: left;
}

/* estils Inici */

.inici-families-titols {
    text-transform: capitalize;
    color: white;
}

.inici-families-titols>h1 {
    font-weight: bold;
}

.titol-form-inici {
    text-transform: uppercase;
    font-weight: bold;
}

.ocultarDiv {
    display: none;
}

.inputNewsletter {
    font-size: 120%;
}

.noticia-imatge {
    margin-bottom: 3em;
    z-index: 2;
}

.noticia-cos {
    margin-right: 0;
    padding-left: 1.5em;
    padding-top: 1em;
    /* height: 350px; */
}

.noticia-cos>a,
.noticia-cos>p {
    margin-right: -15px;
    z-index: 3;
    font-size: 80%;
}

.noticia-cos>.link-noticia {
    color: black;
    position: absolute;
    bottom: 20%;
    left: 40%;
}

.noticia-data {
    margin-top: 1em;
    font-size: 80%;
    margin-bottom: 1px;
}

.noticia-titol {
    margin-top: 1em;
    margin-bottom: -0.5em;
    font-size: 90%;
    ;
}


.img-noticia {
    padding-right: 0;
}

.img-noticia img {
    width: 100%;
    height: auto;
    padding: 0px;
}

@supports(object-fit: cover) {
    .img-noticia img {
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }
}

.cercle-noticies {
    position: absolute;
    width: 3em;
    height: 3em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: rgba(131, 131, 131, 0.445);
    z-index: -1;

}

/* APARTAT VARIS */

.text-varis-clar {
    z-index: 3;
    color: white;
}

.text-varis-fosc {
    z-index: 3;
    color: #3d3d3d;

}

.separacio-varis {
    padding: 2.5%;
    ;
}

.apartat-varis>.contingut-varis {
    margin-top: 20%;
    margin-bottom: 10%;
}

.apartat-varis>.contingut-varis>div>p {
    margin-top: 10%;
    margin-bottom: 15%;
}

.apartat-varis-especial>.contingut-varis {
    margin-top: 20%;
}

.apartat-varis-especial>.contingut-varis>div>h2 {
    margin-bottom: 10%;
}

.apartat-varis-especial>.contingut-varis>div>p {
    margin-top: 30%;
    margin-bottom: 15%;
}

.fletxa-enllac {
    width: 120%;
}

.cercle {
    position: absolute;
    width: 3.5em;
    height: 3.5em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.445);
    z-index: -1;
    margin-top: -14px;
    margin-left: 25%;
}


.cercle-especial {
    background: rgba(0, 0, 0, 0.445);
}

.mes-informacio {
    margin-top: 0.85em;
    margin-left: 0.82em;
    text-align: left;
    width: 250px;
}

/* TABS DE PROJECTES */

.contingut-projecte>img {
    width: 100%;
}

.panels-projectes>.tabs-projectes {
    list-style: none;
}

.tabs-projectes>li {
    padding: 3.5% 3.5% 2% 3.5%;
    margin-bottom: 2%;
    background-color: #f5f5f5;
}

.tabs-projectes>li>a>.tabs-botons-titols {
    font-size: 90%;
    text-transform: uppercase;
    font-weight: bolder;
}

.tabs-projectes>.active {
    background-color: #929292;
}

.tabs-projectes>.active>a>p {
    color: white;

}

.verd {
    color: #009763;
}

/* Carroussels DE la pagina d'un producte */
/* .item-text{
    padding: 10px 0 5px 0;
} */
 
.m-bottom {
    margin-bottom: 2px;
    left: 10px;
}


/* Aplicar negreta als strongs de pàgines html */
.pagines-html>strong {
    font-weight: bold;
}

/* Aplicar negreta als strongs de Materials */
.textes-materials>p>span>strong {
    font-weight: bold;
}

.textes-materials>p>strong {
    font-weight: bold;
}

.textes-materials>strong {
    font-weight: bold;
}

.textes-materials>ul>li>span>strong {
    font-weight: bold;
}

/* Perfil */
.perfil-header {
    border-bottom: 1px solid #e9ecef;
    padding: 1rem;
}

.perfil-body {
    padding: 2rem 1rem;
}

.perfil-body>.row {
    padding-bottom: 0.5rem;
}

.perfil-footer {
    border-top: 1px solid #e9ecef;
    padding: 1rem 1rem 3rem 1rem;
}

.perfil-footer>div {
    float: right;
}

.btn-green {
    border: 1px solid #009763;
    background-color: #009763;
    color: white;
}

.btn-green:hover {
    border: 1px solid #009763;
    background-color: white;
    color: #009763;
}

/* Botons varis*/
/* 
.boto-form-peu {
    background-color: #009763;
    border: 1px solid #009763;
    color: white;
    text-transform: uppercase;
    border-radius: 1px;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    font-size: 110%;
    margin-top: 1%;
}
.boto-form-peu:hover {
    background-color: #fff;
    color: #009763;
} */

/* Botons varis*/

.boto-form-peu {
    background-color: #fff;
    color: #009763;
    border: 1px solid #009763;
    text-transform: uppercase;
    border-radius: 1px;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    font-size: 110%;
    margin-top: 1%;
}
.boto-form-peu:hover {
    background-color: #009763;
    color: white;
}

.form-control-benito:focus {
    color: #495057;
    background-color: rgb(231, 245, 241);
}

.form-control-benito {
    display: block;
    width: 100%;
    height: calc(2.25rem + 1px);
    padding: .75rem;
    padding-left: 1px;
    font-size: 1rem;
    line-height: 1.5;
    font-size: 18px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control-benito-inici {
    display: block;
    width: 100%;
    height: calc(2.25rem + 1px);
    padding: .75rem;
    padding-left: 1px;
    font-size: 1rem;
    line-height: 1.5;
    font-size: 18px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control-benito-inici:focus{
    color: #495057;
    background-color: rgb(231, 245, 241);
  }

.punter:hover{
    cursor:pointer;
}
.comprar-recanvi{
    font-size:16px;
    border: 1px solid #009763;
    background: white;
    color: #009763;
}
.comprar-recanvi:hover{
    background-color: #009763;
    color: white;
}
.punter-hover:hover{
    cursor:  pointer;
}

/** ***** Modal inici de Sessio ***** **/
.MFormModalLoginInici input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #707070;
    font-size: 18px;
    border-radius: 0;
    padding-left: 0;
}

.opcionsSolicitar .boto-enllac {
    background-color: White;
    border: 1px solid #009763;
    width: 100%;
    color: #009763;
    padding: 10px;
    font-size: 16px;
    text-align: center;
    position: absolute;
    align-content: center;
    width: 90%;
}

.opcionsSolicitar .boto-enllac:hover {
    background-color: white;
    color: #009763;
}

.boto-gros {
    background-color: white;
    border: 1px solid #009763;
    width: 100%;
    color: #009763;
    padding: 10px;
    font-size: 16px;
    text-align: center;
    position: absolute;
    align-content: center;
    align-items: bottom;
    width: 90%;
}

.boto-gros:hover {
    background-color: #009763;
    color: white;
    cursor: pointer;
}

.boto-gros:focus {
    background-color: #009763;
    color: white;
}

.div-boto .opcionsSolicitar {
    background-color: White;
    border: 1px solid #009763;
    width: 100%;
    color: #009763;
    padding: 10px;
    font-size: 16px;
    text-align: center;
    position: absolute;
    align-content: center;
    width: 90%;
}

.opcionsSolicitar .boto-enllac:hover {
    background-color: #009763;
    color: white;
    cursor: pointer;
}

.boto-gros:hover {
    background-color: #009763;
    color: white;
}

.enllac-acces-no-valid {
    float: left;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    background-color: white;
    border: 1px solid #009763;
    color: #009763;
    padding-top: 2%;
    padding-bottom: 2%;
}
.enllac-acces-no-valid>span {
    color: #009763;
}   

.enllac-acces-no-valid:hover {
    color: white;
    background-color: #009763;
}
.enllac-acces-no-valid:hover span{
    color: white;
}  
.enllac-acces-no-valid:focus span{

    color: #009763;
}  
.enllac-acces-no-valid:focus {
    color: white;
    background-color: #009763;
}

 
/* Fi de Modal inici de Sessio */

/** ***** Modal OFERTA ***** **/
#FormOfertaSolicitud input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #707070;
    font-size: 16px;
    border-radius: 0;
	}

#dadesOferta .oferta-espai{
    min-height: 0;
    }


.form-control-benito-modal-oferta:focus {
    color: #495057;
    background-color: rgb(231, 245, 241);
}

.form-control-benito-modal-oferta {
    display: block;
    height: calc(2rem + 1px);
    padding: .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
/* Fi de Modal OFERTA */

/** ***** Modal ANUNCIS ***** **/

.modal-content-anuncis {
    border: 0px;
    border-radius: 0px;
    box-shadow: 0 0 25px #707070;
}
.boto-enllac-anunci{
    background-color: white;
    border: 1px solid #009763;
    padding-top: 2%;
    padding-bottom: 2%;
    text-align: center;
    font-weight: bold;
    color: #009763;
    border-radius: 1px;
    width: 100%;
}

.boto-enllac-anunci:hover {
    background-color: #009763;
    color: white;
    cursor: pointer;
}

.tancar-anunci {
    z-index: auto;
}

.formAnuncis-input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #707070;
    font-size: 16px;
    border-radius: 0;
    margin-bottom: 2.5%;
}

.formAnuncis-input:focus {
    box-shadow: none;
    border-bottom: 1px solid #707070;
}
.boto-gros-anunci {
    background-color: white;
    border: 1px solid #009763;
    width: 100%;
    color: #009763;
    padding: 5px, 10px;
    font-size: 20px;
    text-align: center;
    position: absolute;
    align-content: center;
}

.boto-gros-anunci:hover {
    background-color: #009763;
    color: white;
    cursor: pointer;
}

.boto-gros-tancar-modal {
    background-color: white;
    border: 1px solid #009763;
    width: 100%;
    color: #009763;
    padding: 5px, 10px;
    font-size: 20px;
    text-align: center;
}

.boto-gros-tancar-modal:hover {
    background-color: #009763;
    color: white;
    cursor: pointer;
}
/* Fi de Modal ANUNCIS */

/** ***** PÀGINA CISTELLA ***** **/

.inputUnitats {
    width: 100%;
    border: 0;
    border-bottom: 2px solid #009763;
    font-size: 16px;
    border-radius: 0;
    background-color: rgba(245, 245, 245, 1);
    color: black;
    font-style: bold;
    text-align: right;
}

.inputUnitatsCistella {
    width: 100%;
    border: 0;
    border-bottom: 2px solid #009763;
    font-size: 16px;
    border-radius: 0;
    background-color: rgba(245, 245, 245, 1);
    color: black;
    font-style: bold;
    text-align: right;
}

.eliminar-producte-cistella {
    padding-bottom: 0.25px;
}

.formCistella-input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #707070;
    font-size: 16px;
    border-radius: 0;
    margin-bottom: 1.5%;
    padding: 0%;
}

.formCistella-input:focus {
    border:0;
    border-bottom: 1px solid #707070;
    box-shadow: none;
}


.boto-form-cistella {
    background-color: white;
    border: 1px solid #009763;
    color: #009763;
    border-radius: 1px;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    font-size: 110%;
    margin-top: 1%;
    width: 100%;
}

.boto-form-cistella:hover {
    color: white;
    background-color: #009763;
}
/* Fi de Pàgina CISTELLA */

/* Estil de CheckBox Grans*/

/* The checkbox-label */
.checkbox-registre-label {
    font-size: 90%;
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

.checkbox-registre-label>.span-termes:hover {
    cursor: default;
}
  /* Hide the browser's default checkbox */
  .checkbox-registre-label input {
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    margin-right: 35px;
  }
  /* Create a custom checkbox */
  .checkmark-registre {
    position: absolute;
    top: 0px;
    left: 10px;
    height: 20px;
    width: 20px;
    background-color: white;
    border: 0.5px solid black;
  }

  /* On mouse-over, add a grey background color */
  .checkbox-registre-label>.checkmark-registre:hover input ~ .checkmark-registre {
    background-color: white;
    border: 0.5px solid black;
  }

  /* Modificar colors quan està marcat */
  .checkbox-registre-label input:checked ~ .checkmark-registre {
    background-color: white;
    border: 0.5px solid black;
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark-registre:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the checkmark when checked */
  .checkbox-registre-label input:checked ~ .checkmark-registre:after {
    display: block;
  }

  /* Style the checkmark/indicator */
  .checkbox-registre-label .checkmark-registre:after {
    left: 6px;
    top: -1px;
    width: 7px;
    height: 16px;
    border: solid #009763;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  .col-especial {
    /* flex: 0 0 8.333333%; */
    max-width: 7.333333%;
}