.call-list-item{margin:4px;border-radius:4px;background-color:rgba(255,255,255,0.6);padding:4px;cursor:pointer}.call-list-item:hover{background-color:rgba(255,255,255,0.8)}.call-list-item .live-chat-question{font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-list-item .call-list-actions{text-align:right}

.call{height:100%;display:flex;flex-direction:column}.call .call-top-tools{background-color:#017c81;color:white;padding:5px;box-shadow:rgba(0,0,0,0.3) 0px 5px 5px;z-index:1}.call .call-top-tools .live-chat-question{font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call .messages{overflow-y:auto;flex:1;position:relative}.call .messages .message,.call .messages .call-info{background:#017c81;margin:10px;border-radius:10px;max-width:70%;margin-right:auto;padding:10px;color:white}.call .messages .message-from-agent{margin-right:10px;margin-left:auto;background:white;border:1px solid #017c81;color:black}.call .messages .call-info{max-width:100%}.call .users-typing{height:18px;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:black;background:white;opacity:0.7;border-radius:5px;position:absolute;top:-20px;margin:2px}.send-bar{background:#017c81;color:white;height:50px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:10px;position:relative}.send-bar input,.send-bar button{border:0px;margin:0px;height:30px}.send-bar input{border-radius:5px 0px 0px 5px;width:calc(100% - 50px);padding-left:5px;color:black}.send-bar button{width:50px;background:#419f9e;color:white;border-top-right-radius:5px;border-bottom-right-radius:5px}

.calls{overflow-y:auto;overflow-x:hidden;flex:1}

.calling{text-align:center;font-size:120%}.calling .fa-spinner{font-size:50px}

.live-chat-app *{box-sizing:border-box}.chat-overlay{height:100%;width:100%;position:fixed;z-index:1005;top:0;left:0;background-color:#000;background-color:rgba(0,0,0,0.9);overflow:hidden;transition:0.5s}.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{background-color:#017c81;color:white}.chat-overlay .kudos-bubble{position:relative;display:inline;top:-10px;left:-10px;padding:1px 4px;text-align:center;background:#438643;border-radius:5px;color:white;font-size:11px;font-weight:normal}.chat-overlay .negative-kudos{background:#e43535}.chat{width:300px;height:500px;background:#e4e4e4;border-radius:10px;display:flex;flex-direction:column;position:fixed;right:20px;bottom:20px;box-shadow:5px 5px 10px rgba(0,0,0,0.5);z-index:100;max-height:calc(100% - 20px)}.chat.live-chat-minimized{height:50px;border-radius:10px;overflow:hidden}.chat .header{background:#017c81;color:white;height:50px;border-top-left-radius:10px;border-top-right-radius:10px}.chat .header .medallion{display:none;width:80px;height:80px;border-radius:40px;text-align:center;font-size:20px;position:relative;top:-15px;float:left;background:#017c81;border:3px solid white}.chat .header .medallion div{padding-top:15px}.chat .header .title{padding:10px 100px;text-align:center;font-weight:bold;font-size:110%;margin-top:3px}.chat .header .close{float:right;margin-right:10px;margin-top:15px;color:white;text-shadow:none;opacity:initial}.chat .nav-tabs{overflow:visible;display:flex;flex-wrap:wrap;border:0;margin-top:10px}.chat .nav-tabs [class*='col-']{display:flex;flex-direction:column;padding:0}.chat .nav-tabs li{margin:0;border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden}.chat .nav-tabs li a{text-decoration:none;cursor:pointer;margin:0;border:0;border-radius:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;background:rgba(255,255,255,0.2)}.chat .nav-tabs li i{position:absolute;top:2px;right:4px;cursor:pointer;color:#666}.chat .nav-tabs li i:hover{color:white}.chat .nav-tabs li.active a,.chat .nav-tabs li.active a:hover,.chat .nav-tabs li.active a:focus{background-color:#017c81;color:white;border:0}.chat .nav-tabs li.active i{color:#ccc}.chat .nav-tabs li.active i:hover{color:white}.online-booking-banner{border:2px solid #d12828;border-radius:5px;padding:1em;margin-bottom:1em;font-weight:bold}.online-booking-banner i{color:red;margin-right:5px}


/*# sourceMappingURL=live-chat.css.map*/