.red {
    color: red;
}

.mycard:hover {
    border: 1px solid grey;
}

/* zona dropzone pujar arxius. Es un botó. A notificae no haig de posar aquest estil :? */
.dz-button {
    background-color: transparent;
    border: none;
}

.bg-ems {
    background-color: rgb(10, 81, 135);
    color: white;
}

.color-ems {
    color: rgb(10, 81, 135);
}

.bg-soft-blue {
    background-color: rgb(236, 242, 245);
    /* background-color: rgb(217, 237, 246); */
}


.bg-xiaomi {
    background-color: #FF6100;
    color: white;
}

/* abans FF6900 */
.color-xiaomi {
    color: #FF6100;
}

.bg-cell-orange {
    background-color: #fee2e1;
}

/* calendari */
.datepicker {
    display: inline-flex;
    position: relative;
    overflow: clip;
}

.datepicker:focus-within {
    /* outline: black auto 2px; */
}

.datepicker>input[type=date] {
    position: absolute;
    top: 0;
    left: 0;
    width: 300%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.datepicker>input[type=date]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: -150%;
    left: -150%;
    width: 300%;
    height: 300%;
    cursor: pointer;
}

.myform-zone-grey {
    background-color: rgb(242, 242, 242);
    padding: 0.5em;
}

.noWrap {
    white-space: nowrap;
}

.len20 {
    /* white-space: nowrap;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis; */

    max-width: 30em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* per fer tabs disabled */
.nav-tabs li.disabled a {
    pointer-events: none;
    color:lightgrey;
}


.td_border {
    /* border-color: grey !important; */
    /* border: 1px solid grey !important; */
    border-top: 1px solid grey !important;
    border-left: 1px solid grey !important;
    border-right: 1px solid grey !important;
    border-bottom: 1px solid grey !important;
}

.td_no_border {
    /* border-color: grey !important; */
    /* border: 0px solid white !important; */
    border: 0px solid transparent !important;
    /* border-top: 1px solid white !important;
    border-left: 1px solid white !important;
    border-right: 1px solid white !important;
    border-bottom: 1px solid white !important; */
}

.bg-soft-pink {
    /* background-color: pink; */
    /* background-color: rgb(255, 204, 204); */
    /* background-color: rgb(251, 208, 208); */
    background-color: rgb(248, 218, 218);
}

/* canviar color el.lement actiu del nav-bar */
/* .nav-link.active { background-color: #20a8d8 !important; }   */
/* .nav-link.active { background-color: #1b92bd !important; }   */
/* .nav-link.active { background-color: rgb(10, 81, 135) !important; }   */

/* 
    impressió salt de pàgina: 
*/
@media print {
    /* body {-webkit-print-color-adjust: exact;} */
    /* body {color-adjust: exact;} */
    body {
        -webkit-print-color-adjust: exact;
     }
     
     /* .bg-primary   {
        background-color: #1a4567 !important;
        color: white !important;   
     } */
    
    .btn {
        display: none;
    }

    /* 
        imprimir footer
        http://thewebthought.blogspot.com/2011/10/html-css-header-and-footer-elements-for.html 
    */
    #footer {
        display: block;
        position: fixed;
        bottom: 0;
    }
}