.checkbox_semafor[ed_color=ed_semafor_verd] input[type=checkbox] + label:after,
.checkbox_semafor[ed_color=ed_semafor_verd] label:after {
    background: #008800 !important;
}

.checkbox_semafor[ed_color=ed_semafor_blanc] input[type=checkbox] + label:after,
.checkbox_semafor[ed_color=ed_semafor_blanc] label:after {
    background: #ffffff !important;
}

.checkbox_semafor[ed_color=ed_semafor_gris] input[type=checkbox] + label:after,
.checkbox_semafor[ed_color=ed_semafor_gris] label:after {
    background: grey !important;
}

.checkbox_semafor[ed_color=ed_semafor_tronja] input[type=checkbox] + label:after,
.checkbox_semafor[ed_color=ed_semafor_tronja] label:after {
    background: #ffa500 !important;
}

.checkbox_semafor[ed_color=ed_semafor_vermell] input[type=checkbox] + label:after,
.checkbox_semafor[ed_color=ed_semafor_vermell] label:after {
    background: #eb2b2b !important;
}


/* resultat tooltip*/
.resultat_tooltip {
    position: relative;
    cursor: pointer;
}

.resultat_tooltip .resultat_tiptext {
    visibility: hidden;
    min-width: 200px;
    background-color: #ed7703;
    color: #fff;
    text-align: left;
    border-radius: 3px;
    padding: 5px 10px 5px 10px;
    z-index: 2147483647;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    font-size: 12px;
    position: absolute;
    margin-top: -25px;
}

.resultat_tooltip:hover .resultat_tiptext {
    visibility: visible;
}

.resultat_tooltip.right .resultat_tiptext {
    top: -5px;
    left: 110%;
}


.extra_space_graella_tooltip {
    left: -8px;
    font-size: 20px;
    margin: -20px;
    z-index: 3;
}


/*
////////////////////////////////////////////
        PART QUE TAMBÉ HI HA A CHECKBOX_STYLES.CSS
////////////////////////////////////////////
*/


.fila_checks td {
    text-align: center;
}

.fila_checks:hover {
    background-color: #dddddd;
}

.graella_thead {
    position: sticky;
    top: 0;
    z-index: 9;
}

.graella_thead th {
    text-align: left;
    text-indent: 0.6%;
}

.graella_subtitol {
    background-color: #999;
    color: white;
    padding: 0.3em 0.6em;
    text-align: left;
    position: sticky;
    top: 15px;
    height: 38px;
    z-index: 1;
}

.fila_checks td img {
    min-width: 30px;
    max-width: 100%;
    height: auto;
    width: 30px;
}

.sum_total {
    width: 32px;
    min-width: 32px;
}

.cont_total {
    width: 32px;
    min-width: 32px;
    text-align: left;
    text-indent: 0.8em;
}

.checkbox_semafor {
    min-width: 30px;
    min-height: 30px;
    width: 30px;
    height: 30px;
    margin: 30px auto;
    position: relative;
}

.checkbox_semafor input[type=checkbox] {
    visibility: hidden;
}

.checkbox_semafor input[type=checkbox]:disabled + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
    background: grey;
}

.checkbox_semafor label {
    cursor: pointer;
    position: absolute;
    min-width: 30px;
    min-height: 30px;
    width: 30px;
    height: 30px;
    top: 2px;
    left: 0px;
    border: 1px solid black;
}

.checkbox_semafor label:after {
    content: '';
    position: absolute;
    width: 30px;
    min-width: 30px;
    min-height: 30px;
    height: 30px;
    background: white;
    left: 0px;
}

.checkbox_semafor input[type=checkbox]:checked + label:after {
    background: green;
}

.checkbox_semafor input[type=checkbox]:indeterminate + label:after {
    background: orange;
}

.checkbox_semafor {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

#checkbox_menu input[type=checkbox]:checked + label:after {
    background-color: #6c63ff;
}

@media screen and (max-width: 1400px) {
    .graella_thead th {
        text-align: left;
        text-indent: 0.3%;
    }

    .checkbox_semafor {
        min-width: 15px;
        min-height: 15px;
        width: 15px;
        height: 15px;
        margin: 15px auto;
        position: relative;
    }

    .checkbox_semafor label {
        cursor: pointer;
        position: absolute;
        min-width: 15px;
        min-height: 15px;
        width: 15px;
        height: 15px;
        left: 0px;
        top: 2px;
        border: 1px solid black;
    }

    .checkbox_semafor label:after {
        content: '';
        position: absolute;
        min-width: 15px;
        min-height: 15px;
        width: 15px;
        height: 15px;
        background: white;
        left: 0px;
    }

    .fila_checks td img {
        width: 15px;
        min-width: 15px;
    }

    .sum_total {
        width: 17px;
    }

    .cont_total {
        width: 17px;
        min-width: 17px;
        text-align: left;
        text-indent: 0.4em;
    }
}

.flotant {
    position: relative;
    left: 0px;
    top: 0px;
    height: 20px;
    background-color: #f6f5f5;
    z-index: 500;
}

.graella_hover:before {
    content: '';
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    background: yellow;
    opacity: 20%;
    left: 0px;
    z-index: 3;
}