0.0.21

static/css/styles(boris).css

@@ -471,4 +471,87 @@
 
 .insert_users{
     min-height: 440px;
+}
+
+/*messgae*/
+
+
+.container-message_support_chat{
+    width: 60%;
+    height: 90px;
+    margin-bottom: 70px;
+    margin-left: 20px;
+}
+
+.container-message_support_chat.left{
+    float: left;
+}
+
+.container-message_support_chat.right{
+    float: right;
+}
+
+.block_avatar_message{
+    width: 15%;
+    float: left;
+    /*margin-right: 20px;*/
+}
+
+.block_avatar_message > img{
+    width: 30px;
+    height: 30px;
+}
+
+.block_text_message{
+    width: 85%;
+    float: right;
+}
+
+.container_text_message{
+    width: 100%;
+    height: 60px;
+    border-radius: 10px;
+}
+
+.container_text_message.border{
+    border: 1px solid #FF613A;
+    background: #FFFFFF;
+}
+
+.container_text_message.background{
+    background: #FF613A;
+    border: none;
+}
+
+.text_message{
+    font-size: 12px;
+    padding: 15px;
+    /*text-wrap: wrap;*/
+    overflow-wrap: break-word;
+    display: block;
+}
+
+
+.container_text_message.background > span{
+    color: #FFFFFF;
+}
+
+.container_text_message.border > span{
+    color: #272424;
+}
+
+.data_send_message{
+    margin-top: 10px;
+    font-size: 12px;
+    width: 100%;
+    height: 20px;
+    color: #000000;
+}
+
+.data_send_message.left{
+    text-align: left;
+}
+
+.data_send_message.right{
+    text-align: right;
 }