.ui-chatbox{position:fixed;bottom:0;background:#ccc;right:0;z-index:1000!important;width:300px;box-shadow:3px 7px 14px}#view-code{color:#89a2b5;opacity:.7;font-size:14px;text-transform:uppercase;font-weight:700;text-decoration:none;position:absolute;top:660px;left:50%;margin-left:-50px;z-index:200}#view-code:hover{opacity:1}#chatbox{width:250px;background:#fff;border-radius:6px;overflow:hidden;height:484px}#friendslist{position:absolute;top:0;left:0;width:300px;height:484px}#topmenu{height:40px;width:300px;border-bottom:1px solid #fff;background:#182b6f;color:#fff;font-size:14px;text-align:-webkit-center}#topmenu span{float:left;width:30px;height:30px;background:url(ui-lightness/images/chat.png) 10px 10px no-repeat;background-size:67%}#topmenu span.friends{margin-bottom:-1px}#topmenu span.chats{background-position:-95px 25px;cursor:pointer}#topmenu span.chats:hover{background-position:-95px -46px;cursor:pointer}#topmenu span.history{background-position:-190px 24px;cursor:pointer}#topmenu span.history:hover{background-position:-190px -47px;cursor:pointer}.friend{border-bottom:1px solid #e7ebee;position:relative;margin:5px}.friend:hover{cursor:pointer}.friend img{width:40px;border-radius:50%;margin:15px;float:left}.floatingImg{width:40px;border-radius:50%;position:absolute;top:0;left:12px;border:3px solid #fff}.friend p{padding:15px 0 0 0;float:left;width:220px}.friend p strong{font-weight:600;font-size:15px;color:#597a96}.friend p span{font-size:13px;font-weight:400;color:#aab8c2}.friend .status{background:#26c281;border-radius:50%;width:9px;height:9px;position:absolute;top:31px;right:17px}.friend .status.away{background:#ffce54}.friend .status.inactive{background:#eaeef0}#search{height:60px;width:290px;position:absolute;bottom:0;left:0}#searchfield{background:#e3e9ed;margin:21px 0 0 55px;border:none;padding:0;font-size:14px;font-family:"Open Sans",sans-serif;font-weight:400px;color:#8198ac}#searchfield:focus{outline:0}#chatview{width:300px;height:484px;position:absolute;top:0;left:0;display:none;background:#fff}#profile{height:45px;overflow:hidden;text-align:center;color:#fff}#profile .avatar{width:68px;border:3px solid #fff;margin:23px 0 0;border-radius:50%}#profile p{font-weight:600;font-size:15px;margin:118px 0 -1px;opacity:0;-webkit-transition:all .2s cubic-bezier(0,.995,.99,1);-moz-transition:all .2s cubic-bezier(0,.995,.99,1);-ms-transition:all .2s cubic-bezier(0,.995,.99,1);-o-transition:all .2s cubic-bezier(0,.995,.99,1);transition:all .2s cubic-bezier(0,.995,.99,1)}#profile p.animate{color:#f5f5f5;margin-top:15px;opacity:1;-webkit-transition:all .2s cubic-bezier(0,.995,.99,1);-moz-transition:all .2s cubic-bezier(0,.995,.99,1);-ms-transition:all .2s cubic-bezier(0,.995,.99,1);-o-transition:all .2s cubic-bezier(0,.995,.99,1);transition:all .2s cubic-bezier(0,.995,.99,1)}#profile span{font-weight:400;font-size:11px}#chat-messages{opacity:0;margin-top:30px;width:300px;height:375px;overflow-y:scroll;overflow-x:hidden;padding-right:20px;-webkit-transition:all .2s cubic-bezier(0,.995,.99,1);-moz-transition:all .2s cubic-bezier(0,.995,.99,1);-ms-transition:all .2s cubic-bezier(0,.995,.99,1);-o-transition:all .2s cubic-bezier(0,.995,.99,1);transition:all .2s cubic-bezier(0,.995,.99,1)}#chat-messages.animate{opacity:1;margin-top:0}#chat-messages label{color:#aab8c2;font-weight:600;font-size:12px;text-align:center;margin:15px 0;width:290px;display:block}#chat-messages div.message{padding:0 0 30px 58px;clear:both;margin-bottom:45px}#chat-messages div.message.right{padding:0 58px 30px 0;margin-right:-19px;margin-left:19px}#chat-messages .message img{float:left;margin-left:-38px;border-radius:50%;width:30px;margin-top:12px}#chat-messages div.message.right img{float:right;margin-left:0;margin-right:-38px}.message .bubble{background:#f0f4f7;font-size:13px;font-weight:600;padding:12px 13px;border-radius:5px 5px 5px 0;color:#8495a3;position:relative;float:left;margin-bottom:5px}#chat-messages div.message.right .bubble{float:right;border-radius:5px 5px 0 5px;margin-bottom:5px}.bubble .corner{position:absolute;width:7px;height:7px;left:-5px;bottom:0}div.message.right .corner{left:auto;right:-5px}.bubble span{color:#aab8c2;font-size:11px;position:absolute;right:0;bottom:-22px}#sendmessage{height:60px;border:1px solid #dedede;right:0;width:300px;background:#fff;position:fixed;bottom:2px}#sendmessage input{background:#fff;margin:21px 0 0 21px;border:none;padding:0;font-size:14px;font-family:"Open Sans",sans-serif;font-weight:400px;color:#7f7f7f}#sendmessage input:focus{outline:0}#sendmessage button{width:30px;height:30px;position:absolute;right:15px;top:23px;border:none}#sendmessage button:hover{cursor:pointer;background-position:0 0}#sendmessage button:focus{outline:0}#close{position:absolute;top:8px;opacity:.8;right:10px;width:20px;height:20px;cursor:pointer}#close:hover{opacity:1}.cx,.cy{background:#fff;position:absolute;width:0;top:15px;right:15px;height:3px;-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-ms-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out}.cx.s1,.cy.s1{right:0;width:20px;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}.cy.s2{-ms-transform:rotate(50deg);-webkit-transform:rotate(50deg);transform:rotate(50deg);-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}.cy.s3{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}.cx.s1{right:0;width:20px;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}.cx.s2{-ms-transform:rotate(140deg);-webkit-transform:rotate(140deg);transform:rotate(140deg);-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all 100ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}.cx.s3{-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);-webkit-transition:all 100ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}#chatview,#sendmessage{overflow:hidden;border-radius:6px}.username_chat p{padding:1px 15px 0;float:left;width:300px;text-align:center}.username_chat p strong{font-weight:600;font-size:15px;color:#597a96}.username_chat p span{font-size:13px;font-weight:400;color:#aab8c2}.alert-box{color:#555;border-radius:10px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;padding:10px 10px 10px 36px;margin:10px}.alert-box span{font-weight:700;text-transform:uppercase}.error{background:#ffecec url(../img/notificacion/error.png) no-repeat 10px 50%;border:1px solid #f5aca6}.success{background:#e9ffd9 url(../img/notificacion/success.png) no-repeat 10px 50%;border:1px solid #a6ca8a}.warning{background:#fff8c4 url(../img/notificacion/warning.png) no-repeat 10px 50%;border:1px solid #f2c779}.notice{background:#e3f7fc url(../img/notificacion/notice.png) no-repeat 10px 50%;border:1px solid #8ed9f6}.fa-cog:before,.fa-gear:before{content:"\f013";color:#fff}.btn-configuracion{background:#182b6f}.ui-chat-box-title{padding-top:8px;font-family:Arial,Helvetica,sans-serif,Tahoma!important;padding-left:40px;color:#f5f5f5}#minimizar_chat{position:absolute;top:8px;opacity:.8;right:40px;width:20px;height:20px;cursor:pointer}#minimizar_chat:hover{opacity:1}.cy-min{transform:rotate(0)!important}.columna_escribiendo{width:30%;float:left;position:relative;margin-left:5px;margin-right:-55px}.title_formulario{text-align:left!important;font-size:12px;color:#597a96}.asterisk{color:red!important}.panel-heading{border:1px solid #fff;border-right:1px solid red}