@import"https://fonts.googleapis.com/css?family=Roboto:300,400,700";@import"https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.1.2/css/material-design-iconic-font.min.css";.iyc .fullscreen{position:relative;width:100%;height:100%;max-width:100%;margin:20px auto;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:1px solid rgb(218,216,216);background:white}.iyc .chat{width:100%;height:100%;overflow:hidden}.iyc .fullscreen-enabled .chat{height:100%}.iyc .fullscreen-enabled{border:0}.iyc .user-bar{height:55px;background:#005e54;color:#fff;padding:0 8px;font-size:24px;position:relative;z-index:2;box-shadow:0 4px 12px #000000bf}.iyc .user-bar:after{content:"";display:table;clear:both}.iyc .user-bar div{float:left;transform:translateY(-50%);position:relative;top:50%}.iyc .user-bar .actions{float:right;margin:0 0 0 20px}.iyc .user-bar .actions.more{margin:0 12px 0 32px}.iyc .user-bar .actions.attachment{margin:0 0 0 30px}.iyc .user-bar .actions.attachment i{display:block;transform:rotate(-45deg)}.iyc .user-bar .avatar{margin:0 0 0 5px;width:36px;height:36px}.iyc .user-bar .avatar img{border-radius:50%;box-shadow:0 1px #ffffff1a;display:block;width:36px!important;height:36px!important}.iyc .user-bar .name{font-size:17px;font-weight:600;text-overflow:ellipsis;letter-spacing:.3px;margin:0 0 0 8px;white-space:nowrap;width:110px}.iyc .user-bar .status{display:block;font-size:13px;font-weight:400;letter-spacing:0}.iyc .user-bar .actions{padding-right:10px;cursor:pointer}.iyc .conversation{position:relative;background:#efe7dd url(https://customer.trustedpsychicmediums.com/static/bg.jpg) repeat;z-index:0;height:100%}.iyc .conversation ::-webkit-scrollbar{-webkit-transition:all .5s;transition:all .5s;width:5px;height:1px;z-index:10}.iyc .conversation ::-webkit-scrollbar-track{background:transparent}.iyc .conversation ::-webkit-scrollbar-thumb{background:#b3ada7}.iyc .conversation .conversation-container{overflow-x:hidden;padding:0 16px;margin-bottom:5px;height:300px}.iyc .fullscreen-enabled .conversation .conversation-container{height:calc(100% - 130px)!important}.iyc .conversation .conversation-container:after{content:"";display:table;clear:both}.iyc .metadata{display:inline-block;padding:0 0 0 7px;position:relative;bottom:-4px}.iyc .metadata .time{color:#00000073;font-size:11px;display:inline-block}.iyc .metadata .tick{display:inline-block;margin-left:2px;position:relative;top:4px;height:16px;width:16px}.iyc .metadata .tick svg{position:absolute;transition:.5s ease-in-out}.iyc .metadata .tick svg:first-child{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:perspective(800px) rotateY(180deg)}.iyc .metadata .tick svg:last-child{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:perspective(800px) rotateY(0)}.iyc .metadata .tick-animation svg:first-child{transform:perspective(800px) rotateY(0)}.iyc .metadata .tick-animation svg:last-child{transform:perspective(800px) rotateY(-179.9deg)}.iyc .message:first-child{margin:16px 0 8px!important}.iyc .message{color:#000;clear:both;line-height:18px;font-size:15px;padding:8px;position:relative;margin:8px 0;max-width:85%;word-wrap:break-word;z-index:1}.iyc .message:after{position:absolute;content:"";width:0;height:0;border-style:solid}.iyc .message.received{background:#fff;border-radius:0 5px 5px;float:left}.iyc .message.received .metadata{padding:0 0 0 16px}.iyc .message.received:after{border-width:0px 10px 10px 0;border-color:transparent #fff transparent transparent;top:0;left:-10px}.iyc .message.sent{background:#e1ffc7;border-radius:5px 0 5px 5px;float:right}.iyc .message.sent:after{border-width:0px 0 10px 10px;border-color:transparent transparent transparent #e1ffc7;top:0;right:-10px}.iyc .message .contact{display:flex;align-items:center;cursor:pointer}.iyc .message .contact img{max-height:100px}.iyc .message .contact div{margin-left:20px}.iyc .message .contact div h3{margin:0;font-size:18px}.iyc .message .contact div p{margin:10px 0 0;display:none}@media (min-width: 769px){.iyc .message .contact div p{display:block}}.iyc .conversation-compose{display:flex;flex-direction:row;align-items:flex-end;overflow:hidden;height:65px;width:100%;z-index:2;padding-bottom:14px}.iyc .conversation-compose div,.iyc .conversation-compose input{background:#fff;height:100%}.iyc .conversation-compose .left{display:flex;border-radius:5px 0 0 5px;flex:0 0 auto;margin-left:14px;width:14px}.iyc .conversation-compose .input-msg{border:0;flex:1 1 auto;font-size:16px;margin:0;outline:none;min-width:50px;border-radius:0;opacity:1}.iyc .conversation-compose .right{flex:0 0 auto;border-radius:0 0 5px;text-align:center;position:relative;width:48px}.iyc .conversation-compose .right:after{border-width:0px 0 10px 10px;border-color:transparent transparent transparent #fff;border-style:solid;position:absolute;width:0;height:0;content:"";top:0;right:-10px}.iyc .conversation-compose .send{background:transparent;border:0;cursor:pointer;flex:0 0 auto;margin-left:8px;margin-right:8px;padding:0;position:relative;outline:none}.iyc .conversation-compose .send .circle{background:#008a7c;border-radius:50%;color:#fff;position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.iyc .conversation-compose .send .circle i{font-size:24px;margin-left:5px}.iyc .typing{align-items:center;display:flex;height:17px}.iyc .typing .dot{animation:mercuryTypingAnimation 1.8s infinite ease-in-out;background-color:#6cad96;border-radius:50%;height:7px;margin-right:4px;vertical-align:middle;width:7px;display:inline-block}.iyc .typing .dot:nth-child(1){animation-delay:.2s}.iyc .typing .dot:nth-child(2){animation-delay:.3s}.iyc .typing .dot:nth-child(3){animation-delay:.4s}.iyc .typing .dot:last-child{margin-right:0}@keyframes mercuryTypingAnimation{0%{transform:translateY(0);background-color:#6cad96}28%{transform:translateY(-7px);background-color:#9ecab9}44%{transform:translateY(0);background-color:#b5d9cb}}