update css chat

main/css/chamilo/default.css

@@ -91,18 +91,19 @@ a:active {
 .controls .btn{
     background:#2E75A3;
     color: #FFFFFF;
-    border-color: #2E75A3;
-    border: 1px solid transparent;
-    border-radius: 4px;
+    border: 1px solid #2E75A3;
     padding: 5px 25px;
+    font-size: 14px;
     text-shadow: none;
 }
 .controls .btn:hover{
     background:#0F466A;
-    border-color: #2E75A3;
-    border: 1px solid transparent;
-    border-radius: 4px;
+    border: none;
     color: #FFFFFF;
+
+}
+.form-actions {
+  background:transparent;
 }
 .breadcrumb {
   margin-bottom: 0;
@@ -339,7 +340,7 @@ a:active {
     padding-left: 15px;
 }
 .controls .btn{
-    background:#DA462A;
+    background:#FD6600;
     color: #FFFFFF;
     border:none;
     padding: 5px 25px;
@@ -496,6 +497,49 @@ footer a:link, footer a:visited {
 /*****************************************************
  *  DISPLAY MESSAGES	                             *
  *****************************************************/
+/*****************************************************
+ *  CSS CHAT                               *
+ *****************************************************/
+.chatboxmain {
+    bottom: 0;
+    display: block;
+    position: fixed;
+    right: 20px;
+    width: 225px;
+    z-index: 9000;
+}
+
+.chatboxheadmain {
+  padding:7px 7px 7px 0px;
+  color: #ffffff;
+  border-right:1px solid #222;
+  border-left:1px solid #222;
+  
+  background-color: #222; 
+  background-repeat: repeat-x;
+  background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
+  background-image: -moz-linear-gradient(top, #333333, #222222);
+  background-image: -ms-linear-gradient(top, #333333, #222222);
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
+  background-image: -webkit-linear-gradient(top, #333333, #222222);
+  background-image: -o-linear-gradient(top, #333333, #222222);
+  background-image: linear-gradient(top, #333333, #222222);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+    
+}
+#chatboxtitlemain {
+    cursor: pointer;
+    float: left;
+    font-size: 12px;
+    font-weight: normal;
+    width: 160px;
+}
+/*****************************************************
+ *  CSS CHAT END                             *
+ *****************************************************/
 .normal-message {
     color: #00407F;
     border: 1px solid #CDE6F5;

main/css/responsive.css

@@ -301,7 +301,7 @@ The more frequent ones have been marked with *
     /* only for the course tools */
     #course_tools .row > [class*="span"], #course_tools  .row-fluid > [class*="span"] {
         float: left;
-        margin-left: 10px;
+        margin-left: 0;
     }
     /* Course- home - Show 2 icons instead of one */
     .course-tool {