#ChatXS *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
#ChatXS *:before,
#ChatXS *:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
#ChatXS{background:#FFFFFF;border-radius:5px 5px 0 0;-webkit-box-shadow: 7px 7px 6px 0px rgba(224,224,224,1);-moz-box-shadow: 7px 7px 6px 0px rgba(224,224,224,1);box-shadow: 7px 7px 6px 0px rgba(0,0,0,.2);bottom:20px;font-family:Arial, Verdana, Helvetica, Sans-Serif !important;font-size:12px !important;text-transform:none !important;position:fixed;left:10px;/*right:10px;*/z-index:9999;text-align:center;width:300px;}
#ChatXS #loading{position:absolute;width:100%;height:100%;left:0;top:0;background:rgb(0,0,0);background:transparent\9;background:rgba(0,0,0,0.3);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);zoom:1;background-image:url(/Admin/ChatClient/Img/ajax-loader.gif);background-repeat:no-repeat;background-position:center;}
#ChatXS .HelpMe{background-color:#dfdfe1;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px 5px 0 0;color:#FFF;font-family:Verdana, Geneva, Tahoma, sans-serif;font-weight:bold;margin:0;padding:0.6em;line-height:15px;}
#ChatXS .HelpMe img.iconChat{height:18px;width:auto;float:left;border:0;}
#ChatXS .HelpMe img.iconMin{cursor:pointer;height:18px;width:auto;float:right;border:0;}
#ChatXS .ChatXS_Content{min-height:300px;padding:0.5em;background-color:#f8f8f8}
#ChatXS .ChatXS_Content input[type=text]{display:block;width:85%;margin:10px auto;padding:0.4em;display:block;border:1px solid #aeb7bf;border-radius:4px;color: #3a464e;text-align:center;font-family:'VWHeadWeb-Light1';height:28px;}
#ChatXS .ChatXS_Content input[type=text]::placeholder{color: #3a464e;}
#ChatXS .ChatXS_Content textarea{height:3.5em !important;resize:none;width:85%;color:#000;margin:0 auto;padding:0.4em;border:1px solid #aeb7bf;border-radius:4px;color: #3a464e;text-align:center;font-family:'VWHeadWeb-Light1';}
#ChatXS .ChatXS_Content textarea::placeholder{color: #3a464e;}
#ChatXS .ChatXS_Content input[type=button]{cursor:pointer;font-size:18px;margin:10px 0;padding:0 20px;min-height:28px !important;}
#ChatXS .ChatXS_Content input[type=button][name=btn_Entrar]{width:125px;height:36px;color: #FFFFFF;font-size: 14px;cursor: pointer;font-weight: 700;text-align: center;background: #00b1eb;-webkit-border-radius: 4px;border-radius: 4px;border:none}
#ChatXS .ChatXS_Content .Mensaje_Titulo{margin:10px 0;min-height:40px;font-family:'VWHeadWeb-Light1';color:#3a464e}
#ChatXS .ChatXS_Content .ChatXS_Disclaimer{width:80%;margin:10px auto 0;}
#ChatXS .ChatXS_Content #chat{color:#000;margin:0 auto;}
#ChatXS .ChatXS_Content #chat .getPhoto{color:#FFF;cursor:pointer;position:absolute;height:100%;left:0;top:0;border-radius:5px;background:rgb(0,0,0);background:transparent\9;background:rgba(0,0,0,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);zoom:1;background-repeat:no-repeat;background-position:center;background-size:89% auto;width:100%;}
#ChatXS .ChatXS_Content #chat #header-chat{height:50px;padding:1px;text-align:center;color:#aeb7bf;font-family:'VWHeadWeb-Light1';}
#ChatXS .ChatXS_Content #chat #header-chat span{color:#555;cursor:pointer;float:right;font-size:2em;margin-right:10px;line-height:15px;}
#ChatXS .ChatXS_Content #chat #header-chat img{cursor:pointer;float:left;margin:0;padding:0;border:0;width:auto;height:50px;}
#ChatXS .ChatXS_Content #chat #header-chat span:hover{color:#C82C2D;}
#ChatXS .ChatXS_Content #chat #mensajes{padding:5px 15px;height:250px;overflow:auto;font-family:'VWHeadWeb-Light1';color:#3a464e;}
#ChatXS .ChatXS_Content #chat #mensajes .mensaje-autor{text-align:left;}
#ChatXS .ChatXS_Content #chat #mensajes .mensaje-amigo{text-align:right;}
#ChatXS .ChatXS_Content #chat #mensajes .mensaje-autor .contenido,
#ChatXS .ChatXS_Content #chat #mensajes .mensaje-amigo .contenido{border-radius:5px;display:inline-block;padding:12px;max-width:80%;}
#ChatXS .ChatXS_Content #chat #mensajes .mensaje-autor .fecha,
#ChatXS .ChatXS_Content #chat #mensajes .mensaje-amigo .fecha{color:#aeb7bf;font-size:10px;margin:0 0 5px 0;}
#ChatXS .ChatXS_Content #chat #mensajes .mensaje-autor .contenido{background-color:#dfdfe1;color:#3a464e;border-top-left-radius:0;font-family:'VWHeadWeb-Light1';}
#ChatXS .ChatXS_Content #chat #mensajes .mensaje-amigo .contenido{background-color:#00b1eb;color:#fff;border-bottom-right-radius:0;font-family:'VWHeadWeb-Light1';font-weight:200}
#ChatXS .ChatXS_Content #chat #caja-mensaje{background-color:transparent;margin:0 auto;padding:2px;}
#ChatXS .ChatXS_Content #chat #caja-mensaje input[type=text]{width:93%;}
#ChatXS .ChatXS_Content #chat #mensajes .ConversationFinished{background-color:#f8f8f8;border-radius:5px;padding:3px;color:#3a464e;font-family:'VWHeadWeb-Light1';}
#ChatXS .ChatXS_Content #chat #mensajes .ConversationFinished input[type=text]{width:150px;display:inline-block;}
#ChatXS .ChatXS_Content #chat #mensajes .ConversationFinished input[type=button]{width:30px;display:inline-block;font-size:initial !important;padding:initial !important;margin-left:2px;color: #FFFFFF;text-align: center;background: #00b1eb;-webkit-border-radius: 4px;border-radius: 4px;border: none;}
#ChatXS .ChatXS_Content #chat #mensajes .ConversationFinished a{text-decoration:underline;}
.ChatXS_Message{cursor:pointer;width:89.2%;top:28px;left:0;position:absolute;border-radius:0 0 5px 5px;font-size:14px;padding:16px;text-align:center;color:#fff;}
#ChatXS_MessageNO{background-color:#32434D;}
#ChatXS_MessageOK{background-color:#32434D;}
#ChatXS_MessageQ{background-color:#32434D;}
#ChatXS_MessageQ input[type=button]{display:inline-block;width:50px !important;}
.ChatXS_Icon {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
    cursor: pointer;
	width: 60px;
    margin: 10px;
    left: 0;
}
.chatXS_Icon img {
    margin-bottom: 0px;
}
.closeChat {
    color: #2a3235;
    width: 26px;
    height: 26px;
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;    
    margin: -10px 0 0px auto;
}

.logoChat {
    height: 70px;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    font-family: 'VWHeadWeb-Light1';
}

.logoChat a {
    color: #3a464e;
    display: block;
    padding-top: 50px;
    background: url(/Admin/ChatClient/img/logo.png) no-repeat top center;
    background-size: 50px;
    line-height: 20px;
}

.subTituloChat span{
    color: #3a464e;
    font-size: 11px;
}

.ChatXS_Content ::-webkit-input-placeholder { color: #aeb7bf; }
.ChatXS_Content ::-moz-placeholder { color: #aeb7bf; }
.ChatXS_Content :-ms-input-placeholder { color: #aeb7bf; }
.ChatXS_Content :-moz-placeholder { color: #aeb7bf; }

[for=aviso-privacidad-chatxs] {
    color: #3a464e;
    font-family: 'VWHeadWeb-Light1';
    font-size: 12px;
}

#mensajes::-webkit-scrollbar {
    width: 7px;
    color: #dfdfe1;
}

#mensajes::-webkit-scrollbar-thumb {
    border-radius: 0;
    color: #dfdfe1;
    background-color: #dfdfe1;
}

#txt_Mensaje{
    border: none !important;
    color: #3a464e !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 7px 12px !important;
}

.btnOKChat {
    width: 30px;
    color: #FFFFFF;
    text-align: center;
    background: #00b1eb;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
}

@media only screen and (max-device-width: 640px),only screen and (max-device-width: 667px),only screen and (max-width: 480px){#ChatXS{right:10}#ChatXS .HelpMe{padding:10px;font-size:0}#ChatXS .HelpMe .iconChat{height:auto!important;float:none!important}#ChatXS .HelpMe .iconMin{display:none}#ChatXS.full-size{width:100%;top:0}#ChatXS.full-size .HelpMe{font-size:inherit}#ChatXS.full-size .HelpMe .iconChat{float:left!important}#ChatXS.full-size .HelpMe .iconMin{display:inherit}#ChatXS.full-size .ChatXS_Content{position:absolute;bottom:0;top:50px;right:0;left:0}#ChatXS.full-size .ChatXS_Content #chat #mensajes{min-height:370px}.subTituloChat{display:none;}}

@media (max-width: 575px) {
    .ChatXS_Icon {
        left: 0;
    }
}