.chat-tray{height:100%;width:374px;position:absolute;background:#ffffff;left:0;border-radius:16px;transition:left 0.5s;border-right:1px solid #e60000;border-left:1px solid #e60000}.chat-tray .chat-tray-header{height:40px;background:url(/cms/images/ws2/tobi_header_icon_bg.png) #e60000;background-position-x:center;background-repeat:no-repeat;background-size:contain;border-radius:16px 0 0 0;transition:border-radius 0.5s}.chat-tray .chat-tray-header .chat-tray-close{position:absolute;top:0;left:20px;cursor:pointer}.chat-tray .chat-tray-header .chat-tray-close .chat-tray-close-icon-desktop{width:20px;height:40px;margin:0 auto;display:block;color:#ffffff}.chat-tray .chat-tray-header .chat-tray-close .chat-tray-close-icon-mobile{width:20px;height:28px;margin:5px auto;display:block;color:#ffffff}.chat-tray .chat-tray-header .chat-tray-home{position:absolute;top:5px;right:20px;cursor:pointer}.chat-tray .chat-tray-header .chat-tray-home .chat-tray-home-icon{width:30px;height:30px;margin:0 auto;display:block;fill:#ffffff}.chat-tray .chat-tray-header .hide-indicator{display:none}.chat-tray .chat-tray-header .live-chat-indicator{margin:0 auto;overflow:hidden}.chat-tray .chat-tray-header .live-chat-indicator .waiting-indicator,.chat-tray .chat-tray-header .live-chat-indicator .started-indicator{width:20%;height:28px;margin:11px auto 0;cursor:pointer;background-position-x:center;background-repeat:no-repeat;background-size:contain}.chat-tray .chat-tray-header .live-chat-indicator .waiting-indicator{background-image:url(/cms/images/ws2/tobi_waiting_agent.png);opacity:1;animation:blinker 1s step-start infinite}.chat-tray .chat-tray-header .live-chat-indicator .started-indicator{background-image:url(/cms/images/ws2/tobi_agent_ready.png);animation:agentIconWiggle 1.5s step-start infinite}.chat-tray .chat-tray-header .live-chat-indicator .indicator-prompt{margin:0 auto;text-align:center;font-size:16px}.chat-tray .chat-tray-header .live-chat-indicator .hide-prompt{display:none}.chat-tray .chat-tray-footer{height:40px;background:#e60000;border-radius:0 0 0 16px;transition:border-radius 0.5s}.chat-tray .indicator-container-outer{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.chat-tray .indicator-container-outer .indicator-container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:70%;max-width:100px;margin-left:auto;margin-right:auto;padding-bottom:5px;-webkit-justify-content:space-around;justify-content:space-around}.chat-tray .indicator-container-outer .indicator-container .status-indicator{width:9px;height:9px;border-radius:50%;opacity:0.7;margin-top:4px;border:1px solid #ffffff}.chat-tray .indicator-container-outer .indicator-container .active{width:16px;height:16px;opacity:1;margin-top:0}.chat-tray .indicator-container-outer .indicator-container .status1{background-color:#3a841f}.chat-tray .indicator-container-outer .indicator-container .status2{background-color:#5ba93f}.chat-tray .indicator-container-outer .indicator-container .status3{background-color:#b19a00}.chat-tray .indicator-container-outer .indicator-container .status4{background-color:#f49124}.chat-tray .indicator-container-outer .indicator-container .status5{background-color:#f37461}.chat-tray .indicator-container-outer .indicator-container .status6{background-color:#e60000}.chat-tray .chat-tray-close-header{border-radius:16px 16px 0 0}.chat-tray .chat-tray-close-footer{border-radius:0 0 16px 16px}.chat-tray .chat-tray-body{height:calc(100% - 40px - 40px);background:#ffffff}.chat-tray .chat-tray-body .tray-scroll-bar{background-color:#fff}.chat-tray .chat-tray-body .tray-scroll-bar .scroll-view{overflow-y:scroll !important;overflow-x:hidden !important;margin-bottom:-6px !important}.chat-tray .chat-tray-body .tray-scroll-bar .horizontal-scrollbar{display:none}.chat-tray .chat-tray-body .tray-scroll-bar .vertical-scrollbar{position:absolute;width:6px;right:2px;bottom:2px;top:2px;border-radius:3px;z-index:0;height:-moz-fit-content}.chat-tray .chat-tray-body .tray-scroll-bar .vertical-scrollbar-inner{background-color:#4a4a4a;border-radius:inherit}.chat-tray .chat-tray-body .tray-content-container{height:100%;width:100%;bottom:0;position:relative;top:0}.chat-tray .chat-tray-body .tray-content-container .hide-spinner,.chat-tray .chat-tray-body .tray-content-container .hide-iframe{display:none}.chat-tray .chat-tray-body .tray-content-container .tray-spinner{margin:50px}.chat-tray .chat-tray-body .tray-content-container .tray-question-link{display:block;height:32px;color:#3572b0;text-decoration:underline;margin-left:8px}.chat-tray .chat-tray-body .tray-content-container .tray-notice{display:block;text-align:center;padding:4px 10px !important;font-size:18px !important}.chat-tray .chat-tray-body .tray-content-container .data-rate{display:block;color:#e60000;text-decoration:underline;cursor:pointer}.chat-tray .chat-tray-body .tray-content-container .link-button-red{display:block;height:30px;width:80%;text-align:center;background:#e60000;color:#ffffff;line-height:30px;margin:10px auto;font-size:18px;border-radius:4px}.chat-tray .chat-tray-body .tray-content-container .link-button-grey{display:block;height:30px;width:80%;text-align:center;background:#666666;color:#ffffff;line-height:30px;margin:10px auto;font-size:18px;border-radius:4px}.chat-tray .chat-tray-body .tray-content-container .tray-embed-html{height:100%;width:100%;border:none}.chat-tray .chat-tray-body .content-list{padding:4px 10px}.chat-tray .chat-tray-body .content-list .content-group{margin:10px;border:1px solid #cccccc;border-radius:4px;overflow:hidden}.chat-tray .chat-tray-body .content-list .list-title{width:100%;height:50px;overflow:hidden;clear:both;cursor:pointer}.chat-tray .chat-tray-body .content-list .list-title-bg{float:left;width:5px;height:50px;background-color:#4a4a4a}.chat-tray .chat-tray-body .content-list .list-title-detail{float:left;margin-left:10px;line-height:50px;font-size:20px}.chat-tray .chat-tray-body .content-list .list-title-chevron{float:right;width:30px;margin:12px;cursor:pointer}.chat-tray .chat-tray-body .content-list .show{display:block}.chat-tray .chat-tray-body .content-list .hide{display:none}.chat-tray .chat-tray-body .content-list .list-detail{padding:0;max-height:0}.chat-tray .chat-tray-body .content-list .list-detail p{line-height:20px;font-size:16px;padding:10px;margin:0}.chat-tray .chat-tray-body .content-list .expanded .list-detail{border-top:1px solid #cccccc;max-height:600px;transition:max-height 0.5s ease-in}.chat-tray .html-in-tray .tray-scroll-bar .vertical-scrollbar{display:none}.chat-tray .with-indicator{height:calc(100% - 58px - 40px) !important;margin-top:18px}.chat-tray-open{border-radius:16px 0 0 16px}@media only screen and (max-width: 767px){.chat-tray{bottom:0 !important;height:100% !important;max-height:100%;right:0;width:100%;z-index:2;border:none;border-radius:16px}.chat-tray .chat-tray-body{border-right:1px solid #e60000;border-left:1px solid #e60000}.chat-tray .chat-tray-header{border-radius:16px 16px 0 0}.chat-tray .chat-tray-footer{border-radius:0 0 16px 16px}}@keyframes blinker{50%{opacity:0}}@keyframes agentIconWiggle{0%{transform:translate(1px, 1px) rotate(0deg)}5%{transform:translate(0px, -2px) rotate(-1deg)}10%{transform:translate(-1px, 0px) rotate(1deg)}15%{transform:translate(2px, 2px) rotate(0deg)}20%{transform:translate(1px, -1px) rotate(1deg)}25%{transform:translate(0px, 2px) rotate(-1deg)}30%{transform:translate(-1px, 1px) rotate(0deg)}35%{transform:translate(2px, 1px) rotate(-1deg)}40%{transform:translate(-1px, -1px) rotate(1deg)}45%{transform:translate(1px, 2px) rotate(0deg)}50%{transform:translate(0px, -2px) rotate(-1deg)}}