*{margin:0; padding:0;}
body{margin:0; padding:0; font-size:12px; color:#313131; font-family: 'Lato', sans-serif; font-weight:400;} /* font-family: 'Poiret One', cursive; */
a{text-decoration:none;}
img{border:none;}

.i-chat-header{width:100%; float:left; background: #3b97d3; position: fixed; top:0;  }

.i-chat-header .i-chat-headLogo{width:230px; float:left; margin:15px 20px;}
.i-chat-header .i-chat-headTabCont{width:100%; float:left; border-bottom:1px solid #cecece;}
.i-chat-header .i-chat-headTabCont .i-chat-visiname{width:78%; float:left; font-size:15px; font-weight:700; color: #fff; line-height: 40px; text-transform: uppercase; margin:0 5%;}
.i-chat-header .i-chat-headTabCont .i-chat-close{display: block; cursor: pointer; margin-top: 5px; margin-right: 16px;}
.i-chat-header .i-chat-headTabCont .i-chat-close:after { content: '\2715'; font-size: 20px; color: #fff; float: right; font-weight:bold;}
.i-chat-wrapper{width:100%; margin: 0; float:left;height: auto;background: #fff;}


.i-chat-chatLogCont{width:80%; float:left; margin:28% 10% 0;}
.i-chat-chatLogCont .i-chat-chatlogo{width:100%; float:left; margin-bottom:50px; }
.i-chat-chatLogCont .i-chat-chatlogo img{width:100%;}
.i-chat-chatLogCont .i-chat-chatNote{width:100%; float:left; margin-bottom:100px; font-size:17px; text-align: center; color: #313131; margin-bottom:20px;line-height: 22px;}
.i-chat-chatLogCont .i-chat-chatfieldTxt{width:100%; border:none; border-bottom:1px solid #cecece; float:left; height:40px; font-size:14px; color: #313131; padding:0 2%; margin-bottom:20px;}
.i-chat-chatLogCont .i-chat-chatSubmit{float:left; width:100%; height:50px; background: #3b97d3; color: #fff; font-size: 15px; text-transform: uppercase; border:none; line-height: 50px; text-align: center; font-weight: 700; font-family: 'Lato', sans-serif;}


.i-chat-chatWrap{width:100%; float:left; margin:88px 0 80px;}
.i-chat-chatWrap .i-chat-chatFrom{padding:15px; border-radius:0 20px 20px 20px; float:left; margin-bottom: 20px; background: #eaeaea; font-size:14px; line-height: 23px; max-width: 75%; word-wrap: break-word;}
.i-chat-chatWrap .i-chat-chatTo{padding:15px; border-radius:20px 0 20px 20px; float:right; margin-bottom: 20px; background: #ffebda; font-size:14px; line-height: 23px; max-width: 75%;  word-wrap: break-word;}
.i-chat-chatWrap .i-chat-chatTo-parent,
.i-chat-chatWrap .i-chat-chatFrom-parent{width: 100%;float: inherit;}

.i-chat-sendChatWrap{width:92%; float:left; position: fixed; bottom: 0; border-top:1px solid #cecece; padding:4%; background: #fff;}
.i-chat-sendChatWrap .i-chat-sendArea{width:80%; float:left; max-height:70px; border: none; background: none; font-size:14px; font-family: 'Lato', sans-serif;resize:none;}
.i-chat-sendChatWrap .i-chat-send{width:40px; height:40px; float:right; background: url(../img/chat-send.png) #3b97d3; border: none; border-radius: 36px;}
.i-chat-chatFrom-on,
.i-chat-chatTo-on {font-size: 10px;color: #6e6b6b;}