body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.logo-container-small{width:54px;height:32px}.logo-container-large{width:241px;height:32px}.sidebar-menu{top:60px}.header-box-shadow{box-shadow:0 5px 5px rgba(0,0,0,.3)}.header-container{display:block;background-color:#0362dd;stroke:#000;stroke-width:20px;padding-top:13px;z-index:999;transition:left .2s}.header-container,.header-container .header-grid-container{top:0;right:0;height:60px;padding-left:10px;padding-right:10px}.header-container .header-grid-container{position:absolute;width:100%;display:grid;grid-template-columns:auto auto 1fr auto;grid-template-areas:"menuButton logo iconButtons userDisplay";grid-column-gap:5px;column-gap:5px}.header-container .header-icon-buttons-container{grid-area:iconButtons;display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-start}.header-container .icon-button{grid-area:menuButton;padding:5px;display:flex;align-items:center;justify-content:center;transition:background-color .3s;cursor:pointer}.header-container .icon-button-open{background-color:#0d75fc}.header-container .icon-button:focus{background-color:#0362dd}.header-container .icon-button svg{fill:#fff;width:30px;height:30px;stroke:none}.header-container .username-display{grid-area:userDisplay;color:#fff;display:flex;align-items:center;justify-content:flex-end;padding-right:8px}.header-container .username-display h1{font-size:14px;margin:0}.header-container .logo{grid-area:logo;display:flex;justify-self:start;align-items:center}.header-container .menu-anim-enter{position:absolute;transform:translate(-86%,-1000%)}.header-container .menu-anim-enter-active{transform:translate(-86%)}.header-container .menu-anim-exit{position:absolute;transform:translate(-86%)}.header-container .menu-anim-exit-active{transform:translate(-86%,-1000%)}.header-container .dropdown{position:absolute;top:58px;width:230px;right:130px;transform:translate(-6%,3%);background-color:#fff;color:grey;border-radius:3px;padding:.5rem;overflow:hidden;display:flex;border:.5px solid #d3d3d3;flex-direction:column;justify-content:center;z-index:999!important;align-items:flex-start;transition:all .2s ease;box-shadow:0 3px 3px 0 rgba(0,0,0,.2),0 3px 3px 0 rgba(0,0,0,.19)}.header-container .dropdown hr{width:100%;margin-top:4px;margin-bottom:4px}.header-container .dropdown .dropdown-title-container{font-size:16px;width:100%;display:flex;align-items:center;justify-content:center}.header-container .dropdown .dropdown-title-container .dropdown-title{font-size:16px;margin:0}.header-container .dropdown .menu-item{height:50px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;border-radius:8px;transition:background .3s;padding:.5rem;width:100%}.header-container .dropdown .menu-item .menu-item-title{font-size:14px;margin-left:8px}@media only screen and (max-width:768px){.header-container{grid-template-columns:auto auto 1fr;grid-template-areas:"menuButton logo iconButtons"}.header-container .dropdown{right:0}.username-display{visibility:hidden}}@media only screen and (max-height:710px){.header-container{height:60px}.header-container .dropdown{transform:translate(-6%,-3%)}}.button-wrapper{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.num{font-size:24px;margin-top:8px}.letter{font-size:9px;margin-bottom:8px}.b{font-family:"Helvetica","Arial",sans-serif;font-style:normal;display:flex;flex-direction:column;justify-content:center;align-items:center;height:56px;width:56px;border-radius:50%;text-align:center;color:#000;background-color:#e0e0e0;cursor:pointer}.b:hover{background-color:silver;transition-property:background-color .1s linear 0s;-moz-transition:background-color .1s linear 0s;-webkit-transition:background-color .1s linear 0s;-o-transition:background-color .1s linear 0s}.ac-button-base{color:inherit;border:0;cursor:pointer;margin:0;display:inline-flex;outline:0;padding:0;position:relative;align-items:center;-webkit-user-select:none;user-select:none;border-radius:0;vertical-align:middle;-moz-appearance:none;justify-content:center;text-decoration:none;background-color:transparent;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ac-fab-base{color:rgba(0,0,0,.87);width:56px;height:56px;padding:0;font-size:.875rem;min-width:0;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);box-sizing:border-box;min-height:36px;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border .25s cubic-bezier(.4,0,.2,1) 0ms;font-family:"Helvetica","Arial",sans-serif;font-weight:500;line-height:1.75;border-radius:50%;letter-spacing:.02857em;text-transform:uppercase;background-color:#e0e0e0}.ac-fab-base .fab-icon{height:24px!important;width:24px!important;color:#fff}.ac-fab-base .fab-icon-medium{height:36px!important;width:36px!important;color:#fff}.ac-fab-green{background-color:#4caf50;color:rgba(0,0,0,.87)}.ac-fab-green:hover{background-color:#357a38}.ac-fab-red{background-color:#f44336}.ac-fab-blue{background-color:#00f}.ac-fab-red:hover{background-color:#aa2e25}.ac-fab-disabled{color:hsla(0,0%,100%,.3);box-shadow:none;background-color:25,25,25,.22;pointer-events:none}.transfer-dest-list-container{background-color:#fff;width:100px;height:auto;position:absolute;transform:translate(210px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border-radius:4px}.transfer-dest-list-container hr{margin-top:0;margin-bottom:0;width:100px;border-top:1px solid rgba(0,0,0,.5)}.transfer-dest-list-container .transfer-list-item{display:block;background-color:#fff;width:100px;padding-left:2px;cursor:pointer;border-radius:4px;overflow:hidden;text-overflow:ellipsis;max-width:100px;white-space:nowrap;max-height:30px}.transfer-dest-list-container .transfer-list-item:hover{background-color:#e6e6e6}@media only screen and (max-width:575px){.transfer-dest-list-container{visibility:hidden}}.main-content-dialer{width:320px;height:430px;display:flex;justify-content:center;align-items:center;flex-direction:row;position:absolute;bottom:30%}.z-index-front{z-index:9999}.z-index-mid{z-index:999}@media only screen and (max-height:765px){.main-content-dialer{bottom:11%}}html{width:100%}body,html{height:100%}body{margin:0;overflow:hidden}body #root{height:100%}.App{text-align:center;height:100vh}.app-flex-container{min-width:320px;display:flex;flex-direction:column;position:fixed;width:100%;height:100%}.app-component-wrapper{display:block;top:0;left:0;width:100%;position:absolute;overflow-y:auto}.close-menu-icon{top:8px;left:0;transform:rotate(90deg)}.close-menu-icon,.menu-logo-icon{position:absolute;stroke-width:0px}.menu-logo-icon{top:16px;right:10px}.wrapper{display:grid;grid-template-columns:100%;grid-template-rows:100%;grid-template-areas:"main";grid-gap:0;top:0;width:100%;height:100%;position:absolute;text-align:center}.wrapper .main-panel{display:flex;flex-direction:column;justify-content:space-between;grid-area:main;background-color:#1f3643;z-index:1!important}.wrapper .main-panel .main-content-container{position:absolute;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:row}@media only screen and (max-height:710px){.wrapper .main-panel .main-content-container{padding-bottom:0}}.wrapper .main-panel .top-info-bar{flex-shrink:0;font-family:"Helvetica","Arial";min-height:40px;display:grid;grid-template-columns:100%;grid-template-areas:"mainInfoBar";position:relative;width:100%;z-index:999!important}.wrapper .main-panel .bottom-actions-bar-root{position:relative;height:80px;width:100%;bottom:0;display:flex;flex-direction:row;justify-content:center;align-items:center;z-index:999!important;pointer-events:none}.wrapper .right-element{grid-area:right;margin:10px;display:flex;flex-direction:column;justify-content:top;align-content:center;min-width:0}.wrapper .right-element li{background-color:#00f;font-size:40px;list-style-type:none;margin:10px}.wrapper .sidebar{background-color:#000;position:absolute;top:0;height:100%;bottom:0;width:210px;left:0;z-index:1030;border-right:1px solid #ddd}.ic-normal{height:35px}.ic-small{height:20px;width:20px}@media only screen and (max-width:768px){.main-content-container{padding-bottom:0}.wrapper{display:grid;grid-template-columns:100%;grid-template-rows:100%;grid-template-areas:"main"}.wrapper .main-panel{grid-area:main}.wrapper .main-panel .top-info-bar{width:100%}}.Stopwatch{display:flex;align-items:center;justify-items:center}.Stopwatch .Stopwatch-display{font-family:"Helvetica","Arial",sans-serif;font-size:14px;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#fff;margin-bottom:0}.info-bar-item-root{cursor:default;grid-area:mainInfoBar;padding:0;display:grid;grid-template-columns:94% 6%;grid-template-areas:"barItemMain barItemVideoIcon";height:40px;width:100%;transition:filter .3s;filter:opacity(.5);background-color:rgba(0,0,0,.5)}.info-bar-item-root .info-bar-item-content{grid-area:barItemMain;width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:40px}.info-bar-item-root .info-bar-item-content .stopwatch-container{grid-area:stopwatch;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:12px;color:#fff;margin-left:16px}.info-bar-item-root .info-bar-item-content .status-primary-ic-container{grid-area:statusPrimary;display:flex;flex-direction:row;justify-content:center;align-items:center;height:40px;margin-left:16px}.info-bar-item-root .info-bar-item-content .status-secondary-ic-container{grid-area:statusSec;display:flex;flex-direction:row;justify-content:center;align-items:center;height:40px;margin-left:16px}.info-bar-item-root .info-bar-item-content .remote-call-primary{grid-area:remotePrimary;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-left:16px}.info-bar-item-root .info-bar-item-content .remote-call-secondary{grid-area:remoteSec;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-left:16px}.info-bar-item-root .info-bar-item-content .top-info-title{font-size:16px;color:#fff}.info-bar-item-root .info-bar-item-content .top-info-subtitle{font-size:16px;margin-bottom:0;margin-left:2px;color:#fff;font-weight:500}.info-bar-item-root .info-bar-item-video-ic{grid-area:barItemVideoIcon;display:flex;justify-content:flex-end;align-items:center;height:40px;margin-right:12px}.info-bar-item-clickable :hover{cursor:pointer}.incoming-call-item{filter:opacity(1);background-image:linear-gradient(90deg,rgba(1,29,55,.75),rgba(3,95,163,.75))!important}.focused-call-item{filter:opacity(1);font-weight:700}.focused-call-item h1{font-weight:700}.bottom-actions-bar-content{width:100%;height:80px;pointer-events:none}.bottom-actions-bar-content .MuiToggleButtonGroup-root{display:inline-flex;border-radius:4px;background-color:#000}.bottom-actions-bar-content .MuiToggleButton-root.Mui-selected{color:#fff;background-color:rgba(0,0,0,.12)}.bottom-actions-bar-content .MuiToggleButton-root{color:grey;border:1px solid rgba(0,0,0,.12);height:48px;padding:0 10px;font-size:.875rem;box-sizing:border-box;font-family:"Helvetica","Arial",sans-serif;font-weight:500;line-height:1.75;border-radius:4px;letter-spacing:.02857em;text-transform:uppercase;outline:none}.bottom-actions-bar-content .MuiToggleButton-root.Mui-disabled{color:#272727}.bottom-actions-bar-content .MuiSvgIcon-root{fill:currentColor;width:35px;height:35px;display:inline-block;font-size:1.5rem;transition:fill .2s cubic-bezier(.4,0,.2,1) 0ms;flex-shrink:0;-webkit-user-select:none;user-select:none}@media only screen and (max-width:768px){.bottom-actions-bar-content .MuiToggleButton-root{padding:0 3px}}.main-video{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));grid-template-rows:repeat(2,minmax(100px,1fr));grid-template-areas:"v1 v2" "v3 v4"}.main-video .v1{grid-area:v1}.main-video .v2{grid-area:v2}.main-video .v3{grid-area:v3}.main-video .v4{grid-area:v4}.main-video .vfull{grid-column-start:1;grid-column-end:3;grid-row-start:1;grid-row-end:3}.main-video .video-item{display:flex;align-items:center;justify-content:center;z-index:80;width:100%;height:100%;max-height:inherit}.main-video .hidden-video{width:1px;height:1px;opacity:0}.main-video .screen-share-video video{object-fit:contain}.main-video .self-video{position:absolute;bottom:0;left:0;width:190px;height:220px;z-index:999;outline-width:1px;outline-color:rgba(0,0,0,.4509803922);outline-style:solid;box-shadow:5px 5px 10px -5px #000;background-color:#000;display:flex;align-items:center;justify-content:center}.main-video .self-video video{width:100%;height:100%}.main-video .self-video .self-video-header{width:100%;top:0;height:40px}.main-video video{width:100%;height:100%;object-fit:cover;max-height:inherit}@media only screen and (max-width:768px){.main-video,.main-video .video-item{display:flex;align-items:center;justify-content:center}.main-video .video-item{width:100%;height:100%;z-index:998}.main-video .self-video{width:120px;height:150px;margin-bottom:60px}.main-video video{width:100%;height:100%}}.self-video-header-mock{display:block;bottom:200px;left:0;height:50px;background-color:#789}.self-video-header-mock,.self-video-mock{position:absolute;width:190px;z-index:999;box-shadow:5px 5px 10px -5px #000}.self-video-mock{display:flex;top:50px;right:0;height:220px;background-color:#000;visibility:hidden}.self-video-mock p{padding:50px;color:#000;font:bolder}.chat-container{display:flex;flex-direction:column;height:100%;width:100%}.chat-header{flex-grow:0;text-align:center;font-size:18px;font-weight:700;background-color:#fff;box-shadow:0 5px 5px rgba(0,0,0,.5);z-index:100}.chat-message-item-container{display:inline-flex;flex-shrink:0}.chat-message-item-container-outgoing{flex-direction:row-reverse}.chat-message-item-container-incoming{flex-direction:row}.chat-message-item-avatar-container{width:30px;height:30px;flex-shrink:0;margin-left:5px}.chat-message-item-avatar-default{background-color:#fff;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;font-weight:bolder}.chat-message-item{display:flex;flex-direction:column;border-radius:5px;margin:5px;padding:5px;position:relative}.chat-message-item-outgoing{align-self:flex-end;border-radius:10px 0 10px 10px;background-color:#7e7e7e;margin-left:50px;margin-right:10px}.chat-message-item-incoming{align-self:flex-start;border-radius:0 10px 10px 10px;background-color:#c9c9c9;margin-right:50px;margin-left:10px}.chat-message-item-sender{font-weight:700}.chat-message-item-text-area{font-size:14px;font-weight:500;text-align:start}.chat-message-item-timestamp{font-size:12px;margin-top:5px}.chat-message-item-widget-container{display:block}.chat-message-item-bubble-tip{height:0;width:0;border-bottom:8px solid transparent;top:0;position:absolute}.chat-message-item-incoming>.chat-message-item-bubble-tip{border-right:8px solid #c9c9c9;left:-5px}.chat-message-item-outgoing>.chat-message-item-bubble-tip{border-left:8px solid #7e7e7e;right:-5px}.chat-message-item-incoming>.chat-message-item-sender,.chat-message-item-incoming>.chat-message-item-timestamp{text-align:left}.chat-message-item-outgoing>.chat-message-item-sender{text-align:right;display:none}.chat-message-item-outgoing>.chat-message-item-timestamp{text-align:right}.chat-messages-container{flex-grow:1;display:flex;flex-direction:column;overflow:auto;padding-top:5px;background-color:#000}.chat-input-container{flex-grow:0;flex-shrink:0;position:relative}.chat-input-field-form{display:flex;flex-direction:row;justify-content:space-between;background-color:#fff}.chat-input-field-input{font-size:16px;border:0;border-top:1px solid #eee;box-sizing:border-box;opacity:1;outline:none;padding:16px 10px;width:100%;-webkit-appearance:none}.chat-input-field-button{background-color:initial;border:0;box-shadow:none;cursor:pointer;fill:#4a4a4a;opacity:1;outline:none;padding:14px 16px 12px;right:0;top:0}.chatbot-container{display:flex;line-height:21px;flex-direction:column;align-items:flex-end;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;transition:width .3s ease;width:100%}.chatbot-container button,.chatbot-container div{pointer-events:auto}.chatbot-chat-area{min-height:200px;box-shadow:-4px 14px 15px rgba(0,0,0,.75);border-radius:10px;overflow:hidden;width:100%;height:100%}.chatbot-chat-area-flex-item{align-self:flex-end}.chatbot-button{outline-color:transparent!important;outline-width:0!important;background-color:rgba(0,0,0,.4);display:flex;align-items:center;align-content:center;justify-content:center;flex-shrink:0;cursor:pointer;border:none;border-radius:20px;padding:5px 10px;z-index:6}.agent-assist-header-toolbar{min-width:70px;margin-left:10px;border:0;flex-grow:0;flex-shrink:0;z-index:10;align-self:flex-start}.agent-assist-header-base{flex-shrink:0;position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:10px}@keyframes eq-uppydowny{0%{transform:scaleY(1)}50%{transform:scaleY(.5)}to{transform:scaleY(1)}}.eq__bar{position:absolute;bottom:0;animation-name:eq-uppydowny;animation-iteration-count:infinite;transform-origin:8px 16px;-webkit-transform-origin:8px 16px}#eq1{animation-duration:.5s}#eq2{animation-duration:1.3s}#eq3{animation-duration:.7s}.user-display-container{display:grid;grid-area:userDisplay;grid-template-columns:auto minmax(20px,1fr) auto;grid-template-rows:30px;grid-template-areas:". sipIcon sipUser" "expandIcon agentIcon agentUser"}.sip-display-text{grid-area:sipUser}.agent-display-text{grid-area:agentUser}.expand-icon{padding-top:3px;grid-area:expandIcon;display:block}.agent-display-text,.sip-display-text{padding-top:3px;padding-left:8px;color:#fff;display:flex;justify-self:start;align-items:center;justify-content:flex-end;padding-right:8px}.agent-display-text h1,.sip-display-text h1{font-family:Helvetica,Arial,sans-serif;font-size:14px;margin:0}.sip-icon{grid-area:sipIcon}.agent-icon{grid-area:agentIcon}.agent-icon,.sip-icon{padding-top:3px;display:flex;align-items:center;justify-self:start}.itemsContainerFlexList{display:flex!important;flex-direction:column!important;text-align:start!important;max-width:500px}.itemFlexList{display:flex!important;justify-content:space-between!important;align-items:center;overflow:hidden}.itemIconFlexList{display:inline-block!important;flex-shrink:0!important}.itemTextFlexList{display:inline!important;flex-grow:1!important;margin-left:10px;margin-right:10px;overflow-wrap:anywhere}.listItemLarge,.listItemLarge p:hover,.listItemSmall,.listItemSmall p:hover{cursor:default}.listItemDisabled img,.listItemDisabled p,.listItemDisabled span,.listItemDisabled svg{opacity:.5}.listItemDisabled :hover{background-color:transparent}.listItemLarge{min-height:35px}.listItemLarge,.listItemSmall{padding-top:2px!important;padding-bottom:0!important}.listItemIconContainer{min-width:25px;height:25px;stroke-width:0}.listItemTextLarge{font-size:16px;line-height:19px;font-weight:500}.listItemTextSipRegistration,.listItemTextSmall{font-size:14px;line-height:16px;font-weight:500}.listItemTextAgentStatus{font-size:14px;line-height:16px;font-weight:700}.listItemTextBold{font-weight:700}.listItemTextLarge,.listItemTextSipRegistration,.listItemTextSmall{font-style:normal}.listItemTextAgentStatus,.listItemTextBold,.listItemTextLarge,.listItemTextSipRegistration,.listItemTextSmall{font-family:Helvetica,Arial,sans-serif}.cancel-button{margin-left:5px!important;margin-top:5px!important;background-color:transparent;border-color:transparent;position:relative;cursor:pointer;float:left;color:#0362dd}.cancel-button-hidden{display:none!important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:0;visibility:hidden}::-webkit-scrollbar-thumb{background:#f8f6f6;border-radius:10px}