:root {
    --color-fons: #f7f7f7;
    --color-text: #555;
    --color-negre: #000;
    --color-blanc: #fff;
    --verd-nlaire: #47d9b0;
    --vermell-nlaire: #e44660;
}

/* * {
    font-size: 12px;
    line-height: 1.214;
} */

body {
    margin: 0;
    padding: 0;
    background: url(imatges/fons.jpg) -700px -100px var(--color-fons);
    color: var(--color-text);
}

.color-disabled {
    color: #b9b9b9 !important;
}
.color-default {
    color: #555 !important;
}
.color-blocked {
    color: #999966 !important;
}

.cursor-pointer {
    cursor: pointer;
}
.cursor-default {
    cursor: default;
}

.dataTables_info {
    font-size: 0.8rem;
}

/* Format dels missatges d'avis i error. Hauriem de passar a bootstrap */
.missatge {
    position: absolute;
    width: 800px;
    left: -400px;
    margin-left: 50%;
    top: 0;
    text-align: center;
    color: #fff;
    padding: 5px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size: smaller;
    display: none;
    box-shadow: 1px 1px 2px rgba(1, 0, 2, 0.5);
    z-index: 2000;
}

.missatge-verd {
    background: #74dd74 none repeat scroll 0 0;
}

.missatge-vermell {
    background: #c00 none repeat scroll 0 0;
}

#hide {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--color-negre);
    display: none;
    opacity: 0.1;
    filter: alpha(opacity=5);
    z-index: 1059;
}

/* Per ajustar detalls als formularis. */
label.text-secondary {
    font-size: 0.8rem;
}
span.input-group-text {
    font-size: 0.7rem;
}

div.overflow-auto div.row:hover{
    background-color: var(--lt-color-gray-300);
}