/*
    Fitxer css: on es descriuen les classes per cada un dels custom icons usats en l'aplicació
    Per fer ús d'aquestes classes l'element <i> o <span> se li afegirá la class corresponent.
    Exemple: 
        <i class="icon-00C">
    D. Creació: 5/2/2020
 */


/* -- Icons de Customized Events */

.icon-00C {
      background: url('../fonts/Icon_event_00.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-01C {
      background: url('../fonts/Icon_event_01.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-02C {
      background: url('../fonts/Icon_event_02.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-03C {
      background: url('../fonts/Icon_event_03.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-04C {
      background: url('../fonts/Icon_event_04.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-05C {
      background: url('../fonts/Icon_event_05.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-06C {
      background: url('../fonts/Icon_event_06.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-07C {
      background: url('../fonts/Icon_event_07.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-08C {
      background: url('../fonts/Icon_event_08.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-09C {
      background: url('../fonts/Icon_event_09.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-10C {
      background: url('../fonts/Icon_event_10.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-11C {
      background: url('../fonts/Icon_event_11.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-12C {
      background: url('../fonts/Icon_event_12.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-13C {
      background: url('../fonts/Icon_event_13.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-14C {
      background: url('../fonts/Icon_event_14.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-15C {
      background: url('../fonts/Icon_event_15.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-16C {
      background: url('../fonts/Icon_event_16.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-17C {
      background: url('../fonts/Icon_event_17.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-18C {
      background: url('../fonts/Icon_event_18.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-19C {
      background: url('../fonts/Icon_event_19.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-20C {
      background: url('../fonts/Icon_event_20.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-21C {
      background: url('../fonts/Icon_event_21.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-22C {
      background: url('../fonts/Icon_event_22.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-23C {
      background: url('../fonts/Icon_event_23.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-24C {
      background: url('../fonts/Icon_event_24.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-25C {
      background: url('../fonts/Icon_event_25.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-26C {
      background: url('../fonts/Icon_event_26.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-27C {
      background: url('../fonts/Icon_event_27.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-28C {
      background: url('../fonts/Icon_event_28.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-29C {
      background: url('../fonts/Icon_event_29.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-30C {
      background: url('../fonts/Icon_event_30.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-31C {
      background: url('../fonts/Icon_event_31.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-32C {
      background: url('../fonts/Icon_event_32.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}
.icon-33C {
      background: url('../fonts/Icon_event_33.png');
      height: 2.5em;
      width: 2.5em;
      display: block;
      background-size: 2.5em;
}

.icon-50px {
    height: 50px;
    width: 50px;
    background-size: 50px 50px;
}

.icon-150px {
    height: 150px;
    width: 150px;
    background-size: 150px 150px;
}