.call-list-item{cursor:pointer;background-color:#fff9;border-radius:4px;margin:4px;padding:4px}.call-list-item:hover{background-color:#fffc}.call-list-item .live-chat-question{text-overflow:ellipsis;white-space:nowrap;font-style:italic;overflow:hidden}.call-list-item .call-list-actions{text-align:right}.call{flex-direction:column;height:100%;display:flex}.call .call-top-tools{color:#fff;z-index:1;background-color:#017c81;padding:5px;box-shadow:0 5px 5px #0000004d}.call .call-top-tools .live-chat-question{text-overflow:ellipsis;white-space:nowrap;font-style:italic;overflow:hidden}.call .messages{flex:1;position:relative;overflow-y:auto}.call .messages .message,.call .messages .call-info{color:#fff;background:#017c81;border-radius:10px;max-width:70%;margin:10px auto 10px 10px;padding:10px}.call .messages .message-from-agent{color:#000;background:#fff;border:1px solid #017c81;margin-left:auto;margin-right:10px}.call .messages .call-info{max-width:100%}.call .users-typing{text-overflow:ellipsis;white-space:nowrap;color:#000;opacity:.7;background:#fff;border-radius:5px;height:18px;margin:2px;font-style:italic;position:absolute;top:-20px;overflow:hidden}.send-bar{color:#fff;background:#017c81;border-bottom-right-radius:10px;border-bottom-left-radius:10px;height:50px;padding:10px;position:relative}.send-bar input,.send-bar button{border:0;height:30px;margin:0}.send-bar input{color:#000;border-radius:5px 0 0 5px;width:calc(100% - 50px);padding-left:5px}.send-bar button{color:#fff;background:#419f9e;border-top-right-radius:5px;border-bottom-right-radius:5px;width:50px}.calls{flex:1;overflow:hidden auto}.calling{text-align:center;font-size:120%}.calling .fa-spinner{font-size:50px}.live-chat-app *{box-sizing:border-box}.chat-overlay{z-index:1005;background-color:#000000e6;width:100%;height:100%;transition:all .5s;position:fixed;top:0;left:0;overflow:hidden}.chat-overlay #new-chat-popup{max-width:500px;margin:auto;position:relative;top:20%;transform:translateY(-20%)}.chat-overlay #new-chat-popup .panel>.panel-heading{color:#fff;background-color:#017c81}.chat-overlay .kudos-bubble{text-align:center;color:#fff;background:#438643;border-radius:5px;padding:1px 4px;font-size:11px;font-weight:400;display:inline;position:relative;top:-10px;left:-10px}.chat-overlay .negative-kudos{background:#e43535}.chat{z-index:100;background:#e4e4e4;border-radius:10px;flex-direction:column;width:300px;height:500px;max-height:calc(100% - 20px);display:flex;position:fixed;bottom:20px;right:20px;box-shadow:5px 5px 10px #00000080}.chat.live-chat-minimized{border-radius:10px;height:50px;overflow:hidden}.chat .header{color:#fff;background:#017c81;border-top-left-radius:10px;border-top-right-radius:10px;height:50px}.chat .header .medallion{text-align:center;float:left;background:#017c81;border:3px solid #fff;border-radius:40px;width:80px;height:80px;font-size:20px;display:none;position:relative;top:-15px}.chat .header .medallion div{padding-top:15px}.chat .header .title{text-align:center;margin-top:3px;padding:10px 100px;font-size:110%;font-weight:700}.chat .header .close{float:right;color:#fff;text-shadow:none;opacity:initial;margin-top:15px;margin-right:10px}.chat .nav-tabs{border:0;flex-wrap:wrap;margin-top:10px;display:flex;overflow:visible}.chat .nav-tabs [class*=col-]{flex-direction:column;padding:0;display:flex}.chat .nav-tabs li{border-top-left-radius:5px;border-top-right-radius:5px;margin:0;overflow:hidden}.chat .nav-tabs li a{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;text-align:center;background:#fff3;border:0;border-radius:0;margin:0;text-decoration:none;overflow:hidden}.chat .nav-tabs li i{cursor:pointer;color:#666;position:absolute;top:2px;right:4px}.chat .nav-tabs li i:hover{color:#fff}.chat .nav-tabs li.active a,.chat .nav-tabs li.active a:hover,.chat .nav-tabs li.active a:focus{color:#fff;background-color:#017c81;border:0}.chat .nav-tabs li.active i{color:#ccc}.chat .nav-tabs li.active i:hover{color:#fff}.online-booking-banner{border:2px solid #d12828;border-radius:5px;margin-bottom:1em;padding:1em;font-weight:700}.online-booking-banner i{color:red;margin-right:5px}
/*$vite$:1*/