diff --git a/calendar/templates/default/app.css b/calendar/templates/default/app.css
index 17708a9496..523409c769 100644
--- a/calendar/templates/default/app.css
+++ b/calendar/templates/default/app.css
@@ -1008,7 +1008,29 @@ img.calendar_print_button, img.calendar_print_appicon {
     padding-right: 3px;
 }
 
-#calendar-sidebox_buttons .sideboxstar .slideSwitch_container {
-	width: 36px;
-	height: 13px;
+/*weekend slideSwitch in toolbar*/
+#calendar-toolbar_toolbar .et2_checkbox_slideSwitch .slideSwitch_container{
+	width: 65px;
+    height: 16px;
+    border-radius: 0;
+    border: none;
+    background-color: #FFFFFF;
+    box-shadow: inset 0 2px 6px rgb(71, 71, 71), 0 1px 0 rgba(255, 255, 255, 0.2);
+	margin:0;
 }
+#calendar-toolbar_toolbar .et2_checkbox_slideSwitch .slideSwitch_container a{
+	background-color: #515151;
+	border:none;
+}
+#calendar-toolbar_toolbar .et2_toolbar_actionlist span.et2_checkbox_slideSwitch {
+	padding-right: 0;
+}
+#calendar-toolbar_toolbar span.et2_checkbox_slideSwitch > span.slideSwitch_container > span:first-child {
+	color: #C0C0C0;
+}
+#calendar-toolbar_toolbar span.et2_checkbox_slideSwitch.switchOn > span.slideSwitch_container > span:first-child{
+	color: white;
+}
+#calendar-toolbar_toolbar span.et2_checkbox_slideSwitch.switchOn > span.slideSwitch_container> span:nth-child(2) {
+	color:#C0C0C0;
+}
\ No newline at end of file