/*
 * Metro UI CSS
 * (c) 2012-2013 by Sergey Pimenov
 * Licensed under the MIT License and Commercial
 *
 * Colors.less
 *
 */
.fg-color-trilce {
  color: #11487b !important;
}
.fg-color-blue {
  color: #2d89ef !important;
}
.fg-color-blueLight {
  color: #eff4ff !important;
}
.fg-color-blueDark {
  color: #2b5797 !important;
}
.fg-color-green {
  color: #00a300 !important;
}
.fg-color-greenLight {
  color: #99b433 !important;
}
.fg-color-greenDark {
  color: #1e7145 !important;
}
.fg-color-red {
  color: #b91d47 !important;
}
.fg-color-yellow {
  color: #ffc40d !important;
}
.fg-color-orange {
  color: #e3a21a !important;
}
.fg-color-orangeDark {
  color: #da532c !important;
}
.fg-color-pink {
  color: #9f00a7 !important;
}
.fg-color-pinkDark {
  color: #7e3878 !important;
}
.fg-color-purple {
  color: #603cba !important;
}
.fg-color-darken {
  color: #1d1d1d !important;
}
.fg-color-lighten {
  color: #d5e7ec !important;
}
.fg-color-white {
  color: #ffffff !important;
  vertical-align: bottom;
}
.fg-color-grayDark {
  color: #525252 !important;
}
.fg-color-magenta {
  color: #ff0097 !important;
}
.fg-color-teal {
  color: #00aba9 !important;
}
.fg-color-redLight {
  color: #ee1111 !important;
}
.bg-color-blue {
  background-color: #2d89ef !important;
}
.bg-color-blueLight {
  background-color: #eff4ff !important;
}
.bg-color-blueDark {
  background-color: #2b5797 !important;
}
.bg-color-green {
  background-color: #00a300 !important;
}
.bg-color-greenLight {
  background-color: #99b433 !important;
}
.bg-color-greenDark {
  background-color: #1e7145 !important;
}
.bg-color-red {
  background-color: #b91d47 !important;
}
.bg-color-yellow {
  background-color: #ffc40d !important;
}
.bg-color-orange {
  background-color: #e3a21a !important;
}
.bg-color-orangeDark {
  background-color: #da532c !important;
}
.bg-color-pink {
  background-color: #9f00a7 !important;
}
.bg-color-pinkDark {
  background-color: #7e3878 !important;
}
.bg-color-purple {
  background-color: #603cba !important;
}
.bg-color-darken {
  background-color: #1d1d1d !important;
}
.bg-color-lighten {
  background-color: #d5e7ec !important;
}
.bg-color-white {
  background-color: #ffffff !important;
}
.bg-color-grayDark {
  background-color: #525252 !important;
}
.bg-color-magenta {
  background-color: #ff0097 !important;
}
.bg-color-teal {
  background-color: #00aba9 !important;
}
.bg-color-redLight {
  background-color: #ee1111 !important;
}
[class*=border-color] {
  border: 3px solid;
}
.border-color-blue {
  border-color: #2d89ef !important;
}
.border-color-blueLight {
  border-color: #eff4ff !important;
}
.border-color-blueDark {
  border-color: #2b5797 !important;
}
.border-color-green {
  border-color: #00a300 !important;
}
.border-color-greenLight {
  border-color: #99b433 !important;
}
.border-color-greenDark {
  border-color: #1e7145 !important;
}
.border-color-red {
  border-color: #b91d47 !important;
}
.border-color-yellow {
  border-color: #ffc40d !important;
}
.border-color-orange {
  border-color: #e3a21a !important;
}
.border-color-orangeDark {
  border-color: #da532c !important;
}
.border-color-pink {
  border-color: #9f00a7 !important;
}
.border-color-pinkDark {
  border-color: #7e3878 !important;
}
.border-color-purple {
  border-color: #603cba !important;
}
.border-color-darken {
  border-color: #1d1d1d !important;
}
.border-color-lighten {
  border-color: #d5e7ec !important;
}
.border-color-white {
  border-color: #ffffff !important;
}
.border-color-grayDark {
  border-color: #525252 !important;
}
.border-color-magenta {
  border-color: #ff0097 !important;
}
.border-color-teal {
  border-color: #00aba9 !important;
}
.border-color-redLight {
  border-color: #ee1111 !important;
}
*:hover[class=outline-color] {
  outline: 0px solid;
}
.outline-color-blue {
  outline-color: #2d89ef !important;
}
.outline-color-blueLight {
  outline-color: #eff4ff !important;
}
.outline-color-blueDark {
  outline-color: #2b5797 !important;
}
.outline-color-green {
  outline-color: #00a300 !important;
}
.outline-color-greenLight {
  outline-color: #99b433 !important;
}
.outline-color-greenDark {
  outline-color: #1e7145 !important;
}
.outline-color-red {
  outline-color: #b91d47 !important;
}
.outline-color-yellow {
  outline-color: #ffc40d !important;
}
.outline-color-orange {
  outline-color: #e3a21a !important;
}
.outline-color-orangeDark {
  outline-color: #da532c !important;
}
.outline-color-pink {
  outline-color: #9f00a7 !important;
}
.outline-color-pinkDark {
  outline-color: #7e3878 !important;
}
.outline-color-purple {
  outline-color: #603cba !important;
}
.outline-color-darken {
  outline-color: #1d1d1d !important;
}
.outline-color-lighten {
  outline-color: #d5e7ec !important;
}
.outline-color-white {
  outline-color: #ffffff !important;
}
.outline-color-grayDark {
  outline-color: #525252 !important;
}
.outline-color-magenta {
  outline-color: #ff0097 !important;
}
.outline-color-teal {
  outline-color: #00aba9 !important;
}
.outline-color-redLight {
  outline-color: #ee1111 !important;
}


/* =============================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7
 */
.listviewChat {
  margin: 0px;
}
/*
 * Addresses paddings set differently in IE6/7
 */
.listviewChat {
  padding: 0 0 0 0px !important;
}
/*
 * Corrects list images handled incorrectly in IE7
 */
.listviewChat {
  list-style: none;
  list-style-image: none;
}


@font-face {
  font-family: "PT Serif Caption";
  font-style: normal;
  font-weight: 400;
  src: local("PT Serif Caption"), local("PTSerif-Caption"), url(https://themes.googleusercontent.com/static/fonts/ptserifcaption/v4/7xkFOeTxxO1GMC1suOUYWWhBabBbEjGd1iRmpyoZukE.woff) format('woff');
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzJ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hp1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

.listviewChat h4 {
  font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 8pt !important;
  /*line-height: 15px;*/
  /*font-smooth: always;*/
  color: #11487b;
  /*color: rgba(0, 0, 0, 0.6);*/
  word-wrap: break-word;
  position:relative;
  top:5px !important;
  text-transform:capitalize;
  letter-spacing: 0.02em;
  -webkit-margin-before: 0px !important;
-webkit-margin-after: 0px !important;
-webkit-margin-start: 0px !important;
-webkit-margin-end: 0px !important;
}

.listviewChat h3 {
  font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 12px !important;
  line-height: 12px;
  /*line-height: 15px;*/
  /*font-smooth: always;*/
  color: #11487b;
  /*color: rgba(0, 0, 0, 0.6);*/
  word-wrap: break-word;
  position:relative;
  top:5px;
  letter-spacing: 0.02em;
}

.listviewChat h2 {
  font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 10px !important;
  line-height: 12px;
  /*line-height: 15px;*/
  /*font-smooth: always;*/
  color: #525252;
  /*color: rgba(0, 0, 0, 0.6);*/
  word-wrap: break-word;
  letter-spacing: 0.02em;
}

.listviewChat h4:hover {
  color: rgba(0, 0, 0, 0.8);
}
.listviewChat h4:hover {
  color: rgba(0, 0, 0, 0.8);
}


.listviewChat p {
  font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px !important;
  /*letter-spacing: 0.01em;*/
  /*line-height: 13pt;*/
  top: 15px !important; 
  color: #525252;
  position:absolute !important;
  text-transform:capitalize;
  letter-spacing: 0.02em;
}



.listviewChat {
  /*margin-left: 0;*/
  list-style: none;
  *zoom: 1;
}
.listviewChat li {
  margin-bottom: 0px;
  border: 0px transparent solid;
  padding: 0px !important;
  /*width: 210px;*/
  width: 100%;
  position: relative;
  display: block;
  cursor: pointer;
  *zoom: 1;
  opacity: 0.4;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.40;
    -khtml-opacity: 0.4;
    height:40px;
}
.listviewChat li .iconAvatar {
  width: 28px;
  height: 32px;
  background-color:#FFFFFF;
  text-align:center;
  position:absolute;
  top:4px;
  left: 5px;
  overflow: hidden;
}
.listviewChat li .iconAvatar img {
  position:absolute;
  bottom:0px;
  left:0px;
  margin-left:-2px;
}
.listviewChat li .iconAvatar i {
  margin-top: 0px;
}
.listviewChat li .lidata {
  margin-left: 40px;
}
.listviewChat li .lidata h4 {
margin: 0;
padding: 0 0 0 0;
-webkit-margin-before: 0px !important;
-webkit-margin-after: 0px !important;
-webkit-margin-start: 0px !important;
-webkit-margin-end: 0px !important;
}

.listviewChat li .lidata p {
margin: 0;
padding: 0 0 0 0;
-webkit-margin-before: 0px !important;
-webkit-margin-after: 0px !important;
-webkit-margin-start: 0px !important;
-webkit-margin-end: 0px !important;
}

.listviewChat li .lidata .static-rating.small,
.listviewChat li .lidata .progress-bar {
  margin-bottom: 3px;
}
.listviewChat li:hover {
  outline: 0px #ccc solid;
  background: #E0EDFA;
}
.listviewChat li:active {
  /*outline: 3px #3e3e3e solid;*/
  background: #F1F1F1;
}
.listviewChat li:before,
.listviewChat li:after {
  display: table;
  content: "";
}
.listviewChat li:after {
  clear: both;
}
.listviewChat.image li {
  width: 380px;
}
.listviewChat.image li .iconAvatar {
  width: 100px;
  height: 100px;
  border: 1px #ccc solid;
}
.listviewChat.image li .lidata {
  margin-left: 110px;
}
.listviewChat.image li .lidata h4 {
  margin-bottom: 4px !important;
  
}
.listviewChat.image li .lidata p {
  line-height: 16px !important;
  font-size: 10pt;
  margin-bottom: 5px !important;
}
.listviewChat.image li .lidata .static-rating.small,
.listviewChat.image li .lidata .progress-bar {
  margin-bottom: 10px;
}
.listviewChat.iconic li .iconAvatar {
  width: 32px;
  height: 32px;
  border: 1px #ccc solid;
}
.listviewChat.iconic li .lidata {
  margin-left: 0px;
}
.listviewChat.fluid li {
  float: left;
  margin-right: 10px;
}
.listviewChat li div.badge {
  position: absolute;
  left: -4px;
  top: -4px;
  background-color: #2d89ef;
  padding: 5px;
  margin: 0 !important;
  text-align: center;
  display: block;
  font-size: 9pt;
  color: #ffffff;
}
.listviewChat li div.badge.strech {
  padding: 0 5px;
}
.listviewChat li div.badge.right {
  right: -4px;
  left: auto;
}
.listviewChat li div.badge.bottom {
  top: auto;
  bottom: -4px;
}
.listviewChat > li.selected {
  border: 0px #2d89ef solid;
  opacity: 0.9;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
border-top:0px !important;
border-left:0px !important;


}
.listviewChat > li.selected:after {
  width: 0;
  height: 0;
  /*border-top: 40px solid #2d89ef;*/
  /*border-left: 40px solid transparent;*/
  position: absolute;
  display: block;
  right: 0;
  content: "";
  top: 0;
  z-index: 1001;
  border-top:0px !important;
   border-left:0px !important;

}
.listviewChat > li.selected:before {
  position: absolute;
  content: url("/css/images/Chat/Online.png");
  color: #fff;
  right: 9px;
  top: 10px;
  font-family: iconFont;
  z-index: 1002;
  display: block;
}


.listviewChat > li.Pendient {
  border: 0px #2d89ef solid;
  opacity: 0.4;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
  cursor:default;
}

.listviewChat > li.Alert {
  border: 0px #2d89ef solid;
  opacity: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
  cursor:default;
}

.listviewChat > li.Alert .lidata {
  margin-left: 10px !important;
}

.listviewChat > li.Alert h4 {
  font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 8pt !important;
  line-height: 9pt;
  font-smooth: always;
  color: #11487b;
}

.listviewChat > li.Alert p {
  font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  /*font-weight: 600;*/
  font-size: 7pt !important;
  /*letter-spacing: 0.01em;*/
  line-height: 7pt;
  top: 13px; 
  color: #3e3e3e;
  position:absolute;
  /*color: rgba(0, 0, 0, 0.6);*/
}

.listviewChat > li.Pendient:after {
  width: 0;
  height: 0;
  /*border-top: 40px solid #2d89ef;*/
  /*border-left: 40px solid transparent;*/
  position: absolute;
  display: block;
  right: 0;
  content: "";
  top: 0;
  z-index: 1001;
}
.listviewChat > li.Pendient:before {
  position: absolute;
  content: url("/css/images/Chat/Lock.png");
  color: #fff;
  right: 4px;
  top: 8px;
  font-family: iconFont;
  z-index: 1002;
  display: block;
}

.listviewChat:before,
.listviewChat:after {
  display: table;
  content: "";
}
.listviewChat:after {
  clear: both;
}

.SpaceWindowChat .Title_chat_On {
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 9pt;
  font-smooth: always;
  line-height: 11pt;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle !important;
  height: 28px;
  color: #353535;
  border-radius: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  position: absolute;
  outline: none;
  background-color: #11487b;
  color: #fff;
  width:236px;
  padding-left:24px;
  border-top : 1px solid #D1D1D1;
  border-left: 1px solid #D1D1D1;
  border-right: 1px solid #D1D1D1;
  text-transform:capitalize;
  letter-spacing: 0.02em;
}



.SpaceWindowChat .Title_chat_On:hover {
  background-color: #145591;
}


.SpaceWindowChat .Title_chat_On:before {
  position: absolute;
  content: url("/css/images/Chat/Online.png");
  color: #fff;
  left: 10px;
  top: 4px;
  font-family: iconFont;
  z-index: 1002;
  display: block;
}

.SpaceWindowChat .Title_chat_On > small {
  display: block;
  font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 7pt;
  letter-spacing: 0.02em;
  line-height: 14pt;
  font-smooth: always;
  color: #D1D1D5;
  position:absolute;
  top: 12px;
  text-transform:capitalize;
}


.SpaceWindowChat .Title_chat_Off {
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 9pt;
  font-smooth: always;
  letter-spacing: 0.02em; 
  line-height: 11pt;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle !important;
  height: 28px;
  border: 1px transparent solid;
  color: #353535;
  border-radius: 0;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  position:absolute;
  outline: none;
  background-color: #F1F1F1;
  color: #000000;
  width:234px;
  padding-left:24px;
  display:none;
  
  border-top: 1px solid #D1D1D1;
  border-left: 1px solid #D1D1D1;
  border-right: 1px solid #D1D1D1;
  text-transform:capitalize;
}

.SpaceWindowChat .Title_chat_Off:hover {
  background-color: #e4e4e4;
}

.SpaceWindowChat .Title_chat_Off:before {
  position: absolute;
  content: url("/css/images/Chat/Online.png");
  color: #fff;
  left: 10px;
  top: 4px;
  font-family: iconFont;
  z-index: 1002;
  display: block;
}

.SpaceWindowChat .Title_chat_Off > small {
  display: block;
  font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 7pt;
  letter-spacing: 0.02em;
  line-height: 14pt;
  font-smooth: always;
  color: #525252;
  position:absolute;
  top: 12px;
  text-transform:capitalize;
}

.SpaceWindowChat .WindowChatEmoticons {
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 9pt;
  font-smooth: always;
  line-height: 11pt;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle !important;
  height: 28px;
  color: #353535;
  border-radius: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  
  position: absolute;
  outline: none;
  background-color: #F1F1F1;
  color: #fff;
  
  border-left: 0px;
  border-right: 0px;
  text-transform:capitalize;
  letter-spacing: 0.02em;
  box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
  border-top : 1px solid #D1D1D1;
  border-bottom : 1px solid #D1D1D1;
  width:260px;
  height:100px;
  bottom: 30px;
  left:1px;
  
}


.WindowChatEmoticons {
	position: relative;
	background: #88b7d5;
	border: 1px solid #b33232;
}
.WindowChatEmoticons:after, .WindowChatEmoticons:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.WindowChatEmoticons:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #F1F1F1;
	border-width: 4px;
	right: 8px;
	margin-left: -4px;
}
.WindowChatEmoticons:before {
	border-color: rgba(179, 50, 50, 0);
	border-top-color: #D1D1D1;
	border-width: 5px;
	right: 7px;
	margin-left: -5px;
}


.SpaceWindowChat .WindowChatEmoticons table
{
    width: 100%;
    text-align: center;
    border: 0px;
    margin-top: 2px;
    
}

.SpaceWindowChat .WindowChatEmoticons table td
{
    height:20px !important;
    text-align: center;
    vertical-align:middle;
    border: 0px solid;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

.SpaceWindowChat .WindowChatEmoticons table td img
{
    padding: 2px 2px 2px 2px;
}

.SpaceWindowChat .WindowChatEmoticons table td img:hover
{
    padding: 2px 2px 2px 2px;
    box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
    cursor: pointer;
}

.SpaceWindowChat .WindowChat .msg_container {
  /*border-top: 1px solid #D1D1D1;*/
  /*border-bottom: 1px solid #D1D1D1;*/
  width: 256px;
  padding: 2px 2px 2px 2px;
  background-color: #FFFFFF;
  outline: 0;
  margin-right: 32px;
  min-height: 32px;
  position: absolute;
  /*top:25px;*/
  bottom:0px;
  margin-bottom: 31px;
  height:220px;
  overflow-x:hidden; 
  overflow-y:auto;
  /*bottom:0px;*/
}

.SpaceWindowChat .WindowChat .msg_container .msg_txt{
  /*border-top: 1px solid #D1D1D1;*/
  /*border-bottom: 1px solid #D1D1D1;*/
  border-bottom: 1px solid #F1F1F1;
  font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 9pt;
  letter-spacing: 0.02em;
  line-height: 10pt;
  width: 100%;
  padding: 2px 2px 2px 2px;
  background-color: transparent;
  outline: 0;
  padding-bottom: 10px;
  /*padding-left: 4px !important;*/
  margin-right: 4px;
  min-height: 40px;
  /*bottom:0px;*/
}

.SpaceWindowChat .WindowChat .msg_container .msg_txt p{
  font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight: 500;
letter-spacing: 0.02em;
font-size: 9pt;

  vertical-align:top;
  width: auto;
  padding: 2px 2px 2px 2px;
  background-color: transparent;
  outline: 0;
  top:0px;
  margin-left :40px;
  /*bottom:0px;*/
-webkit-margin-before: 0px !important;
-webkit-margin-after: 0px !important;
-webkit-margin-start: 0px !important;
-webkit-margin-end: 0px !important; 
margin-top: 0px !important; 

}

.SpaceWindowChat .WindowChat .msg_container .msg_atavar{
  /*border-top: 1px solid #D1D1D1;*/
  width: 32px;
  height: 32px;
  padding: 2px 2px 2px 2px;
  background-color: transparent;
  outline: 0;
  /*position: relative;*/
  /*top: 2px;*/
  /*bottom:0px;*/
  float: left;
}

.SpaceWindowChat .WindowChat .input-text {
  border-top: 1px solid #D1D1D1;
  border-bottom: 1px solid #D1D1D1;
  width: 256px;
  padding: 2px 2px 2px 2px;
  background-color: #fff;
  outline: 0;
  margin-right: 32px;
  min-height: 25px;
  position: absolute;
  bottom:0px;
}

.SpaceWindowChat .WindowChat .input-text .inp_input-text
{
font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight: 500;
letter-spacing: 0.02em;
font-size: 9pt;

  border: 1px solid #FFFFFF !important;
  outline: 0 !important;
  width: 229px;
  background-color: #fff;
  filter:chroma(color=#000000);
  border:none;
  margin: 0;
  padding-left:4px;
}

.SpaceWindowChat .WindowChat .input-text .btn-emo:before {
content: url("/css/images/Chat/emoticons.png"); 
top:0px;
position:absolute;
height:30px;
width: 20px;
right:0px;
background-color: transparent;
padding-top:6px;
padding-left:4px;
border-bottom: 1px solid #D1D1D1;
}

.SpaceWindowChat .WindowChat .input-text .btn-emo:hover {
cursor:pointer;
background-color:#F1F1F1;
}

#TrilceChat
{
    width: 210px;
    height: 285px;
    min-height: 280px;
    bottom:0;
    margin-right: 35px;
    right: 0px;
    position:fixed;
    background-color: #FFFFFF;
    border-top:1px solid #11487b;
    border-right:1px solid #11487b;
    border-left:1px solid #11487b;
    z-index: 200;
}

#TrilceChat_main_container
{
    height: 285px;
    bottom:0;
    position:fixed;
    pointer-events:none;
    right:250px;
    /*border:1px solid red;*/
    z-index:999;
}

#TrilceChat_main_container_WindowCount
{
    width:110px;
    bottom:0;
    position:absolute;
    z-index: 100;
    background-color:#F1F1F1;  
    right:100px;
    display:none;
    
    border-top: 1px solid #D1D1D1;
  border-left: 1px solid #D1D1D1;
  border-right: 1px solid #D1D1D1;
}


#TrilceChat_main_container .SpaceWindowChat_Container 
{
    width: 260px;
    height: 285px;
    bottom:0;
    margin-right: 5px;
    position: relative;
    float:right; 
    z-index: 1000;
}

#TrilceChat_main_container .SpaceWindowChat_Container .SpaceWindowChat 
{
    width: 260px;
    height: 285px;
    bottom:0;
    margin-right: 5px;
    position: absolute;
    z-index: 1000;
    pointer-events: all;
}

#TrilceChat_main_container .SpaceWindowChat .WindowChat 
{
    background: #E0EDFA;
    width: 100%;
    height: 100%;
    bottom:0;
    border-left: 1px solid #D1D1D1;
    border-right: 1px solid #D1D1D1;
}

#TrilceChat_main_container .SpaceWindowChat .SpaceWindowChatMin 
{
    background: #E0EDFA;
    width: 260px;
    height: 31px;
    bottom: 0px;
    margin-right: 5px;
    border-top: 1px solid #D1D1D1;
    border-left: 1px solid #D1D1D1;
    border-right: 1px solid #D1D1D1;
    max-height:31px;
}


.happy {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/css/images/Chat/Emoticons/smile.png");
    vertical-align: top;
}

.very-happy {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/css/images/Chat/Emoticons/smile-big.png");
    vertical-align: top;
}

.laugh {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/css/images/Chat/Emoticons/laugh.png");
    vertical-align: top;
}

.sad {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/css/images/Chat/Emoticons/sad.png");
    vertical-align: top;
}

.wary {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/css/images/Chat/Emoticons/thinking.png");
    vertical-align: top;
}

.love {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/css/images/Chat/Emoticons/love.png");
    vertical-align: top;
}

.good {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/css/images/Chat/Emoticons/good.png");
    vertical-align: top;
}

.coffee {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/css/images/Chat/Emoticons/coffee.png");
    vertical-align: top;
}

.computer {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/css/images/Chat/Emoticons/computer.png");
    vertical-align: top;
}

.clock {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/css/images/Chat/Emoticons/clock.png");
    vertical-align: top;
}

.mail {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/css/images/Chat/Emoticons/mail.png");
    vertical-align: top;
}

.soccerball {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/css/images/Chat/Emoticons/soccerball.png");
    vertical-align: top;
}

.question {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/css/images/Chat/Emoticons/question.png");
    vertical-align: top;
}

.astonished {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/css/images/Chat/Emoticons/astonished.png");
    vertical-align: top;
}

.tongue {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/css/images/Chat/Emoticons/tongue.png");
    vertical-align: top;
}

.confused {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/css/images/Chat/Emoticons/confused.png");
    vertical-align: top;
}

.wink {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/css/images/Chat/Emoticons/wink.png");
    vertical-align: top;
}

.shame {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/css/images/Chat/Emoticons/shame.png");
    vertical-align: top;
}


.Title_Chat_Close 
{
    top: 7px;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("/css/images/Chat/chatcloseOff.png");
    position: absolute;
    right: 5px;
    margin-right :5px;
}
.Title_Chat_Close:hover {
    background-image: url("/css/images/Chat/chatcloseOn.png");
}

#TrilceChat_main .TrilceChat_Config{
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  font-smooth: always;
  line-height: 11pt;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle !important;
  height: 29px;
  color: #353535;
  border-radius: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  outline: none;
  background-color: #11487b;
  color: #fff;
  width:100%;
  cursor:pointer;
} 

.TrilceChat_Config .TrilceChat_Config_Click
{
position:absolute;
height: 28px;
cursor:pointer;
}

.TrilceChat_Config .TrilceChat_Config_Click:focus
{
outline:none;
}

.TrilceChat_Config .TrilceChat_Config_SoundOn{
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  font-smooth: always;
  line-height: 11pt;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle !important;
  height: 29px;
  color: #353535;
  border-radius: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
  background-color: #11487b;
  color: #fff;
  width:25px;
  position:absolute;
  right:0px;
} 

.TrilceChat_Config .TrilceChat_Config_SoundOn:hover{
  background-color: #1762a8;
}

.TrilceChat_Config .TrilceChat_Config_SoundOn:before {
  content: url("/css/images/Chat/sound_low.png"); 
  position:relative;
  top:4px;
  left:4px;
  cursor:pointer;
   
}

.TrilceChat_Config .TrilceChat_Config_SoundOff{
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  font-smooth: always;
  line-height: 11pt;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle !important;
  height: 29px;
  color: #353535;
  border-radius: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
  background-color: #EF2129;
  color: #fff;
  width:25px;
  position:absolute;
  right:0px;
} 

.TrilceChat_Config .TrilceChat_Config_SoundOff:before {
  content: url("/css/images/Chat/sound_mute.png"); 
  position:relative;
  top:4px;
  left:4px;
  cursor:pointer;
}


.TrilceChat_Config .TrilceChat_Config_StatusOn{
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  font-smooth: always;
  line-height: 11pt;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle !important;
  height: 29px;
  color: #353535;
  border-radius: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
  background-color: #11487b;
  color: #fff;
  width:25px;
} 

.TrilceChat_Config .TrilceChat_Config_StatusOn:hover{
  background-color: #1762a8;
}

.TrilceChat_Config .TrilceChat_Config_StatusOn:before {
  content: url("/css/images/Chat/round_on.png"); 
  position:relative;
  top:4px;
  left:4px;
  cursor:pointer;
}

.TrilceChat_Config .TrilceChat_Config_StatusOff{
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  font-smooth: always;
  line-height: 11pt;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle !important;
  height: 29px;
  color: #353535;
  border-radius: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
  background-color: #EF2129;
  color: #fff;
  width:25px;
} 


.TrilceChat_Config .TrilceChat_Config_StatusOff:before {
  content: url("/css/images/Chat/round_off.png"); 
  position:relative;
  top:4px;
  left:4px;
  cursor:pointer;
}


.TrilceChat_Config .TrilceChat_Config_Contacts{
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  font-smooth: always;
  line-height: 11pt;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle !important;
  height: 29px;
  color: #353535;
  border-radius: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
  background-color: #EF2129;
  color: #fff;
  width:50px;
  position:absolute;
  right:25px;
  display:none;
} 
.TrilceChat_Config .TrilceChat_Config_Contacts:hover{
  background-color: #1762a8;
}

.TrilceChat_Config .TrilceChat_Config_Contacts:before {
  content: url("/css/images/Chat/users.png"); 
  position:relative;
  top:4px;
  left:4px;
  cursor:pointer;
  width:16px;
}

.TrilceChat_Config .TrilceChat_Config_Contacts_Count{
   font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 9pt !important;
  line-height: 13pt;
  display:none;
  /*font-smooth: always;*/
  color: #FFFFFF;
  position:absolute;
  top:2px;
  right:35px; 
  pointer-events:none;
}


.TrilceChat_Config h4 {
font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight: 600;
font-size: 8pt !important;
line-height: 13pt;
color: #D1D1D1;
position:absolute;
top:3px;
left:30px;
margin-top:0px !important;
-webkit-margin-before: 0px !important;
-webkit-margin-after: 0px !important;
-webkit-margin-start: 0px !important;
-webkit-margin-end: 0px !important; 
}

.TrilceChat_Config .TrilceChat_Config_ContactOn {
 font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 8pt !important;
  line-height: 13pt;
  /*font-smooth: always;*/
  color: #FFFFFF;
  position:absolute;
  top:3px;
  left:60px; 
}

#TrilceChat_main{
height:100%;
}

#TrilceChat_main .TrilceChat_ContactsSerch{
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  font-smooth: always;
  line-height: 11pt;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle !important;
  height: 25px;
  color: #353535;
  border-radius: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  outline: none;
  background-color: #11487b;
  color: #fff;
  width:100%;
  position:absolute;
  bottom:0;
  
} 


#TrilceChat_main #TrilceChat_Contacts{
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  font-smooth: always;
  line-height: 11pt;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle !important;
  background-color:#FFFFFF;
  color: #353535;
  border-radius: 0;
  text-align: left;
  vertical-align: middle;
  outline: none;
  min-height:231px;
  /*height: 100px;*/
  width: 100%;
  /*position:absolute;
  top: 24px;*/
  overflow-x:hidden; 
  overflow-y:auto;
}

.TrilceChat_ContactsSerch .TrilceChat_ContactsSerch_Add{
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  font-smooth: always;
  line-height: 11pt;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle !important;
  height: 25px;
  color: #353535;
  border-radius: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
  background-color: #11487b;
  color: #fff;
  width:25px;
  position:absolute;
  right:0px;
  top:0px;
  
} 

.TrilceChat_ContactsSerch .TrilceChat_ContactsSerch_Add:hover
{
 background-color:#1762a8;
}
.TrilceChat_ContactsSerch .TrilceChat_ContactsSerch_Add:before {
content: url("/css/images/Chat/user.png"); 
position:absolute;
top:4px;
right:4px;
cursor:pointer;
}

.TrilceChat_ContactsSerch .TrilceChat_ContactsSugeridos_Add{
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  font-smooth: always;
  line-height: 11pt;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle !important;
  height: 25px;
  color: #353535;
  border-radius: 0;
  display: none;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
  background-color: #11487b;
  color: #fff;
  width:25px;
  position:absolute;
  top:0px;
  right:25px; 
  
} 
.TrilceChat_ContactsSerch .TrilceChat_ContactsSugeridos_Add:hover
{
 background-color:#1762a8;
}
.TrilceChat_ContactsSerch .TrilceChat_ContactsSugeridos_Add:before {
  content: url("/css/images/Chat/hand_pro.png"); 
  position:absolute;
  top:4px;
  right:4px;
  cursor:pointer;
}



.TrilceChat_ContactsSerch .text_ContactsSerch
{
  font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  border: 1px solid #FFFFFF !important;
  outline: 0 !important;
  letter-spacing: 0.02em;
  width: 180px;
  background-color: #fff;
  filter:chroma(color=#000000);
  border:none;
  margin: 0;
  position:absolute;
  top:1px;
  left:0px;
  padding-left:4px;
  padding-bottom:4px;
  height: 23px;
}

#TrilceChat_main .TrilceChat_ContactsAdd{
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  font-smooth: always;
  line-height: 11pt;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle !important;
  height: 256px;
  color: #353535;
  border-radius: 0;
  display: none;
  text-align: left;
  vertical-align: middle;
  outline: none;
  /*background-color: #1762a8;*/
  background-color: #f1f1f1;
  color: #fff;
  width:100%;
  position:absolute;
  bottom:25px;
} 

#TrilceChat_main .TrilceChat_ContactsAlert{
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  font-smooth: always;
  line-height: 11pt;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle !important;
  height: 290px;
  color: #353535;
  border-radius: 0;
  display: none;
  text-align: left;
  vertical-align: middle;
  outline: none;
  /*background-color: #1762a8;*/
  color: #fff;
  width:100%;
  position:absolute;
  top:30px;
  z-index:100;
  overflow-x:hidden; 
  overflow-y:auto;
  border-bottom: 1px solid #11487b;
  background-color: #f1f1f1;   
} 

/*
.TrilceChat_ContactsAdd:before {
  content: url("/css/images/user.png"); 
  position:absolute;
  top:4px;
  right:4px;
  cursor:pointer;
}
*/

.TrilceChat_ContactsAdd .ac_input 
{
font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight: 500;
letter-spacing: 0.02em;
/*border: 1px solid #11487b !important;*/
border-top : 1px solid #11487b !important;
border-bottom: 1px solid #11487b !important;
/*border-right: 1px solid #11487b !important;*/
outline: 0 !important;
width: 207px;
background-color: #fff;
filter:chroma(color=#000000);
border:none;
  margin: 0;
  position:absolute;
  top:0px;
  left:0px;
padding-left:3px;
padding-bottom: 4px;
padding-top: 4px;
}

.TrilceChat_ContactsAdd .TrilceChat_ContactsFace{
    position:absolute;
    top: 50px;
    
}


.TrilceChat_ContactsAdd_Nombre
{
    font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    font-smooth: always;
    padding:0;
    margin:0;
    line-height:2px;
    margin-left: 2px;
    color: #1f1f1f;
}

.TrilceChat_ContactsAdd_Apellido
{
    font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 10px;
    font-smooth: always;
    padding:0;
    margin:0;
    margin-left: 2px;

}

.TrilceChat_ContactsAdd_Codigo
{
    font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 10px;
    font-smooth: always;
    color: #5f5f5f;
    padding:0;
    margin:0;
    margin-left: 2px;
    
}

.TrilceChat_ContactsAdd_buttom {
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 12pt;
  font-smooth: always;
  line-height: 14pt;
  vertical-align: middle !important;
  height: 42px;
  color: #353535;
  border-radius: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  position: absolute;
  outline: none;
  background-color: #11487b;
  color: #fff;
  width:195px;
  padding-left:15px;
  padding-top:10px;
  border-top : 0px solid #D1D1D1;
  border-left: 0px solid #D1D1D1;
  border-right: 0px solid #D1D1D1;
}

.TrilceChat_ContactsAdd_buttom:hover {
  background-color: #145591;
}


.TrilceChat_ContactsAdd_buttom > small {
  display: block;
  font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 8pt;
  letter-spacing: 0.02em;
  line-height: 8pt;
  font-smooth: always;
  color: #838383;
  position:absolute;
  top: 26px;
}


.TrilceChat_ContactsAlertOk_buttom {
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  font-smooth: always;
  line-height: 14pt;
  vertical-align: middle !important;
  height: 20px;
  color: #353535;
  border-radius: 0;
  display: inline-block;
  text-align: left;
  cursor: pointer;
  position: absolute;
  outline: none;
  background-color: #11487b;
  color: #fff;
  width:60px;
  padding-left:4px;
  padding-top:2px;
  border-top : 0px solid #D1D1D1;
  border-left: 0px solid #D1D1D1;
  border-right: 0px solid #D1D1D1;
  position:relative;
  left: 2px;
  top:2px;
}

.TrilceChat_ContactsAlertOk_buttom:hover {
  background-color: #145591;
}

.TrilceChat_ContactsAlertNot_buttom {
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  font-smooth: always;
  line-height: 14pt;
  vertical-align: middle !important;
  height: 20px;
  color: #353535;
  border-radius: 0;
  display: inline-block;
  text-align: left;
  cursor: pointer;

  outline: none;
  background-color: #D1D1D1;
  color: #3d3d3d;
  width:60px;
  padding-left:4px;
  padding-top:2px;
  border-top : 0px solid #D1D1D1;
  border-left: 0px solid #D1D1D1;
  border-right: 0px solid #D1D1D1;
  position:relative;
  top:2px;
  left:10px;
}

.TrilceChat_ContactsAlertNot_buttom:hover {
  background-color: #c4c4c4;
  
}

.TrilceChat_ContactsAdd_buttomAlerta {
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 12pt;
  font-smooth: always;
  line-height: 14pt;
  vertical-align: middle !important;
  height: 42px;
  color: #353535;
  border-radius: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  cursor: default;
  position: absolute;
  outline: none;
  background-color: #D1D1D1;
  color: #3d3d3d;
  width:195px;
  padding-left:15px;
  padding-top:10px;
  border-top : 0px solid #D1D1D1;
  border-left: 0px solid #D1D1D1;
  border-right: 0px solid #D1D1D1;
}

.TrilceChat_ContactsAdd_buttomAlerta > small {
  display: block;
  font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 8pt;
  letter-spacing: 0.02em;
  line-height: 8pt;
  font-smooth: always;
  color: #838383;
  position:absolute;
  top: 26px;
}


.TrilceChat_tooltip{
  text-align: center;
  color: black;
  display: none;
  position: absolute;
  z-index:1001;
  height:120px;
  width: 372px;
}


.arrow_box {
    position: relative;
    background: #ffffff;
    height:120px;
    width: 372px;
    border: 1px solid rgba(0, 0, 0, .45);
    border-bottom: 1px solid #666;
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .3) ;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3) ;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .3) ;
}

.arrow_box:after, .arrow_box:before {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 8px;
	top: 15px;
	margin-top: -8px;
}
.arrow_box:before {
	border-color: rgba(102, 102, 102, 0);
	border-left-color: #666;
	border-width: 9px;
	top: 15px;
	margin-top: -9px;
}






.TrilceChat_tooltip .TrilceChat_tooltipAvatar {
	position: absolute;
	top:10px;
	left:10px;
	width: 100px;
    height: 105px;
    background-color:#FFFFFF;
    overflow: hidden;
}

.TrilceChat_tooltip .TrilceChat_tooltipAvatar img {
  position:absolute;
  left:0px;
  top:0px;
}

.arrow_box .TrilceChat_tooltipBody{
    position:absolute;
    top:10px;
    left: 120px;
    width: 240px;
    height: 100px;
    text-align:left;
    text-transform:capitalize;
    
    font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 500 !important;
    font-size: 9px !important;
    letter-spacing: 0.02em;
    color: #838383;
    overflow: hidden;
}

.TrilceChat_tooltipBody .tooltipBodyName
{
    font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #11487b;
    left:0px;
    top:0px;
    line-height: 4px; 
    letter-spacing: 0.02em;
    text-transform:capitalize;
}

.TrilceChat_tooltipBody .tooltipBodyEmail
{
    font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px !important;
    color: #525252;
}


#personPopupContainerBody .tooltipBodyContactDelete{
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  font-smooth: always;
  line-height: 11pt;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle !important;
  height: 24px;
  color: #353535;
  border-radius: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
  
  background-color: #EAEAEA;
  width:24px;
  
  position: absolute;
  right: 10px;
  bottom: 0px;
} 
#personPopupContainerBody .tooltipBodyContactDelete:hover{
  background-color: #F2F2F2;
 /* content: url("/css/images/Chat/TrashOn.png"); */
}

#personPopupContainerBody .tooltipBodyContactDelete:before {
  content: url("/css/images/Chat/TrashOn.png"); 
  
  position:relative;
  top:4px;
  left:4px;
  cursor:pointer;
   
}

#TrilceChat_main_container_WindowCount .WindowCount_Row
{
    height:26px;
    position:relative;
    vertical-align:middle;
}

.WindowCount_Avatar
{
    position: absolute; 
	top:2px;
	left:2px;
	width:18px;
	height:22px;
	background-color:#FFFFFF;
    overflow: hidden;
}

.WindowCount_Avatar img {
  width: 18px;
  height:auto;
  position:absolute;
  left:0px;
  bottom:0px;
}

.WindowCount_Row .WindowCount_Name
{
  font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 7pt;
  letter-spacing: 0.02em;
  font-smooth: always;
  color: #000000;
  text-transform:capitalize;
  margin-left: 22px;
  margin-top: 1px;  
  height:20px;
  top: 4px;
  vertical-align:middle;
  position:absolute; 
}

.tooltipBodyRel_Doc {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("/css/images/16x16/reseller_account.png");
    vertical-align: top;
    margin-right:3px; 
}

.tooltipBodyRel_Alu {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("/css/images/16x16/user_student.png");
    vertical-align: top;
    margin-right:3px; 
}

.tooltipBodyRel_Com {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("/css/images/16x16/user.png");
    vertical-align: top;
    margin-right:3px; 
}


.ac_resultsTrilceChat {
    padding: 0 0 0 0px !important;
    border: 0px solid #0073EA;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
    list-style: none;
    list-style-image: none;
}

.ac_resultsTrilceChat ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

/*--> Buscador Chat----*/


.ac_resultsTrilceChat li {
	margin-bottom: 0px;
	padding: 0px !important;
	/*padding: 2px 5px;*/
	cursor: default;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	
  
	overflow: hidden;
	position:relative;
	display: block;
	
	font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
    font-size: 8pt !important;
	letter-spacing: 0.02em;
	
	height:40px;
}

.ac_resultsTrilceChat li .lidata {
  margin-left: 40px;
}
.ac_loading {
	background : Window url('/css/images/indicator.gif') right center no-repeat !Important;
}

.ac_resultsTrilceChat .ac_odd {
	background-color: #f8f8f8;
}

.ac_resultsTrilceChat .ac_over {
	background-color: #3399FF;
	color: white;
}

.ac_resultsTrilceChat .ac_over h4{
	color: white;
}
.ac_resultsTrilceChat .ac_over p{
	color: white;
}

.ac_resultsTrilceChat li .iconAvatar {
  width: 28px;
  height: 32px;
  background-color:#FFFFFF;
  text-align:center;
  position:absolute;
  top:4px;
  left: 5px;
  overflow: hidden;
}
.ac_resultsTrilceChat li .iconAvatar img 
{
 width: 28px;
  height: 32px;
  position:absolute

  bo
  position:absolute;
  botteight: 32px;*/
  width: 28px;
  height:auto;
  position:absolute;
  bottom:0px;
  left:0px;
}

.ac_resultsTrilceChat h4 {
  font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 8pt !important;
  /*line-height: 15px;*/
  /*font-smooth: always;*/
  color: #11487b;
  /*color: rgba(0, 0, 0, 0.6);*/
  word-wrap: break-word;
  position:relative;
  top:5px !important;
  text-transform:capitalize;
  letter-spacing: 0.02em;
  -webkit-margin-before: 0px !important;
-webkit-margin-after: 0px !important;
-webkit-margin-start: 0px !important;
-webkit-margin-end: 0px !important;
}

.ac_resultsTrilceChat li .lidata h4 {
margin: 0;
padding: 0 0 0 0;
-webkit-margin-before: 0px !important;
-webkit-margin-after: 0px !important;
-webkit-margin-start: 0px !important;
-webkit-margin-end: 0px !important;
}

.ac_resultsTrilceChat p {
  font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px !important;
  /*letter-spacing: 0.01em;*/
  /*line-height: 13pt;*/
  top: 18px !important; 
  color: #525252;
  position:absolute !important;
  text-transform:capitalize;
  letter-spacing: 0.02em;
}

.ac_resultsTrilceChat li .lidata p {
margin: 0;
padding: 0 0 0 0;
-webkit-margin-before: 0px !important;
-webkit-margin-after: 0px !important;
-webkit-margin-start: 0px !important;
-webkit-margin-end: 0px !important;
}

#TrilceChat_main #TrilceChat_DivContactsSugeridos{
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  font-smooth: always;
  line-height: 11pt;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle !important;
  color: #353535;
  border-radius: 0;
  display: none;
  text-align: left;
  vertical-align: middle;
  outline: none;
  /*background-color: #1762a8;*/
  color: #fff;
  width:100%;
  position:absolute;
  bottom:25px;
  z-index:100;
  overflow-x:hidden; 
  overflow-y:auto;
  background-color: #f1f1f1;   
  padding-top:0px;
-webkit-margin-before: 0px !important;
-webkit-margin-after: 0px !important;
-webkit-margin-start: 0px !important;
-webkit-margin-end: 0px !important;

} 


.listviewChatSugerido 
{
padding: 0 0 0 0px !important;
-webkit-margin-before: 0px !important;
-webkit-margin-after: 0px !important;
-webkit-margin-start: 0px !important;
-webkit-margin-end: 0px !important;
}

.listviewChatSugerido ul 
{
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
-webkit-margin-before: 0px !important;
-webkit-margin-after: 0px !important;
-webkit-margin-start: 0px !important;
-webkit-margin-end: 0px !important;
}
.listviewChatSugerido li {
	margin-bottom: 0px;
	padding: 0px !important;
	cursor: default;
	overflow: hidden;
	position:relative;
	display: block;
	font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
    font-size: 8pt !important;
	letter-spacing: 0.02em;
	height:80px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.listviewChatSugerido li .lidata {
  margin-left: 60px;
}
.listviewChatSugerido li .iconAvatar {
  width: 50px;
  height: 50px;
  background-color:#FFFFFF;
  text-align:center;
  position:absolute;
  top:4px;
  left: 5px;
  overflow: hidden;
}
.listviewChatSugerido li .iconAvatar img {
  /*height: 32px;*/
  width: 50px;
  height:auto;
  position:absolute;
  top:0px;
  left:0px;
}

.listviewChatSugerido li .iconTipo{
  height: 18px;
  /*width: 50px;*/
  position:absolute;
  top:4px;
  right: 2px;
  opacity: 0.4;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.40;
    -khtml-opacity: 0.4;
}

.listviewChatSugerido h4 {
font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight: 500;
font-size: 9pt !important;
color: #11487b;
word-wrap: break-word;
position:relative;
/*top:5px !important;*/
text-transform:capitalize;
letter-spacing: 0.02em;
-webkit-margin-before: 0px !important;
-webkit-margin-after: 0px !important;
-webkit-margin-start: 0px !important;
-webkit-margin-end: 0px !important;
}
.listviewChatSugerido li .lidata h4 {
margin: 0;
padding: 0 0 0 0;
-webkit-margin-before: 0px !important;
-webkit-margin-after: 0px !important;
-webkit-margin-start: 0px !important;
-webkit-margin-end: 0px !important;
}
.listviewChatSugerido p {
font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-size: 9px !important;
top: 15px !important; 
color: #525252;
position:absolute !important;
text-transform:capitalize;
letter-spacing: 0.02em;
}
.listviewChatSugerido li .lidata p {
margin: 0;
padding: 0 0 0 0;
-webkit-margin-before: 0px !important;
-webkit-margin-after: 0px !important;
-webkit-margin-start: 0px !important;
-webkit-margin-end: 0px !important;
}
.listviewChatSugerido li .TrilceChat_ContactsSugeridosOk_buttom {
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  font-smooth: always;
  line-height: 14pt;
  vertical-align: middle !important;
  height: 20px;
  color: #353535;
  border-radius: 0;
  display: inline-block;
  text-align: left;
  cursor: pointer;
  position: absolute;
  outline: none;
  background-color: #11487b;
  color: #fff;
  width:60px;
  padding-left:4px;
  padding-top:2px;
  border-top : 0px solid #D1D1D1;
  border-left: 0px solid #D1D1D1;
  border-right: 0px solid #D1D1D1;
  position:absolute;
  left: 60px;
  bottom:4px;
}

.listviewChatSugerido li .TrilceChat_ContactsSugeridosOk_buttom:hover {
  background-color: #145591;
} 

.listviewChatSugerido li .TrilceChat_ContactsSugeridosNot_buttom {
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  font-smooth: always;
  line-height: 14pt;
  vertical-align: middle !important;
  height: 20px;
  color: #353535;
  border-radius: 0;
  display: inline-block;
  text-align: left;
  cursor: pointer;
  position: absolute;
  outline: none;
  background-color: #D1D1D1;
  color: #fff;
  width:60px;
  padding-left:4px;
  padding-top:2px;
  border-top : 0px solid #D1D1D1;
  border-left: 0px solid #D1D1D1;
  border-right: 0px solid #D1D1D1;
  position:absolute;
  left: 130px;
  bottom:4px;
}

.listviewChatSugerido li .TrilceChat_ContactsSugeridosNot_buttom:hover {
  background-color: #c4c4c4;
}