[FIX] mail: fix css to make it compatible with enterprise

2 files changed, 168 insertions, 168 deletions

diff --git a/addons/mail/static/src/css/mail.css b/addons/mail/static/src/css/mail.css
index 3db6696a775..8090643eb57 100644
--- a/addons/mail/static/src/css/mail.css
+++ b/addons/mail/static/src/css/mail.css
@@ -8,25 +8,25 @@
 
 /* ----------------------- TIMELINE ----------------------- */
 
-    .openerp .o_timeline, .openerp .o_timeline *{
+    .o_web_client .o_timeline, .o_web_client .o_timeline *{
         -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
                 box-sizing: border-box;
     }
 
-    .openerp .o_timeline {
+    .o_web_client .o_timeline {
         display: block;
         position: relative;
         margin: 0px;
         background: #f0eeee;
     }
 
-    .openerp .o_timeline.o_timeline_inbox {
+    .o_web_client .o_timeline.o_timeline_inbox {
         padding-top: 15px;
         padding-bottom: 15px; 
     }
 
-    .openerp .o_timeline.o_timeline_inbox .oe_thread {
+    .o_web_client .o_timeline.o_timeline_inbox .oe_thread {
         width: 855px;
         display: inline-block;
     }
@@ -38,12 +38,12 @@
 
 /* ------------------- FORM INTEGRATION ------------------- */
 
-    .openerp .o_timeline_record_thread {
+    .o_web_client .o_timeline_record_thread {
         display: block;
         z-index: 10;
     }
 
-    .openerp .o_timeline_record_thread .o_timeline {
+    .o_web_client .o_timeline_record_thread .o_timeline {
         width: 100%;
     }
 
@@ -52,14 +52,14 @@
     }
 
     .oe-view-manager-view-form,
-    .openerp .oe_formview {
+    .o_web_client .oe_formview {
         background: #f0eeee;
     }
 
 
 /* ----------------------- MESSAGE ----------------------- */
 
-    .openerp .o_timeline .o_timeline_msg {
+    .o_web_client .o_timeline .o_timeline_msg {
         position: relative;
         background: #f0eeee;
         min-height: 42px;
@@ -67,11 +67,11 @@
         padding: 0px 5px 0px 5px;
     }
 
-    .openerp .o_timeline .o_timeline_thread_parent .o_timeline_msg {
+    .o_web_client .o_timeline .o_timeline_thread_parent .o_timeline_msg {
         padding-left : 15px;
     }
 
-    .openerp .o_timeline .oe_view_nocontent {
+    .o_web_client .o_timeline .oe_view_nocontent {
         display: inline-block;
         border-left: dashed 2px #A4A4A4;
         width: 83%;
@@ -80,13 +80,13 @@
 
     /* -------------- parent message -------------- */
 
-        .openerp .o_timeline .o_timeline_thread_parent {
+        .o_web_client .o_timeline .o_timeline_thread_parent {
             width: 850px;
             margin-top: 2px;
             vertical-align: middle;
         }
 
-        .openerp .o_timeline .o_timeline_thread_parent .o_timeline_parent_message {
+        .o_web_client .o_timeline .o_timeline_thread_parent .o_timeline_parent_message {
             background-color: white;
             border: solid 1px #CACACA;
             margin-left: 16.2%;
@@ -94,18 +94,18 @@
             white-space: nowrap;
         }
 
-        .openerp .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_parent_subject {
+        .o_web_client .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_parent_subject {
             display: inline-block;
             width: 430px;
             cursor: pointer;
             vertical-align: middle;
         }
 
-        .openerp .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_parent_subject.o_timeline_small_subject {
+        .o_web_client .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_parent_subject.o_timeline_small_subject {
             width: 400px;
         }
 
-        .openerp .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_parent_subject .o_timeline_subject {
+        .o_web_client .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_parent_subject .o_timeline_subject {
             display: inline-block;
             max-width: 415px;
             overflow: hidden;
@@ -113,15 +113,15 @@
             vertical-align: middle;
         }
 
-        .openerp .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_parent_subject.o_timeline_small_subject .o_timeline_subject {
+        .o_web_client .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_parent_subject.o_timeline_small_subject .o_timeline_subject {
             max-width: 390px;
         }
 
-        .openerp .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_parent_subject .o_timeline_nb_unread_msg {
+        .o_web_client .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_parent_subject .o_timeline_nb_unread_msg {
             font-weight: bold; 
         }
 
-        .openerp .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_parent_author {
+        .o_web_client .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_parent_author {
             display: inline-block;
             overflow: hidden;
             text-overflow: ellipsis;
@@ -129,19 +129,19 @@
             width: 140px;
         }
 
-        .openerp .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_action_author {
+        .o_web_client .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_action_author {
             color: #337ab7;
         }
 
         /* date */
 
-        .openerp .o_timeline .o_timeline_thread_parent .o_timeline_msg_date {
+        .o_web_client .o_timeline .o_timeline_thread_parent .o_timeline_msg_date {
             line-height: 15px;
         }
 
         /* avatar */
 
-        .openerp .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_parent_avatar {                           
+        .o_web_client .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_parent_avatar {                           
             left:0; 
             top: 0; 
             bottom: 0; 
@@ -150,25 +150,25 @@
             padding-right: 3px;
         }
 
-        .openerp .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_parent_avatar img {
+        .o_web_client .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_parent_avatar img {
             border: solid 1px #CACACA;
         }
 
-        .openerp .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_parent_avatar .o_timeline_msg_icon {
+        .o_web_client .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_parent_avatar .o_timeline_msg_icon {
             width: 25px;
             border-radius: 2px;
         }
 
         /* go to doc */
 
-        .openerp .o_timeline .o_timeline_thread_parent .o_timeline_go_to_doc {
+        .o_web_client .o_timeline .o_timeline_thread_parent .o_timeline_go_to_doc {
             display: inline-block;
             width: 20px;
             text-align: left;
             margin-left: 10px;
         }
 
-        .openerp .o_timeline .o_timeline_thread_parent .o_timeline_go_to_doc i  {
+        .o_web_client .o_timeline .o_timeline_thread_parent .o_timeline_go_to_doc i  {
             text-decoration: none;
             color: #AAA;
             font-size: 1.2em;
@@ -180,20 +180,20 @@
                     transition: all 0.2s linear;
         }
 
-        .openerp .o_timeline .o_timeline_thread_parent .o_timeline_go_to_doc i:hover {
+        .o_web_client .o_timeline .o_timeline_thread_parent .o_timeline_go_to_doc i:hover {
             font-size: 1.4em;
         }
 
         /* followers */
 
-        .openerp .o_timeline .o_timeline_thread_parent .o_timeline_parent_followers {
+        .o_web_client .o_timeline .o_timeline_thread_parent .o_timeline_parent_followers {
             display: inline-block;
             min-width: 45px;
             margin-right: 10px; 
             color: #337ab7;
         }
 
-        .openerp .o_timeline .o_timeline_thread_parent .o_timeline_parent_followers i {
+        .o_web_client .o_timeline .o_timeline_thread_parent .o_timeline_parent_followers i {
             text-decoration: none;
             color: #FFF;
             font-size: 1.1em;
@@ -208,18 +208,18 @@
 
         /* icons */
 
-        .openerp .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_msg_icons {
+        .o_web_client .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_msg_icons {
             -webkit-user-select: none;
                -moz-user-select: none;
                 -ms-user-select: none;
                     user-select: none;
         }
 
-        .openerp .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_msg_icons .oe_read {
+        .o_web_client .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_msg_icons .oe_read {
             margin-right: 5px;
         }
 
-        .openerp .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_msg_icons i {
+        .o_web_client .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_msg_icons i {
             width: 20px;
             height: 20px;
             line-height: 20px;
@@ -233,22 +233,22 @@
                     transition: all 0.2s linear;
         }
 
-        .openerp .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_msg_icons .oe_reply:hover {
+        .o_web_client .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_msg_icons .oe_reply:hover {
             color: #1fc0ff;
             text-shadow: 0px 1px #184fc5,0px -1px #184fc5, -1px 0px #184fc5, 1px 0px #184fc5, 0px 3px 3px rgba(0,0,0,0.1);
         }
-        .openerp .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_msg_icons .oe_read:hover {
+        .o_web_client .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_msg_icons .oe_read:hover {
             color: #bbbaff;
             text-shadow: 0px 1px #7c7bad,0px -1px #7c7bad, -1px 0px #7c7bad, 1px 0px #7c7bad, 0px 3px 3px rgba(0,0,0,0.1);
         }
-        .openerp .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_msg_icons .oe_unread:hover {
+        .o_web_client .o_timeline .o_timeline_thread_parent .o_timeline_parent_message .o_timeline_msg_icons .oe_unread:hover {
             color: #c2ff00;
             text-shadow: 0px 1px #009441,0px -1px #009441, -1px 0px #009441, 1px 0px #009441, 0px 3px 3px rgba(0,0,0,0.1);
         }
 
     /* ------------ message composer ------------ */
 
-        .openerp .o_timeline .o_timeline_msg.o_timeline_msg_composer_compact {
+        .o_web_client .o_timeline .o_timeline_msg.o_timeline_msg_composer_compact {
             display: inline-block;
             position: relative;
             background: #f0eeee;
@@ -259,48 +259,48 @@
             border-left: dashed 2px #A4A4A4;
         }
 
-        .openerp .o_timeline .o_timeline_msg.o_timeline_msg_composer.o_timeline_write_to_followers {
+        .o_web_client .o_timeline .o_timeline_msg.o_timeline_msg_composer.o_timeline_write_to_followers {
             width: 700px;
             margin: 0px;
         }
 
-        .openerp .o_timeline .o_timeline_thread_parent .o_timeline_msg.o_timeline_msg_composer_compact {
+        .o_web_client .o_timeline .o_timeline_thread_parent .o_timeline_msg.o_timeline_msg_composer_compact {
             margin: 10px 0px 5px 0px;
             margin-left: 18%;
             padding: 0px;
             border-bottom: none;
         }
 
-        .openerp .o_timeline .o_timeline_msg.o_timeline_msg_composer .o_timeline_is_log {
+        .o_web_client .o_timeline .o_timeline_msg.o_timeline_msg_composer .o_timeline_is_log {
             width: 55%;
             margin-bottom: 10px;
         }
 
-        .openerp .o_timeline .o_timeline_msg.o_timeline_msg_composer_compact .o_timeline_compact {
+        .o_web_client .o_timeline .o_timeline_msg.o_timeline_msg_composer_compact .o_timeline_compact {
             width: 100%;
             padding: 2px 4px;
             color: #AAA;
             cursor: text;
         }
 
-        .openerp .o_timeline .o_timeline_msg.o_timeline_msg_composer_compact .o_timeline_compact_record {
+        .o_web_client .o_timeline .o_timeline_msg.o_timeline_msg_composer_compact .o_timeline_compact_record {
             text-align: left;
             padding-bottom: 11px;
             padding-left: 10px;
         }
 
-        .openerp .o_timeline .o_timeline_msg.o_timeline_msg_composer_compact .o_timeline_compact_record .o_timeline_compose_log {
+        .o_web_client .o_timeline .o_timeline_msg.o_timeline_msg_composer_compact .o_timeline_compact_record .o_timeline_compose_log {
             padding-left: 0px;
             padding-right: 0px;
             font-weight: bold;
         }
 
-        .openerp .o_timeline .o_timeline_msg.o_timeline_msg_composer_compact .o_timeline_sep_word {
+        .o_web_client .o_timeline .o_timeline_msg.o_timeline_msg_composer_compact .o_timeline_sep_word {
             margin-left: 10px;
             margin-right: 8px;
         }
 
-        .openerp .o_timeline .o_timeline_msg .o_timeline_msg_content textarea {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_msg_content textarea {
             width: 95%;
             height: 64px;
             margin: 0px;
@@ -310,12 +310,12 @@
             padding: 4px;
         }
 
-        .openerp .o_timeline .o_timeline_msg_footer .oe_post,
-        .openerp .o_timeline .o_timeline_msg_footer .oe_log {
+        .o_web_client .o_timeline .o_timeline_msg_footer .oe_post,
+        .o_web_client .o_timeline .o_timeline_msg_footer .oe_log {
             margin: 0px 15px 0px 5px;
         }
 
-        .openerp .o_timeline .o_timeline_msg_center button.oe_full {
+        .o_web_client .o_timeline .o_timeline_msg_center button.oe_full {
             position: absolute;
             width: 20px;
             height: 22px;
@@ -326,7 +326,7 @@
             margin: 0px 3px 8px 0px;
         }
 
-        .openerp .o_timeline .o_timeline_msg_center button.oe_full .fa {
+        .o_web_client .o_timeline .o_timeline_msg_center button.oe_full .fa {
             position: relative;
             top: 2px;
             margin-left: -5px;
@@ -336,8 +336,8 @@
             font-size: 20px;
         }
 
-        .openerp .o_timeline button.oe_full,
-        .openerp .o_timeline button.oe_attach {
+        .o_web_client .o_timeline button.oe_full,
+        .o_web_client .o_timeline button.oe_attach {
             background: transparent; 
             color: #337ab7;
             box-shadow: none;
@@ -348,36 +348,36 @@
 
     /* ------- message composer recipient ------- */
 
-        .openerp .o_timeline .o_timeline_list_recipients {
+        .o_web_client .o_timeline .o_timeline_list_recipients {
             width: 50%;
             font-size: 12px;
             margin: 0px 0 10px 20px;
             text-indent: -20px;
         }
 
-        .openerp .o_timeline .o_timeline_list_recipients a {
+        .o_web_client .o_timeline .o_timeline_list_recipients a {
             color: #337ab7;
         }
 
-        .openerp .o_timeline .o_timeline_msg_composer .o_timeline_recipients {
+        .o_web_client .o_timeline .o_timeline_msg_composer .o_timeline_recipients {
             font-size: 12px;
             margin: 2px 0px 0px 20px;
         }
 
-        .openerp .o_timeline .o_timeline_msg_composer .o_timeline_recipients label {
+        .o_web_client .o_timeline .o_timeline_msg_composer .o_timeline_recipients label {
             vertical-align: middle;
             display: block;
             line-height: 14px;
         }
 
-        .openerp .o_timeline .o_timeline_msg_composer .o_timeline_recipients input {
+        .o_web_client .o_timeline .o_timeline_msg_composer .o_timeline_recipients input {
             margin: 0px 0px 0px 0px;
             vertical-align: top;
         }
 
     /* ------ message composer attachments ------ */
 
-        .openerp .o_timeline .o_timeline_msg_composer .o_timeline_msg_attachment_list {
+        .o_web_client .o_timeline .o_timeline_msg_composer .o_timeline_msg_attachment_list {
             display: block;
         }
 
@@ -503,13 +503,13 @@
                     transition: opacity 0.2s linear; 
         }
 
-        .openerp .o_timeline .o_timeline_msg_footer button.oe_attach {
+        .o_web_client .o_timeline .o_timeline_msg_footer button.oe_attach {
             width: 24px;
             margin-bottom: 5px; 
             filter: none;
         }
 
-        .openerp .o_timeline .o_timeline_msg_footer button.oe_attach .fa {
+        .o_web_client .o_timeline .o_timeline_msg_footer button.oe_attach .fa {
             position: relative;
             top: 2px;
             margin-left: -10px;
@@ -518,11 +518,11 @@
             filter:none;
         }
 
-        .openerp .o_timeline .o_timeline_msg_footer .oe_attachment_file {
+        .o_web_client .o_timeline .o_timeline_msg_footer .oe_attachment_file {
             cursor: pointer;
         }
 
-        .openerp .o_timeline .o_timeline_msg_footer .oe_attachment_file .oe_form_binary_file { 
+        .o_web_client .o_timeline .o_timeline_msg_footer .oe_attachment_file .oe_form_binary_file { 
             display: inline;
             position: relative;
             margin-left: -100px;
@@ -532,24 +532,24 @@
             cursor: pointer;
         }
 
-        .openerp .o_timeline .oe_attach_label {
+        .o_web_client .o_timeline .oe_attach_label {
             color: #337ab7;
             margin-left: -3px;
             height: 30px;
             vertical-align: middle;
         }
 
-        .openerp .o_timeline .oe_hidden_input_file, 
-        .openerp .o_timeline .oe_hidden_input_file form {
+        .o_web_client .o_timeline .oe_hidden_input_file, 
+        .o_web_client .o_timeline .oe_hidden_input_file form {
             display: inline;
             cursor: pointer;
         }
 
-        .openerp .o_timeline .oe_attachment .oe_delete .fa {
+        .o_web_client .o_timeline .oe_attachment .oe_delete .fa {
             display: none;
         }
 
-        .openerp .o_timeline .o_timeline_msg_composer .oe_attachment .oe_delete .fa {
+        .o_web_client .o_timeline .o_timeline_msg_composer .oe_attachment .oe_delete .fa {
             display: block;
             position: absolute;
             top: -7px;
@@ -564,7 +564,7 @@
                     transition: opacity 0.2s linear; 
         }
 
-        .openerp .o_timeline .o_timeline_msg_composer .oe_attachment:hover .oe_delete .fa {
+        .o_web_client .o_timeline .o_timeline_msg_composer .oe_attachment:hover .oe_delete .fa {
             opacity: 1;
             -webkit-transition: opacity 0.2s linear; 
                -moz-transition: opacity 0.2s linear; 
@@ -574,8 +574,8 @@
 
     /* ------------ expandable message ------------ */ 
 
-        .openerp .o_timeline .o_timeline_msg.o_timeline_msg_expandable, 
-        .openerp .o_timeline .o_timeline_parent_expandable {  
+        .o_web_client .o_timeline .o_timeline_msg.o_timeline_msg_expandable, 
+        .o_web_client .o_timeline .o_timeline_parent_expandable {  
             color: #A4A4A4;
             cursor: pointer; 
             margin-bottom: 0px;
@@ -583,35 +583,35 @@
             height: 30px;
         }
 
-        .openerp .o_timeline .o_timeline_msg_expandable span,
-        .openerp .o_timeline .o_timeline_parent_expandable span {
+        .o_web_client .o_timeline .o_timeline_msg_expandable span,
+        .o_web_client .o_timeline .o_timeline_parent_expandable span {
             display: inline-block;
             text-align: right;
             padding-left: 24%;
         }
 
-        .openerp .o_timeline .o_timeline_msg_expandable span {
+        .o_web_client .o_timeline .o_timeline_msg_expandable span {
             border-left: dashed 2px #A4A4A4;
         }
 
-        .openerp .o_timeline .o_timeline_parent_expandable {
+        .o_web_client .o_timeline .o_timeline_parent_expandable {
             padding-top: 10px;
         }
 
     /* ----------------- message ----------------- */
 
-        .openerp .o_timeline .o_timeline_msg_message {
+        .o_web_client .o_timeline .o_timeline_msg_message {
             border-left: dashed 2px #A4A4A4;
         }
 
         /* 1. date */
 
-        .openerp .o_timeline .o_timeline_msg_date {
+        .o_web_client .o_timeline .o_timeline_msg_date {
             text-align: center;
             font-size: 0.9em;
         }
 
-        .openerp .o_timeline .o_timeline_msg_date span {
+        .o_web_client .o_timeline .o_timeline_msg_date span {
             display: block;
             background-color: white;
             padding: 1px 10px 2px 10px;
@@ -622,22 +622,22 @@
             border-radius: 12px;
         }
 
-        .openerp .o_timeline .o_timeline_msg .o_timeline_msg_date {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_msg_date {
             margin-top: 0px;
         }
 
-        .openerp .o_timeline .o_timeline_msg.o_timeline_msg_notification .o_timeline_msg_date span{
+        .o_web_client .o_timeline .o_timeline_msg.o_timeline_msg_notification .o_timeline_msg_date span{
             background-color: #f0eeee;
         }
 
-        .openerp .o_timeline .o_timeline_msg.o_timeline_msg_comment.o_timeline_msg_nobody .o_timeline_msg_date span,
-        .openerp .o_timeline .o_timeline_msg.o_timeline_msg_email.o_timeline_msg_nobody .o_timeline_msg_date span {
+        .o_web_client .o_timeline .o_timeline_msg.o_timeline_msg_comment.o_timeline_msg_nobody .o_timeline_msg_date span,
+        .o_web_client .o_timeline .o_timeline_msg.o_timeline_msg_email.o_timeline_msg_nobody .o_timeline_msg_date span {
             background-color: #DADADA;
         }
 
         /* 2. avatar (message_left) */
 
-        .openerp .o_timeline .o_timeline_msg .o_timeline_msg_left {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_msg_left {
             float: left;                            
             left:0; 
             top: 0; 
@@ -646,19 +646,19 @@
             overflow: hidden;
         }
 
-        .openerp .o_timeline .o_timeline_msg .o_timeline_msg_left a,
-        .openerp .o_timeline .o_timeline_msg .o_timeline_msg_left img {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_msg_left a,
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_msg_left img {
             border: 0;
         }
 
-        .openerp .o_timeline .o_timeline_msg .o_timeline_msg_icon {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_msg_icon {
             width: 40px;
             border-radius: 2px;
         }
 
         /* 3. message content */
 
-        .openerp .o_timeline .o_timeline_msg .o_timeline_msg_content {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_msg_content {
             position: relative;
             display: block;
             overflow: hidden;
@@ -666,8 +666,8 @@
             min-height: 42px;
         }
 
-        .openerp .o_timeline .o_timeline_msg.o_timeline_msg_comment .o_timeline_msg_content,
-        .openerp .o_timeline .o_timeline_msg.o_timeline_msg_email .o_timeline_msg_content {
+        .o_web_client .o_timeline .o_timeline_msg.o_timeline_msg_comment .o_timeline_msg_content,
+        .o_web_client .o_timeline .o_timeline_msg.o_timeline_msg_email .o_timeline_msg_content {
             -webkit-border-top-right-radius: 4px;
             -moz-border-top-right-radius: 4px;
             -ms-border-top-right-radius: 4px;
@@ -685,8 +685,8 @@
             box-shadow: 0px 1px #CACACA;      
         }
 
-        .openerp .o_timeline .o_timeline_msg.o_timeline_msg_comment .o_timeline_msg_center:after,   /*********/
-        .openerp .o_timeline .o_timeline_msg.o_timeline_msg_email .o_timeline_msg_center:after {    /**arrow**/
+        .o_web_client .o_timeline .o_timeline_msg.o_timeline_msg_comment .o_timeline_msg_center:after,   /*********/
+        .o_web_client .o_timeline .o_timeline_msg.o_timeline_msg_email .o_timeline_msg_center:after {    /**arrow**/
             left: 48px;                                                                             /*********/
             top: 17px;                                                                              /*********/
             border: solid transparent;
@@ -700,50 +700,50 @@
             margin-top: -10px;
         }
 
-        .openerp .o_timeline .o_timeline_msg.o_timeline_msg_comment.o_timeline_msg_nobody .o_timeline_msg_content,
-        .openerp .o_timeline .o_timeline_msg.o_timeline_msg_email.o_timeline_msg_nobody .o_timeline_msg_content {
+        .o_web_client .o_timeline .o_timeline_msg.o_timeline_msg_comment.o_timeline_msg_nobody .o_timeline_msg_content,
+        .o_web_client .o_timeline .o_timeline_msg.o_timeline_msg_email.o_timeline_msg_nobody .o_timeline_msg_content {
             background-color: #DADADA;
         }
-        .openerp .o_timeline .o_timeline_msg.o_timeline_msg_comment.o_timeline_msg_nobody .o_timeline_msg_center:after,
-        .openerp .o_timeline .o_timeline_msg.o_timeline_msg_email.o_timeline_msg_nobody .o_timeline_msg_center:after { 
+        .o_web_client .o_timeline .o_timeline_msg.o_timeline_msg_comment.o_timeline_msg_nobody .o_timeline_msg_center:after,
+        .o_web_client .o_timeline .o_timeline_msg.o_timeline_msg_email.o_timeline_msg_nobody .o_timeline_msg_center:after { 
             border-right-color: #DADADA;
         }
 
-        .openerp .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_action_author {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_action_author {
            font-size: 1em;
            color: #337ab7;
         }
 
         /* message header */
 
-        .openerp .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_header {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_header {
             font-weight: normal;
             margin-bottom: 11px; 
         }
 
-        .openerp .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_header a {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_header a {
             color: #337ab7;
         }
 
-        .openerp .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_header .o_timeline_msg_header {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_header .o_timeline_msg_header {
             font-size: 0.8em;
         }
 
-        .openerp .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_header .o_timeline_msg_header .oe_sep {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_header .o_timeline_msg_header .oe_sep {
             margin-left: 5px;
             margin-right: 5px;
         }
 
         /* message header - votes */ 
 
-        .openerp .o_timeline .o_timeline_vote {
+        .o_web_client .o_timeline .o_timeline_vote {
             display: inline-block;
             position: relative;
             color: #337ab7;
             cursor: pointer;
         }
 
-        .openerp .o_timeline .o_timeline_vote_count {
+        .o_web_client .o_timeline .o_timeline_vote_count {
             display: inline-block;
             position: relative;
             background: white;
@@ -758,7 +758,7 @@
 
         /* message header - icons */
 
-        .openerp .o_timeline .o_timeline_msg .o_timeline_header .o_timeline_msg_icons {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_header .o_timeline_msg_icons {
             float: right;
             margin-top: 1px;
             margin-right: 8px;
@@ -770,7 +770,7 @@
                     user-select: none;
         }
 
-        .openerp .o_timeline .o_timeline_msg .o_timeline_header .o_timeline_msg_icons span {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_header .o_timeline_msg_icons span {
             float:right;
             width:21px;
             height:21px;
@@ -780,7 +780,7 @@
             margin: 0px 5px 0px 5px;
         }
 
-        .openerp .o_timeline .o_timeline_msg .o_timeline_header .o_timeline_msg_icons i {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_header .o_timeline_msg_icons i {
             text-decoration: none;
             color: #FFF;
             text-shadow: 0px 1px #AAA,0px -1px #AAA, -1px 0px #AAA, 1px 0px #AAA, 0px 3px 3px rgba(0,0,0,0.1);
@@ -792,7 +792,7 @@
                     transition: all 0.2s linear;
         }
 
-        .openerp .o_timeline .o_timeline_msg:hover .o_timeline_header .o_timeline_msg_icons i{
+        .o_web_client .o_timeline .o_timeline_msg:hover .o_timeline_header .o_timeline_msg_icons i{
             opacity: 1;
             -webkit-transition: all 0.1s linear;
                -moz-transition: all 0.1s linear;
@@ -800,60 +800,60 @@
                     transition: all 0.1s linear;
         }
 
-        .openerp .o_timeline .o_timeline_msg .o_timeline_header .o_timeline_msg_icons .oe_star:hover {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_header .o_timeline_msg_icons .oe_star:hover {
             color: #FFF670;
             text-shadow: 0px 1px #FFA162,0px -1px #FFA162, -1px 0px #FFA162, 1px 0px #FFA162, 0px 3px 3px rgba(0,0,0,0.1);
         }
-        .openerp .o_timeline .o_timeline_msg .o_timeline_header .o_timeline_msg_icons .oe_star.oe_starred {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_header .o_timeline_msg_icons .oe_star.oe_starred {
             color: #FFE41F;
             text-shadow: 0px 1px #DF6200,0px -1px #DF6200, -1px 0px #DF6200, 1px 0px #DF6200, 0px 3px 3px rgba(0,0,0,0.1);
         }
-        .openerp .o_timeline .o_timeline_msg .o_timeline_header .o_timeline_msg_icons .oe_read:hover {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_header .o_timeline_msg_icons .oe_read:hover {
             color: #bbbaff;
             text-shadow: 0px 1px #7c7bad,0px -1px #7c7bad, -1px 0px #7c7bad, 1px 0px #7c7bad, 0px 3px 3px rgba(0,0,0,0.1);
         }
-        .openerp .o_timeline .o_timeline_msg .o_timeline_header .o_timeline_msg_icons .oe_unread:hover {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_header .o_timeline_msg_icons .oe_unread:hover {
             color: #c2ff00;
             text-shadow: 0px 1px #009441,0px -1px #009441, -1px 0px #009441, 1px 0px #009441, 0px 3px 3px rgba(0,0,0,0.1);
         }
 
-        .openerp .o_timeline .o_timeline_msg.o_timeline_msg_notification.o_timeline_msg_nobody .o_timeline_header .o_timeline_msg_icons {
+        .o_web_client .o_timeline .o_timeline_msg.o_timeline_msg_notification.o_timeline_msg_nobody .o_timeline_header .o_timeline_msg_icons {
             padding-right: 5px;
         }
 
         /* message body */
 
-        .openerp .o_timeline .o_timeline_msg.o_timeline_msg_notification .o_timeline_msg_body {
+        .o_web_client .o_timeline .o_timeline_msg.o_timeline_msg_notification .o_timeline_msg_body {
             margin-left: 7px;
             padding-left: 5px;
         }
 
-        .openerp .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_msg_body p:first-of-type {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_msg_body p:first-of-type {
             margin-top: 0px;
         }
-        .openerp .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_msg_body p {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_msg_body p {
             margin-bottom: 0px;
         }
-        .openerp .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_msg_body pre {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_msg_body pre {
             white-space: pre-wrap;
         }
-        .openerp .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_msg_body blockquote {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_msg_body blockquote {
             font-size: 1em;
         }
-        .openerp .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_msg_body * {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_msg_body * {
             text-overflow: ellipsis;
             word-wrap: break-word;
         }
 
         /* message footer - attachments */
 
-        .openerp .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_msg_footer .o_timeline_msg_attachment_list {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_msg_footer .o_timeline_msg_attachment_list {
             margin-top: 8px;
         }
 
         /* message footer - recipients */
 
-        .openerp .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_msg_footer .o_timeline_partners_followers {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_msg_footer .o_timeline_partners_followers {
             font-size: 0.8em;
             margin-top: 15px;
         }
@@ -863,40 +863,40 @@
 
     /* -------- tracking values content -------- */
 
-        .openerp .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_msg_body .o_timeline_tracking_value_list li {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_msg_body .o_timeline_tracking_value_list li {
             line-height: 22px;
         }
 
-        .openerp .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_msg_body .o_timeline_tracking_value_list .o_timeline_tracking_value {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_msg_body .o_timeline_tracking_value_list .o_timeline_tracking_value {
             font-weight: bold;
         }
 
-        .openerp .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_msg_body .o_timeline_tracking_value_list i {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_msg_body .o_timeline_tracking_value_list i {
             padding-left: 5px;
             padding-right: 5px;
         }
 
     /* --------- tracking value header --------- */
 
-        .openerp .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_header .o_timeline_tracking_value_header {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_header .o_timeline_tracking_value_header {
             margin-top: 10px;
             padding-left: 12px;
             margin-bottom: -5px;
         }
 
-        .openerp .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_header .o_timeline_msg_icons.o_timeline_msg_icons_track {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_header .o_timeline_msg_icons.o_timeline_msg_icons_track {
             padding-right: 5px;
             margin-top: -14px;
         }
 
-        .openerp .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_header .o_timeline_tracking_value_header .o_timeline_no_subtype {
+        .o_web_client .o_timeline .o_timeline_msg .o_timeline_msg_content .o_timeline_header .o_timeline_tracking_value_header .o_timeline_no_subtype {
             font-size: 0.8em;
         }
 
 
 /* ---------------------- FOLLOWERS ---------------------- */
 
-    .openerp .o_timeline_followers {
+    .o_web_client .o_timeline_followers {
         position: relative;
         display: inline-block;
         width: 270px;
@@ -906,71 +906,71 @@
         z-index: 1;
     }
 
-    .openerp .o_timeline_followers .oe_actions {
+    .o_web_client .o_timeline_followers .oe_actions {
         float: right;
         position: relative;
     }
 
-    .openerp .o_timeline_followers button.o_timeline_follower {
+    .o_web_client .o_timeline_followers button.o_timeline_follower {
         background-color: white;
         text-align: center;
         width: 110px;
     }
 
-    .openerp .o_timeline_followers button.o_timeline_follower.o_timeline_following {
+    .o_web_client .o_timeline_followers button.o_timeline_follower.o_timeline_following {
         width: 110px;
         color: #337ab7;
     }
 
-    .openerp .o_timeline_followers button.o_timeline_follower.o_timeline_following:hover {
+    .o_web_client .o_timeline_followers button.o_timeline_follower.o_timeline_following:hover {
         width: 110px;
         color: #D43F3A;
         text-overflow: ellipsis;
     }
 
-    .openerp .o_timeline_followers button.o_timeline_follower .o_timeline_follow, 
-    .openerp .o_timeline_followers button.o_timeline_follower .o_timeline_unfollow, 
-    .openerp .o_timeline_followers button.o_timeline_follower .o_timeline_following {
+    .o_web_client .o_timeline_followers button.o_timeline_follower .o_timeline_follow, 
+    .o_web_client .o_timeline_followers button.o_timeline_follower .o_timeline_unfollow, 
+    .o_web_client .o_timeline_followers button.o_timeline_follower .o_timeline_following {
         display: none;
     }
     /*  a.1) when following, show 'following' */
-    .openerp .o_timeline_followers button.o_timeline_follower.o_timeline_following .o_timeline_following {
+    .o_web_client .o_timeline_followers button.o_timeline_follower.o_timeline_following .o_timeline_following {
         display: inline;
     }
     /*  a.2) when following and hovering, show 'unfollow' */
-    .openerp .o_timeline_followers button.o_timeline_follower.o_timeline_following:hover .o_timeline_following {
+    .o_web_client .o_timeline_followers button.o_timeline_follower.o_timeline_following:hover .o_timeline_following {
         display: none;
     }
-    .openerp .o_timeline_followers button.o_timeline_follower.o_timeline_following:hover .o_timeline_unfollow {
+    .o_web_client .o_timeline_followers button.o_timeline_follower.o_timeline_following:hover .o_timeline_unfollow {
         display: inline;
     }
     /*  a.3) when not following  show 'follow' */
-    .openerp .o_timeline_followers button.o_timeline_follower.o_timeline_notfollow .o_timeline_follow {
+    .o_web_client .o_timeline_followers button.o_timeline_follower.o_timeline_notfollow .o_timeline_follow {
         display: inline;
     }
 
-    .openerp .o_timeline_followers .o_timeline_follower_title {
+    .o_web_client .o_timeline_followers .o_timeline_follower_title {
         display: inline;
         padding-right: 10px;
     }
 
-    .openerp .o_timeline_followers .o_timeline_follower_title_box {
+    .o_web_client .o_timeline_followers .o_timeline_follower_title_box {
         position: relative;
         float: right;
         margin-left: 10px;
     }
 
-    .openerp .o_timeline_followers button.o_timeline_partner_list {
+    .o_web_client .o_timeline_followers button.o_timeline_partner_list {
         width: 110px;
     }
 
-    .openerp .o_timeline_followers .o_timeline_follower_list {
+    .o_web_client .o_timeline_followers .o_timeline_follower_list {
         height: auto;
         max-height: 350px;
         overflow-x: hidden;
     }
 
-    .openerp .o_timeline_followers .oe_partner {
+    .o_web_client .o_timeline_followers .oe_partner {
         height: 32px;
         overflow: hidden;
         white-space: nowrap;
@@ -978,19 +978,19 @@
         width: 120px;
     }
 
-    .openerp .o_timeline_followers .oe_partner img {
+    .o_web_client .o_timeline_followers .oe_partner img {
         width: 32px;
         margin-right: 4px;
         border-radius: 2px;
     }
 
-    .openerp .o_timeline_followers .oe_partner a,
-    .openerp .o_timeline_followers .oe_invite a {
+    .o_web_client .o_timeline_followers .oe_partner a,
+    .o_web_client .o_timeline_followers .oe_invite a {
         font-size: 0.95em;
         color: #337ab7;
     }
 
-    .openerp .o_timeline_followers .oe_remove_follower {
+    .o_web_client .o_timeline_followers .oe_remove_follower {
         cursor: pointer;
         position: absolute;
         right: 10px;
@@ -998,23 +998,23 @@
         vertical-align: middle;
     }
 
-    .openerp .o_timeline_followers .oe_remove_follower.fa-remove {
+    .o_web_client .o_timeline_followers .oe_remove_follower.fa-remove {
         margin-top: 6px;
     }
 
-    .openerp .o_timeline_followers .oe_partner .oe_hidden {
+    .o_web_client .o_timeline_followers .oe_partner .oe_hidden {
         display: none;
     }
 
-    .openerp .o_timeline_followers .o_timeline_sbtp_list {
+    .o_web_client .o_timeline_followers .o_timeline_sbtp_list {
         margin-left: -5px;
     }
 
-    .openerp .o_timeline_followers .oe_subtype {
+    .o_web_client .o_timeline_followers .oe_subtype {
         padding-left: 5px;
     }
 
-    .openerp .o_timeline_followers .oe_subtype_border {
+    .o_web_client .o_timeline_followers .oe_subtype_border {
         border-bottom: 1px solid #dddddd;
         margin-bottom: 10px;
     }
@@ -1022,7 +1022,7 @@
 
 /* ----------------------- SIDEBAR ----------------------- */
 
-    .openerp .o_timeline .o_timeline_inbox_aside {
+    .o_web_client .o_timeline .o_timeline_inbox_aside {
         margin-left: 10px;
         margin-top: 5px;
         position: relative;
@@ -1031,7 +1031,7 @@
         width: 200px;
     }
 
-    .openerp .o_timeline .o_timeline_inbox_aside .oe_sidebar_suggestion {
+    .o_web_client .o_timeline .o_timeline_inbox_aside .oe_sidebar_suggestion {
         background-color: #f0eeee;
         border: solid 1px #CACACA;
         border-radius: 3px;
@@ -1040,7 +1040,7 @@
         margin-bottom: 20px
     }
 
-    .openerp .o_timeline .o_timeline_inbox_aside .oe_suggest_title span {
+    .o_web_client .o_timeline .o_timeline_inbox_aside .oe_suggest_title span {
         background-color: #f0eeee;
         display: inline-block;
         height: 25px;
@@ -1053,39 +1053,39 @@
         padding-right: 5px;
     }
 
-    .openerp .oe_sidebar_suggestion .oe_suggest_items .oe_suggested_item {
+    .o_web_client .oe_sidebar_suggestion .oe_suggest_items .oe_suggested_item {
         border-radius: 2px;
         margin-left: 10px;
         min-height: 67px; 
         white-space: nowrap;
     }
 
-    .openerp .oe_sidebar_suggestion .oe_suggest_items .oe_suggested_item_image {
+    .o_web_client .oe_sidebar_suggestion .oe_suggest_items .oe_suggested_item_image {
         float: left;
         padding-right: 10px;
     }
 
-    .openerp .oe_sidebar_suggestion .oe_suggest_items .oe_suggested_item_image img {
+    .o_web_client .oe_sidebar_suggestion .oe_suggest_items .oe_suggested_item_image img {
         border-radius: 2px;
         border: solid 1px rgba(0,0,0,0.03);
     }
 
-    .openerp .oe_sidebar_suggestion .oe_suggest_items .oe_suggested_item_content button {
+    .o_web_client .oe_sidebar_suggestion .oe_suggest_items .oe_suggested_item_content button {
         margin-top: 10px;
     }
 
-    .openerp .oe_sidebar_suggestion .oe_suggest_items .oe_suggested_item_content .oe_suggestion_item_name {
+    .o_web_client .oe_sidebar_suggestion .oe_suggest_items .oe_suggested_item_content .oe_suggestion_item_name {
         display: inline-block;
         text-overflow: ellipsis;
         overflow: hidden;
         max-width: 110px;
     }
 
-    .openerp .o_timeline .o_timeline_inbox_aside a {
+    .o_web_client .o_timeline .o_timeline_inbox_aside a {
         color: #337ab7;
     }   
 
-    .openerp .oe_sidebar_suggestion .oe_suggest_title .oe_suggestion_remove {
+    .o_web_client .oe_sidebar_suggestion .oe_suggest_title .oe_suggestion_remove {
         line-height: 15px;
         margin-top: -2px;
         float: right;
@@ -1093,7 +1093,7 @@
         margin-right: 7px;
     }
 
-    .openerp .oe_sidebar_suggestion .oe_suggest_items .oe_suggested_item_content .oe_suggestion_remove_item {
+    .o_web_client .oe_sidebar_suggestion .oe_suggest_items .oe_suggested_item_content .oe_suggestion_remove_item {
         line-height: 21px;
         margin-top: -2px;
         float: right;
@@ -1101,7 +1101,7 @@
         margin-right: 16px;
     }
     
-    .openerp .oe_sidebar_suggestion .oe_suggest_title:hover .oe_suggestion_remove,
-    .openerp .oe_sidebar_suggestion .oe_suggest_items:hover .oe_suggestion_remove_item {
+    .o_web_client .oe_sidebar_suggestion .oe_suggest_title:hover .oe_suggestion_remove,
+    .o_web_client .oe_sidebar_suggestion .oe_suggest_items:hover .oe_suggestion_remove_item {
         visibility: visible;
     }
\ No newline at end of file
diff --git a/addons/mail/static/src/css/mail_group.css b/addons/mail/static/src/css/mail_group.css
index 20f10b668fb..313eeda035e 100644
--- a/addons/mail/static/src/css/mail_group.css
+++ b/addons/mail/static/src/css/mail_group.css
@@ -3,28 +3,28 @@
 /* ------------------------------ */
 
 /* Resize sheet width */ 
-.openerp .oe_form_sheetbg.openerp_mail_group_sheet {
+.o_web_client .oe_form_sheetbg.o_web_client_mail_group_sheet {
   min-height: 0px;
   max-height: none;
 }
  
-.openerp .oe_form_sheetbg.openerp_mail_group_sheet .oe_form_sheet {
+.o_web_client .oe_form_sheetbg.o_web_client_mail_group_sheet .oe_form_sheet {
   min-height: 0px;
   max-height: none;
   padding: 0px 18px;
 }
 
-.openerp .oe_form_sheetbg.openerp_mail_group_sheet .oe_avatar {
+.o_web_client .oe_form_sheetbg.o_web_client_mail_group_sheet .oe_avatar {
   padding-top: 3px;
 }
 
 /* Resize footer width */
-.openerp .oe_form div.oe_mail_group_footer {
+.o_web_client .oe_form div.oe_mail_group_footer {
   max-width: 80%;
 }
 
 /* Resize group description */
-.openerp .oe_form_sheetbg.openerp_mail_group_sheet .oe_form_field_text > textarea {
+.o_web_client .oe_form_sheetbg.o_web_client_mail_group_sheet .oe_form_field_text > textarea {
   height: 60px;
 }
 
@@ -85,15 +85,15 @@
   list-style: none;
 }
 
-.openerp .oe_group_details li {
+.o_web_client .oe_group_details li {
   margin: 2px 0;
 }
 
-.openerp .oe_group_button {
+.o_web_client .oe_group_button {
     bottom: 0;
 }
 
-.openerp .oe_group_button .oe_group_join {
+.o_web_client .oe_group_button .oe_group_join {
     color: white;
     background-color: #3465A4;
     background-image: -webkit-linear-gradient(top, #729FCF, #3465A4);