diff --git a/addons/hr_attendance/static/src/css/slider.css b/addons/hr_attendance/static/src/css/slider.css
new file mode 100644
index 00000000000..31c0753e7ba
--- /dev/null
+++ b/addons/hr_attendance/static/src/css/slider.css
@@ -0,0 +1,32 @@
+.oe_attendance_status{
+    height:14px;
+    width:100px;
+    background-color:white;
+    padding: 5px 10px 7px;
+    margin:3px;
+    -webkit-border-radius:4px;
+}
+.oe_attendance_present{
+    float:left;
+    text-shadow: grey 0px 1px 0px;
+    color:green;
+}
+.oe_attendance_absent{
+    float:right;
+    text-shadow: grey 0px 1px 0px;
+    color:red;
+}
+.oe_attendance_slider{
+    cursor:pointer;
+    width: 60px;
+    background-color: gray;
+    position: relative;
+    top: -4px;
+    left: -8px;
+    height: 24px;
+    -webkit-border-radius:4px;
+}
+.oe_attendance_text{
+    visibility:hidden;
+}
+