.user {
   -webkit-transition: color 1.2s, background-color 1.2s; /* Safari */
    transition: color 1.2s, background-color 1.2s;
    margin: 0px 5px;
    padding: 4px 5px;
    border-radius: 6px;
    cursor: pointer;
}

.user_col_1 {color: #1400ff;}
.user_col_1.active {background-color: #1400ff;color: #fff;}

.user_col_2 {color: #d6c429;}.user_col_2.active {background-color: #d6c429;color: #fff;}

.user_col_3 {color: #f900ff;}
.user_col_3.active {background-color: #f900ff;color: #fff;}

.user_col_4 {color: #ff006b;}.user_col_4.active {background-color: #ff006b;color: #fff;}

.user_col_5 {color: #0075ff;}.user_col_5.active {background-color: #0075ff;color: #fff;}

.user_col_6 {color: #86a900;}
.user_col_6.active {background-color: #86a900;color: #fff;}

.user_col_7 {color: #ff3d00;}
.user_col_7.active {background-color: #ff3d00;color: #fff;}

.user_col_8 {color: #0066ff;}
.user_col_8.active {background-color: #0066ff;color: #fff;}

.user_col_9 {color: #ea00ff;}
.user_col_9.active {background-color: #ea00ff;color: #fff;}

.user_col_10 {color: #55801f;}
.user_col_10.active {background-color: #55801f;color: #fff;}

.user_col_11 {color: #ff9900;}
.user_col_11.active {background-color: #ff9900;color: #fff;}

.user_col_12 {color: #0019ff;}
.user_col_12.active {background-color: #0019ff;color: #fff;}

.user_col_13 {color: #7f00ff;}
.user_col_13.active {background-color: #7f00ff;color: #fff;}

.user_col_14 {color: #19d409;}
.user_col_14.active {background-color: #19d409;color: #fff;}

.user_col_15 {color: #2300ff;}
.user_col_15.active {background-color: #2300ff;color: #fff;}

.user_col_16 {color: #16cab4;}
.user_col_16.active {background-color: #16cab4;color: #fff;}

.user_col_17 {color: #699647;}
.user_col_17.active {background-color: #699647;color: #fff;}

.user_col_18 {color: #cc00ff;}
.user_col_18.active {background-color: #cc00ff;color: #fff;}

.user_col_19 {color: #ff6b00;}
.user_col_19.active {background-color: #ff6b00;color: #fff;}

.user_col_20 {color: #ffc600;}
.user_col_20.active {background-color: #ffc600;color: #fff;}
.user_col_21 {color: #0084ff;}
.user_col_21.active {background-color: #0084ff;color: #fff;}

.user_col_22 {color: #75d04a;}
.user_col_22.active {background-color: #75d04a;color: #fff;}

.user_col_23 {color: #ff8900;}
.user_col_23.active {background-color: #ff8900;color: #fff;}

.user_col_24 {color: #49b754;}
.user_col_24.active {background-color: #49b754;color: #fff;}

.user_col_25 {color: #ff0f00;}
.user_col_25.active {background-color: #ff0f00;color: #fff;}

.user_col_26 {color: #ff005b;}
.user_col_26.active {background-color: #ff005b;color: #fff;}

.user_col_27 {color: #5100ff;}
.user_col_27.active {background-color: #5100ff;color: #fff;}

.user_col_28 {color: #bc00ff;}
.user_col_28.active {background-color: #bc00ff;color: #fff;}

.user_col_29 {color: #00ff0a;}
.user_col_29.active {background-color: #00ff0a;color: #fff;}

.user_col_30 {color: #ad00ff;}
.user_col_30.active {background-color: #ad00ff;color: #fff;}

.user_col_31 {color: #00ffa3;}
.user_col_31.active {background-color: #00ffa3;color: #fff;}

.user_col_32 {color: #ff000f;}
.user_col_32.active {background-color: #ff000f;color: #fff;}

.user_col_33 {color: #ff00f4;}
.user_col_33.active {background-color: #ff00f4;color: #fff;}

.user_col_34 {color: #00e0ff;}
.user_col_34.active {background-color: #00e0ff;color: #fff;}

.user_col_35 {color: #db00ff;}
.user_col_35.active {background-color: #db00ff;color: #fff;}

.user_col_36 {color: #ff5b00;}
.user_col_36.active {background-color: #ff5b00;color: #fff;}

.user_col_37 {color: #ff004c;}
.user_col_37.active {background-color: #ff004c;color: #fff;}

.user_col_38 {color: #32b3bb;}
.user_col_38.active {background-color: #00efff;color: #000;}

.user_col_39 {color: #0093ff;}
.user_col_39.active {background-color: #0093ff;color: #fff;}

.user_col_40 {color: #ff0089;}
.user_col_40.active {background-color: #ff0089;color: #fff;}

.user_col_41 {color: #ff00d6;}
.user_col_41.active {background-color: #ff00d6;color: #fff;}

.user_col_42 {color: #ff7a00;}
.user_col_42.active {background-color: #ff7a00;color: #fff;}

.user_col_43 {color: #6000ff;}
.user_col_43.active {background-color: #6000ff;color: #fff;}

.user_col_44 {color: #000aff;}
.user_col_44.active {background-color: #000aff;color: #fff;}

.user_col_45 {color: #8e00ff;}
.user_col_45.active {background-color: #8e00ff;color: #fff;}

.user_col_46 {color: #ff1e00;}
.user_col_46.active {background-color: #ff1e00;color: #fff;}

.user_col_47 {color: #ffb700;}
.user_col_47.active {background-color: #ffb700;color: #fff;}

.user_col_48 {color: #ff002d;}
.user_col_48.active {background-color: #ff002d;color: #fff;}

.user_col_49 {color: #ff003d;}
.user_col_49.active {background-color: #ff003d;color: #fff;}

.user_col_50 {color: #649e7b;}
.user_col_50.active {background-color: #649e7b;color: #fff;}

.user_col_51 {color: #3a5404;}
.user_col_51.active {background-color: #3a5404;color: #fff;}

.user_col_52 {color: #5b8630;}
.user_col_52.active {background-color: #5b8630;color: #fff;}

.user_col_53 {color: #ffa800;}
.user_col_53.active {background-color: #ffa800;color: #fff;}
.user_col_54 {color: #ff007a;}
.user_col_54.active {background-color: #ff007a;color: #fff;}
.user_col_55 {color: #ccb43b;}
.user_col_55.active {background-color: #ccb43b;color: #fff;}
.user_col_56 {color: #12c5c5;}
.user_col_56.active {background-color: #12c5c5;color: #fff;}

.user_col_57 {color: #60ff00;}
.user_col_57.active {background-color: #60ff00;color: #fff;}

.user_col_58 {color: #00ff38;}
.user_col_58.active {background-color: #00ff38;color: #fff;}

.user_col_59 {color: #00ffb2;}
.user_col_59.active {background-color: #00ffb2;color: #fff;}

.user_col_60 {color: #00ff84;}
.user_col_60.active {background-color: #00ff84;color: #fff;}

.user_col_61 {color: #4200ff;}
.user_col_61.active {background-color: #4200ff;color: #fff;}

.user_col_62 {color: #ff0000;}
.user_col_62.active {background-color: #ff0000;color: #fff;}

.user_col_63 {color: #9eff00;}
.user_col_63.active {background-color: #9eff00;color: #fff;}

.user_col_64 {color: #ff2d00;}
.user_col_64.active {background-color: #ff2d00;color: #fff;}

.user_col_65 {color: #ff00e5;}
.user_col_65.active {background-color: #ff00e5;color: #fff;}

.user_col_66 {color: #00d1ff;}
.user_col_66.active {background-color: #00d1ff;color: #fff;}

.user_col_67 {color: #ff001e;}
.user_col_67.active {background-color: #ff001e;color: #fff;}

.user_col_68 {color: #0500ff;}
.user_col_68.active {background-color: #0500ff;color: #fff;}

.user_col_69 {color: #ff00a8;}
.user_col_69.active {background-color: #ff00a8;color: #fff;}

.user_col_70 {color: #0056ff;}
.user_col_70.active {background-color: #0056ff;color: #fff;}

.user_col_71 {color: #ff4c00;}
.user_col_71.active {background-color: #ff4c00;color: #fff;}

.user_col_72 {color: #ff00c6;}
.user_col_72.active {background-color: #ff00c6;color: #fff;}

.user_col_73 {color: #23ff00;}
.user_col_73.active {background-color: #23ff00;color: #fff;}

.user_col_74 {color: #00ff28;}
.user_col_74.active {background-color: #00ff28;color: #fff;}

.user_col_75 {color: #00ffc1;}
.user_col_75.active {background-color: #00ffc1;color: #fff;}

.user_col_76 {color: #00ff56;}
.user_col_76.active {background-color: #00ff56;color: #fff;}

.user_col_77 {color: #00ff47;}
.user_col_77.active {background-color: #00ff47;color: #fff;}

.user_col_78 {color: #42ff00;}
.user_col_78.active {background-color: #42ff00;color: #fff;}

.user_col_79 {color: #9e00ff;}
.user_col_79.active {background-color: #9e00ff;color: #fff;}

.user_col_80 {color: #00c1ff;}
.user_col_80.active {background-color: #00c1ff;color: #fff;}

.user_col_81 {color: #0028ff;}
.user_col_81.active {background-color: #0028ff;color: #fff;}

.user_col_82 {color: #aaad33;}
.user_col_82.active {background-color: #aaad33;color: #fff;}

.user_col_83 {color: #33ff00;}
.user_col_83.active {background-color: #33ff00;color: #fff;}

.user_col_84 {color: #c1bc4e;}
.user_col_84.active {background-color: #c1bc4e;color: #fff;}

.user_col_85 {color: #7000ff;}
.user_col_85.active {background-color: #7000ff;color: #fff;}

.user_col_86 {color: #00ff93;}
.user_col_86.active {background-color: #00ff93;color: #fff;}

.user_col_87 {color: #0047ff;}
.user_col_87.active {background-color: #0047ff;color: #fff;}

.user_col_88 {color: #00ffef;}
.user_col_88.active {background-color: #00ffef;color: #fff;}

.user_col_89 {color: #00a3ff;}
.user_col_89.active {background-color: #00a3ff;color: #fff;}

.user_col_90 {color: #05ff00;}
.user_col_90.active {background-color: #05ff00;color: #fff;}

.user_col_91 {color: #3200ff;}
.user_col_91.active {background-color: #3200ff;color: #fff;}

.user_col_92 {color: #00ffd1;}
.user_col_92.active {background-color: #00ffd1;color: #fff;}

.user_col_93 {color: #0038ff;}
.user_col_93.active {background-color: #0038ff;color: #fff;}

.user_col_94 {color: #bcff00;}
.user_col_94.active {background-color: #bcff00;color: #000;}

.user_col_95 {color: #00b2ff;}
.user_col_95.active {background-color: #00b2ff;color: #fff;}

.user_col_96 {color: #00ff75;}
.user_col_96.active {background-color: #00ff75;color: #fff;}

.user_col_97 {color: #eaff00;}
.user_col_97.active {background-color: #eaff00;color: #000;}

.user_col_98 {color: #dbff00;}
.user_col_98.active {background-color: #dbff00;color: #000;}

.user_col_99 {color: #ff0098;}
.user_col_99.active {background-color: #ff0098;color: #fff;}

.user_col_100 {color: #ff00b7;}
.user_col_100.active {background-color: #ff00b7;color: #fff;}