1.checkbox-wrapper-65 *,
2  .checkbox-wrapper-65 ::after,
3  .checkbox-wrapper-65 ::before {
4  box-sizing: border-box;
5}
6
7.checkbox-wrapper-65 .cbx {
8  position: relative;
9  display: block;
10  float: left;
11  width: 18px;
12  height: 18px;
13  border-radius: 4px;
14  background-color: #1c4780;
15  background-image: linear-gradient(#0f698d, #1d3c6b);
16  box-shadow: inset 0 1px 1px rgba(255,255,255,0.15), inset 0 -1px 1px rgba(0,0,0,0.15);
17  transition: all 0.15s ease;
18}
19
20.checkbox-wrapper-65 .cbx svg {
21  position: absolute;
22  top: 3px;
23  left: 3px;
24  fill: none;
25  stroke-linecap: round;
26  stroke-linejoin: round;
27  stroke: #fff;
28  stroke-width: 2;
29  stroke-dasharray: 17;
30  stroke-dashoffset: 17;
31  transform: translate3d(0, 0, 0);
32}
33
34.checkbox-wrapper-65 .cbx + span {
35  float: left;
36  margin-left: 6px;
37}
38
39.checkbox-wrapper-65 {
40  user-select: none;
41}
42
43.checkbox-wrapper-65 label {
44  display: inline-block;
45  cursor: pointer;
46}
47
48.checkbox-wrapper-65 input[type="checkbox"] {
49  display: none;
50  visibility: hidden;
51}
52
53.checkbox-wrapper-65 input[type="checkbox"]:checked + .cbx {
54  background-color: #606062;
55  background-image: linear-gradient(#2584d2, #1d52c1);
56}
57
58.checkbox-wrapper-65 input[type="checkbox"]:checked + .cbx svg {
59  stroke-dashoffset: 0;
60  transition: all 0.15s ease;
61}