checkbox change background color bootstrap

1/* 
2THIS ONE WORKS WITH COPY-PASTE BTW, 
3YOU JUST NEED TO ADD class="custom-checkbox" 
4to a div containing your checkboxes, like:
5<div class="custom-checkbox">
6<input type="checkbox"><label>Meh</label>
7</div>
8*/
9	.custom-checkbox > [type="checkbox"],
10    .custom-checkbox > label{
11        margin-bottom:0px !important;
12        -webkit-touch-callout: none;
13        -webkit-user-select: none;
14        -khtml-user-select: none;
15        -moz-user-select: none;
16        -ms-user-select: none;
17        user-select: none;
18    }
19    .custom-checkbox > [type="checkbox"]:not(:checked),
20    .custom-checkbox > [type="checkbox"]:checked {
21        position: absolute;
22        left: -9999px;
23    }
24    .custom-checkbox > [type="checkbox"]:not(:checked) + label,
25    .custom-checkbox > [type="checkbox"]:checked + label {
26        position: relative;
27        padding-left: 22px;
28        cursor: pointer;
29    }
30    .custom-checkbox > [type="checkbox"]:not(:checked) + label:before,
31    .custom-checkbox > [type="checkbox"]:checked + label:before {
32        content: '';
33        position: absolute;
34        left:0; 
35        top: 50%;
36        margin-top:-9px;
37        width: 17px; 
38        height: 17px;
39        border: 1px solid #ddd;
40        background: #ffffff;
41        border-radius: 2px;
42    }
43    .custom-checkbox > [type="checkbox"]:not(:checked) + label:after,
44    .custom-checkbox > [type="checkbox"]:checked + label:after {
45        font: normal normal normal 12px/1 'Glyphicons Halflings';
46        content: '\e013';
47        position: absolute;
48        top: 50%;
49        margin-top:-7px;
50        left: 2px;
51        color: #94C947;
52        xtransition: all .2s;
53    }
54
55    .custom-checkbox > [type="checkbox"]:not(:checked) + label:after {
56        opacity: 0;
57        transform: scale(0);
58    }
59    .custom-checkbox > [type="checkbox"]:checked + label:after {
60        opacity: 1;
61        transform: scale(1);
62    }
63
64    .custom-checkbox > [type="checkbox"][data-indeterminate] + label:after,
65    .custom-checkbox > [type="checkbox"][data-indeterminate] + label:after {
66        content: '\2212';
67        left: 2px;
68        opacity: 1;
69        transform: scale(1);
70    }
71
72    .custom-checkbox > [type="checkbox"]:disabled:not(:checked) + label:before,
73    .custom-checkbox > [type="checkbox"]:disabled:checked + label:before {
74        box-shadow: none;
75        background-color: #eeeeee;
76        border-color: #eeeeee;
77        cursor: not-allowed;
78        opacity: 1;
79        color: #dadada;
80    }
81    .custom-checkbox > [type="checkbox"]:disabled:checked + label:after {
82      color: #dadada; cursor: not-allowed;
83    }
84    .custom-checkbox > [type="checkbox"]:disabled + label {
85      color: #aaa; cursor: not-allowed;
86    }
87    .custom-checkbox > [type="checkbox"]:checked:focus + label:before,
88    .custom-checkbox > [type="checkbox"]:not(:checked):focus + label:before {
89        border: 1px solid #66afe9;
90        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
91    }
92    .custom-checkbox > label:hover:before {
93        border: 1px solid #88D2FF !important;
94    }
95    .custom-checkbox > [type="checkbox"]:disabled:not(:checked) + label:hover:before,
96    .custom-checkbox > [type="checkbox"]:disabled:checked + label:hover:before{
97        border: 1px solid #E4E4E4 !important;
98    }
99