/*! Zomnio Desktop */.hide{display:none}.cloak{opacity:0}html,body{min-height:100%}*,html,body,ul,ol,li,img,p,a{-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-khtml-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-o-tap-highlight-color:transparent;tap-highlight-color:transparent;border:0;font-weight:lighter;line-height:1;list-style-image:none;list-style-type:none;margin:0;outline:0;padding:0;text-decoration:none}a,a:link,a:visited,a:active,input,button,textarea,select{-webkit-transition:all .2s ease-in-out;-khtml-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border-radius:0}button,textarea,select{-webkit-appearance:none}button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner,select::-moz-focus-inner{border:0;margin:0;padding:0;width:0}a>svg{pointer-events:none}svg{fill:inherit}::selection{background:#e7e0da;color:#e36700}::-moz-selection{background:#e7e0da;color:#e36700}.cta,a.cta{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-touch-callout:none;-moz-touch-callout:none;-ms-touch-callout:none;-o-touch-callout:none;touch-callout:none;display:inline-block;position:relative;border:2px solid #1c98ff;border-radius:25px;background-color:#1c98ff;color:#fff;cursor:pointer;font-family:"Source-Sans-Pro-B";font-size:12px;letter-spacing:0.04em;padding:10px 20px;text-transform:uppercase}.cta.hybrid,a.cta.hybrid{padding-left:38px}.cta.hybrid svg,a.cta.hybrid svg{left:16px;position:absolute}.cta.mini,a.cta.mini{font-family:"M";font-size:11px;padding:5px 8px}.cta svg,a.cta svg{fill:#fff;height:12px;width:12px}.sr-only{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;height:1px;width:1px;overflow:hidden}@font-face{font-family:'Source-Sans-Pro-BLACK';src:url("./fonts/sourcesanspro-black-webfont.eot");src:url("./fonts/sourcesanspro-black-webfont.eot?#iefix") format("embedded-opentype"),url("./fonts/sourcesanspro-black-webfont.woff2") format("woff2"),url("./fonts/sourcesanspro-black-webfont.woff") format("woff"),url("./fonts/sourcesanspro-black-webfont.ttf") format("truetype"),url("./fonts/sourcesanspro-black-webfont.svg#Source-Sans-Pro-black") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Source-Sans-Pro-BLACKI';src:url("./fonts/sourcesanspro-blackit-webfont.eot");src:url("./fonts/sourcesanspro-blackit-webfont.eot?#iefix") format("embedded-opentype"),url("./fonts/sourcesanspro-blackit-webfont.woff2") format("woff2"),url("./fonts/sourcesanspro-blackit-webfont.woff") format("woff"),url("./fonts/sourcesanspro-blackit-webfont.ttf") format("truetype"),url("./fonts/sourcesanspro-blackit-webfont.svg#Source-Sans-Pro-black_italic") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Source-Sans-Pro-B';src:url("./fonts/sourcesanspro-bold-webfont.eot");src:url("./fonts/sourcesanspro-bold-webfont.eot?#iefix") format("embedded-opentype"),url("./fonts/sourcesanspro-bold-webfont.woff2") format("woff2"),url("./fonts/sourcesanspro-bold-webfont.woff") format("woff"),url("./fonts/sourcesanspro-bold-webfont.ttf") format("truetype"),url("./fonts/sourcesanspro-bold-webfont.svg#Source-Sans-Pro-bold") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Source-Sans-Pro-BI';src:url("./fonts/sourcesanspro-boldit-webfont.eot");src:url("./fonts/sourcesanspro-boldit-webfont.eot?#iefix") format("embedded-opentype"),url("./fonts/sourcesanspro-boldit-webfont.woff2") format("woff2"),url("./fonts/sourcesanspro-boldit-webfont.woff") format("woff"),url("./fonts/sourcesanspro-boldit-webfont.ttf") format("truetype"),url("./fonts/sourcesanspro-boldit-webfont.svg#Source-Sans-Pro-bold_italic") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Source-Sans-Pro-XL';src:url("./fonts/sourcesanspro-extralight-webfont.eot");src:url("./fonts/sourcesanspro-extralight-webfont.eot?#iefix") format("embedded-opentype"),url("./fonts/sourcesanspro-extralight-webfont.woff2") format("woff2"),url("./fonts/sourcesanspro-extralight-webfont.woff") format("woff"),url("./fonts/sourcesanspro-extralight-webfont.ttf") format("truetype"),url("./fonts/sourcesanspro-extralight-webfont.svg#Source-Sans-Pro-extralight") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Source-Sans-Pro-XLI';src:url("./fonts/sourcesanspro-extralightit-webfont.eot");src:url("./fonts/sourcesanspro-extralightit-webfont.eot?#iefix") format("embedded-opentype"),url("./fonts/sourcesanspro-extralightit-webfont.woff2") format("woff2"),url("./fonts/sourcesanspro-extralightit-webfont.woff") format("woff"),url("./fonts/sourcesanspro-extralightit-webfont.ttf") format("truetype"),url("./fonts/sourcesanspro-extralightit-webfont.svg#Source-Sans-Pro-XLtIt") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Source-Sans-Pro-I';src:url("./fonts/sourcesanspro-it-webfont.eot");src:url("./fonts/sourcesanspro-it-webfont.eot?#iefix") format("embedded-opentype"),url("./fonts/sourcesanspro-it-webfont.woff2") format("woff2"),url("./fonts/sourcesanspro-it-webfont.woff") format("woff"),url("./fonts/sourcesanspro-it-webfont.ttf") format("truetype"),url("./fonts/sourcesanspro-it-webfont.svg#Source-Sans-Pro-italic") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Source-Sans-Pro-L';src:url("./fonts/sourcesanspro-light-webfont.eot");src:url("./fonts/sourcesanspro-light-webfont.eot?#iefix") format("embedded-opentype"),url("./fonts/sourcesanspro-light-webfont.woff2") format("woff2"),url("./fonts/sourcesanspro-light-webfont.woff") format("woff"),url("./fonts/sourcesanspro-light-webfont.ttf") format("truetype"),url("./fonts/sourcesanspro-light-webfont.svg#Source-Sans-Pro-light") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Source-Sans-Pro-LI';src:url("./fonts/sourcesanspro-lightit-webfont.eot");src:url("./fonts/sourcesanspro-lightit-webfont.eot?#iefix") format("embedded-opentype"),url("./fonts/sourcesanspro-lightit-webfont.woff2") format("woff2"),url("./fonts/sourcesanspro-lightit-webfont.woff") format("woff"),url("./fonts/sourcesanspro-lightit-webfont.ttf") format("truetype"),url("./fonts/sourcesanspro-lightit-webfont.svg#Source-Sans-Pro-light_italic") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Source-Sans-Pro';src:url("./fonts/sourcesanspro-regular-webfont.eot");src:url("./fonts/sourcesanspro-regular-webfont.eot?#iefix") format("embedded-opentype"),url("./fonts/sourcesanspro-regular-webfont.woff2") format("woff2"),url("./fonts/sourcesanspro-regular-webfont.woff") format("woff"),url("./fonts/sourcesanspro-regular-webfont.ttf") format("truetype"),url("./fonts/sourcesanspro-regular-webfont.svg#Source-Sans-Pro-regular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Source-Sans-Pro-SB';src:url("./fonts/sourcesanspro-semibold-webfont.eot");src:url("./fonts/sourcesanspro-semibold-webfont.eot?#iefix") format("embedded-opentype"),url("./fonts/sourcesanspro-semibold-webfont.woff2") format("woff2"),url("./fonts/sourcesanspro-semibold-webfont.woff") format("woff"),url("./fonts/sourcesanspro-semibold-webfont.ttf") format("truetype"),url("./fonts/sourcesanspro-semibold-webfont.svg#Source-Sans-Pro-semibold") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Source-Sans-Pro-SBI';src:url("./fonts/sourcesanspro-semiboldit-webfont.eot");src:url("./fonts/sourcesanspro-semiboldit-webfont.eot?#iefix") format("embedded-opentype"),url("./fonts/sourcesanspro-semiboldit-webfont.woff2") format("woff2"),url("./fonts/sourcesanspro-semiboldit-webfont.woff") format("woff"),url("./fonts/sourcesanspro-semiboldit-webfont.ttf") format("truetype"),url("./fonts/sourcesanspro-semiboldit-webfont.svg#Source-Sans-Pro-SBdIt") format("svg");font-weight:normal;font-style:normal}body{background-color:#f9f9f9;color:rgba(24,31,37,0.7);font-family:"Source-Sans-Pro";font-size:16px;padding-left:70px;height:100%}html{height:100%}.app{background-color:#f9f9f9;height:100%}.app,.app>div{display:table;position:relative;clear:both;float:none;width:100%;height:100%;min-height:100%}.app,.nav{display:none}p{line-height:160%;margin-bottom:20px}section{display:table;position:relative;clear:both;float:none;width:100%}body nav.primary{background-color:#181f25;display:none;height:100%;left:0;position:fixed;top:0;width:70px}body nav.primary a{display:inline-block;position:relative;border-bottom:1px solid rgba(231,224,218,0.1);padding:18px 27px}body nav.primary a.logo{background-image:linear-gradient(to top right, #0071cf, #1c98ff);border:none;padding:18px 24px}body nav.primary a.logo svg{fill:#fff;width:22px}body nav.primary a.active svg{fill:#fff}body nav.primary a svg{fill:rgba(255,255,255,0.5);height:15px;width:15px}header{display:table;position:relative;clear:both;float:none;width:100%;background-color:#fff;border-bottom:1px solid rgba(24,31,37,0.1);z-index:1}.user-container:hover .status-selector{max-height:500px}.user-container,.user-container>div,.user-container .user,.user-container .user>div{display:inline-block;position:relative;float:left}.status-selector{display:block;left:0;position:absolute;top:54px;width:100%;border-top:1px solid #e8e9e9;max-height:0px;overflow:hidden;-webkit-transition:max-height 0.2s;-moz-transition:max-height 0.2s;-ms-transition:max-height 0.2s;-o-transition:max-height 0.2s;transition:max-height 0.2s;transition-delay:0.2s}.status-selector a{display:inline-block;position:relative;cursor:pointer;font-size:12px;padding:11px 20px;font-family:"Source-Sans-Pro-SBI";letter-spacing:0.02em;background-color:#fff;border-bottom:1px solid rgba(24,31,37,0.1);border-left:1px solid rgba(24,31,37,0.1);border-right:1px solid rgba(24,31,37,0.1);width:100%;-webkit-transition:background-color 0.5s;-moz-transition:background-color 0.5s;-ms-transition:background-color 0.5s;-o-transition:background-color 0.5s;transition:background-color 0.5s}.status-selector a:hover{background-color:#f9f9f9}.status-selector a .status-light{-webkit-transition:all .2s ease-in-out;-khtml-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;position:relative;background-color:#6aca54;border-radius:200%;height:10px;margin-left:20px;top:12px;width:10px;position:absolute;right:20px}.status-selector a .status-light.available{background-color:#6aca54}.status-selector a .status-light.away{background-color:#87a3bb}.status-selector a .status-light.unavailable{background-color:#d55146}.status-selector a .status-light.talking{background-color:#F5D04C}.status-selector a .status-light.contact{background-color:grey}.status-selector a .status-light.offline{background-color:grey}.user{display:inline-block;position:relative;cursor:pointer;font-size:12px;padding:11px 20px;border-right:1px solid rgba(24,31,37,0.1)}.user-image{background-repeat:no-repeat;background-size:cover;border-radius:200px;height:32px;margin-right:8px;width:32px;z-index:1}.user-info{margin-top:2px;z-index:1}.user-info>div{line-height:120%}.user-info .name{font-family:"Source-Sans-Pro-B";letter-spacing:0.05em}.user-info .status{font-family:"Source-Sans-Pro-SBI";letter-spacing:0.02em}.user .status-light{-webkit-transition:all .2s ease-in-out;-khtml-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;position:relative;background-color:#6aca54;border-radius:200%;height:10px;margin-left:20px;top:12px;width:10px}.user .status-light.available{background-color:#6aca54}.user .status-light.away{background-color:#87a3bb}.user .status-light.unavailable{background-color:#d55146}.user .status-light.talking{background-color:#F5D04C}.user .status-light.contact{background-color:grey}.user .status-light.offline{background-color:grey}@keyframes cta{0%{background-color:#6aca54}50%{background-color:#4fb338}100%{background-color:#6aca54}}@keyframes ring{0%{-webkit-transform:scale(0.9);-khtml-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);-o-transform:scale(0.9);transform:scale(0.9)}50%{-webkit-transform:scale(1.1);-khtml-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(0.9);-khtml-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);-o-transform:scale(0.9);transform:scale(0.9)}}.call-notification{display:inline-block;position:relative;color:#87a3bb;float:left;font-family:"Source-Sans-Pro-I";padding:10px}.call-notification>span,.call-notification>a{display:inline-block;position:relative;float:left}.call-notification>span{line-height:210%;margin-right:10px}.call-notification>span.number{color:#181f25;font-family:"Source-Sans-Pro-SB"}.call-notification a.cta{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-touch-callout:none;-moz-touch-callout:none;-ms-touch-callout:none;-o-touch-callout:none;touch-callout:none;display:inline-block;position:relative;border:2px solid transparent;border-radius:25px;background-color:#6aca54;color:#fff;cursor:pointer;font-family:"Source-Sans-Pro-B";font-size:12px;letter-spacing:0.04em;padding:10px 20px;text-transform:uppercase;-webkit-animation:cta 1.3s ease-in-out infinite;-khtml-animation:cta 1.3s ease-in-out infinite;-moz-animation:cta 1.3s ease-in-out infinite;-ms-animation:cta 1.3s ease-in-out infinite;-o-animation:cta 1.3s ease-in-out infinite;animation:cta 1.3s ease-in-out infinite;padding-bottom:8px;padding-top:8px}.call-notification a.cta.hybrid{padding-left:38px}.call-notification a.cta.hybrid svg{left:16px;position:absolute}.call-notification a.cta.mini{font-family:"M";font-size:11px;padding:5px 8px}.call-notification a.cta svg{fill:#fff;height:12px;width:12px}.call-notification a.cta svg{-webkit-animation:ring 1.3s ease-in-out infinite;-khtml-animation:ring 1.3s ease-in-out infinite;-moz-animation:ring 1.3s ease-in-out infinite;-ms-animation:ring 1.3s ease-in-out infinite;-o-animation:ring 1.3s ease-in-out infinite;animation:ring 1.3s ease-in-out infinite;top:8px}h2{font-family:"Source-Sans-Pro-L";font-size:26px;line-height:140%}h3{font-family:"Source-Sans-Pro-SB";font-size:17px;line-height:140%}.input-container{display:inline-block;position:relative}.input-container svg{position:absolute;right:12px;top:10px}svg.search{fill:none;height:16px;stroke:rgba(24,31,37,0.7);stroke-width:1px;width:16px}label,.label{color:rgba(24,31,37,0.3);font-family:"Source-Sans-Pro-B";font-size:12px;letter-spacing:0.04em;margin-bottom:6px;text-transform:uppercase}input[type="text"],input[type="email"],input[type="tel"],input[type="password"]{display:inline-block;position:relative;clear:both;float:none;width:100%;background-blend-mode:multiply;background-color:rgba(255,255,255,0.1);border:1px solid rgba(24,31,37,0.1);border-radius:4px;color:#fff;font-family:"Source-Sans-Pro";font-size:16px;line-height:140%;margin-bottom:12px;padding:6px 12px}input[type="submit"]{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-touch-callout:none;-moz-touch-callout:none;-ms-touch-callout:none;-o-touch-callout:none;touch-callout:none;display:inline-block;position:relative;border:2px solid #fff;border-radius:25px;background-color:transparent;color:#fff;cursor:pointer;font-family:"Source-Sans-Pro-B";font-size:12px;letter-spacing:0.04em;padding:10px 20px;text-transform:uppercase}input[type="submit"].hybrid{padding-left:38px}input[type="submit"].hybrid svg{left:16px;position:absolute}input[type="submit"].mini{font-family:"M";font-size:11px;padding:5px 8px}input[type="submit"] svg{fill:#fff;height:12px;width:12px}select{-webkit-appearance:none;-khtml-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;display:inline-block;position:relative;clear:both;float:none;width:100%;background-blend-mode:multiply;background-color:rgba(255,255,255,0.1);border:1px solid rgba(24,31,37,0.1);border-radius:4px;color:#fff;font-family:"Source-Sans-Pro";font-size:16px;line-height:140%;margin-bottom:12px;padding:6px 12px}.login{padding:0}.login:before{background-image:linear-gradient(to top right, #003969, #1c98ff);content:"";height:100%;left:0;position:fixed;top:0;width:100%}.login #login_form{display:block;position:relative;background-blend-mode:multiply;background-color:rgba(28,152,255,0.66);border-radius:4px;margin:10% auto;max-width:340px;padding:20px;width:85%}.login #login_form svg{display:block;position:relative;height:100px;margin:0 auto 20px;width:100px}.login #login_form svg,.login #login_form svg use.login-logo-use{fill:#fff}.login #login_form input,.login #login_form select{display:inline-block;position:relative;clear:both;float:none;width:100%;background-blend-mode:multiply;background-color:rgba(255,255,255,0.1);border:1px solid transparent;border-radius:4px;color:#fff;font-family:"Source-Sans-Pro";font-size:16px;line-height:140%;margin-bottom:12px;padding:6px 12px}.login #login_form input[type="submit"]{display:inline-block;position:relative;clear:both;float:none;width:100%;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-touch-callout:none;-moz-touch-callout:none;-ms-touch-callout:none;-o-touch-callout:none;touch-callout:none;display:inline-block;position:relative;border:2px solid #fff;border-radius:25px;background-color:transparent;color:#fff;cursor:pointer;font-family:"Source-Sans-Pro-B";font-size:12px;letter-spacing:0.04em;padding:10px 20px;text-transform:uppercase;margin:16px 0 12px}.login #login_form input[type="submit"].hybrid{padding-left:38px}.login #login_form input[type="submit"].hybrid svg{left:16px;position:absolute}.login #login_form input[type="submit"].mini{font-family:"M";font-size:11px;padding:5px 8px}.login #login_form input[type="submit"] svg{fill:#fff;height:12px;width:12px}.tabs-menu,.tab{display:table;position:relative;clear:both;float:none;width:100%}.tabs-menu li{display:inline-block;position:relative;border-right:1px solid rgba(24,31,37,0.1);float:left}.tabs-menu li.current{background-color:#fff}.tabs-menu li a{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-touch-callout:none;-moz-touch-callout:none;-ms-touch-callout:none;-o-touch-callout:none;touch-callout:none;display:inline-block;position:relative;color:rgba(24,31,37,0.3);font-family:"Source-Sans-Pro-B";font-size:12px;letter-spacing:0.04em;margin-bottom:6px;text-transform:uppercase;color:#87a3bb;cursor:pointer;margin-bottom:0;padding:12px 16px}.tabs-menu li a.active-call svg{fill:#6aca54}.tabs-menu li a.hold-call svg{fill:rgba(24,31,37,0.3)}.tabs-menu li a svg{height:10px;left:12px;position:absolute;top:13px;width:10px}.tab{background-color:#fff}.tab-content{display:none}.tab-content:first-child{display:table;position:relative;clear:both;float:none;width:100%}.current-stats{overflow-y:scroll;height:100%;min-height:600px;display:inline-block;position:relative;float:left;padding:20px;width:220px}.current-stats li{margin-bottom:16px}.current-stats li .metric{font-size:20px}.calls{display:table;position:relative;border-left:1px solid rgba(24,31,37,0.1);float:left;height:100%;width:calc(100% - 220px)}.calls>.tabs-menu li a{padding-left:32px}.call-info{display:inline-block;position:relative;float:left;width:calc(100% - 320px)}.call-info-header,.call-info-section{display:inline-block;position:relative;clear:both;float:none;width:100%}.call-info-header{padding:32px}.call-info-header .user-icon{display:inline-block;position:relative;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-touch-callout:none;-moz-touch-callout:none;-ms-touch-callout:none;-o-touch-callout:none;touch-callout:none;border-radius:2000px;background-color:#1c98ff;cursor:pointer;height:40px;text-align:center;width:40px;margin:10px 16px 10px 0}.call-info-header .user-icon svg{display:block;fill:#fff;height:14px;margin:13px auto;width:14px}.call-info-header .user-icon.mini{background-color:#87a3bb;color:#fff;height:20px;margin:2px;padding:2px;width:20px}.call-info-header .user-icon.mini svg{height:9px;margin:4px auto;width:9px}.call-info-header .caller-info{display:inline-block;position:relative;float:left}.call-info-header .caller-info-number{color:#87a3bb}@media screen and (max-width: 1124px){.call-info-section{padding-bottom:20px}}.call-info-section h3{background-color:#f9f9f9;padding:6px 32px}.call-info-section>div{display:inline-block;position:relative;float:left;padding:20px 32px}@media screen and (max-width: 1124px){.call-info-section>div{padding:20px 20px 6px 32px;width:50%}}@media screen and (max-width: 1124px){.call-info-section>div:nth-child(4){clear:left}}.call-info-section>div .info{line-height:140%}.dashboard-section{height:calc(100% - 55px)}.calls{height:100%}.calls>.tab{height:calc(100%  - 36px)}.calls>.tab>.tab-content{height:100%}.call-control{display:inline-block;position:relative;background-color:#f9f9f9;border-left:1px solid rgba(24,31,37,0.1);box-shadow:-10px 0 30px -20px rgba(24,31,37,0.3);float:left;width:320px;height:100%}.call-control-header{background-image:linear-gradient(26deg, #1c98ff 0%, #0d91ff 50%, #1c98ff 50.25%, #0d91ff 100%);padding:32px;text-align:center}.call-control-header .label{color:rgba(255,255,255,0.3)}.call-control-header .time{color:#fff;font-family:"Source-Sans-Pro-XL";font-size:62px}.call-control-controls,.call-control-controls-react{background-color:#fff;padding:0 10px}.call-control-controls,.call-control-controls .label,.call-control-controls-react,.call-control-controls-react .label{display:table;position:relative;clear:both;float:none;width:100%;text-align:center}.call-control-controls .round-button,.call-control-controls-react .round-button{display:inline-block;position:relative;float:left;padding:16px 8px;width:25%}.call-control-controls .round-button .icon-container,.call-control-controls-react .round-button .icon-container{display:inline-block;position:relative;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-touch-callout:none;-moz-touch-callout:none;-ms-touch-callout:none;-o-touch-callout:none;touch-callout:none;border-radius:2000px;background-color:#1c98ff;cursor:pointer;height:40px;text-align:center;width:40px;cursor:pointer;float:none}.call-control-controls .round-button .icon-container svg,.call-control-controls-react .round-button .icon-container svg{display:block;fill:#fff;height:14px;margin:13px auto;width:14px}.call-control-controls .round-button .icon-container.mini,.call-control-controls-react .round-button .icon-container.mini{background-color:#87a3bb;color:#fff;height:20px;margin:2px;padding:2px;width:20px}.call-control-controls .round-button .icon-container.mini svg,.call-control-controls-react .round-button .icon-container.mini svg{height:9px;margin:4px auto;width:9px}.call-control-controls .round-button .icon-container.transfer,.call-control-controls .round-button .icon-container.conference,.call-control-controls-react .round-button .icon-container.transfer,.call-control-controls-react .round-button .icon-container.conference{display:inline-block;position:relative;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-touch-callout:none;-moz-touch-callout:none;-ms-touch-callout:none;-o-touch-callout:none;touch-callout:none;border-radius:2000px;background-color:#6aca54;cursor:pointer;height:40px;text-align:center;width:40px}.call-control-controls .round-button .icon-container.transfer svg,.call-control-controls .round-button .icon-container.conference svg,.call-control-controls-react .round-button .icon-container.transfer svg,.call-control-controls-react .round-button .icon-container.conference svg{display:block;fill:#fff;height:14px;margin:13px auto;width:14px}.call-control-controls .round-button .icon-container.transfer.mini,.call-control-controls .round-button .icon-container.conference.mini,.call-control-controls-react .round-button .icon-container.transfer.mini,.call-control-controls-react .round-button .icon-container.conference.mini{background-color:#87a3bb;color:#fff;height:20px;margin:2px;padding:2px;width:20px}.call-control-controls .round-button .icon-container.transfer.mini svg,.call-control-controls .round-button .icon-container.conference.mini svg,.call-control-controls-react .round-button .icon-container.transfer.mini svg,.call-control-controls-react .round-button .icon-container.conference.mini svg{height:9px;margin:4px auto;width:9px}.call-control-controls .round-button .icon-container.hold,.call-control-controls-react .round-button .icon-container.hold{display:inline-block;position:relative;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-touch-callout:none;-moz-touch-callout:none;-ms-touch-callout:none;-o-touch-callout:none;touch-callout:none;border-radius:2000px;background-color:#ecbf11;cursor:pointer;height:40px;text-align:center;width:40px}.call-control-controls .round-button .icon-container.hold svg,.call-control-controls-react .round-button .icon-container.hold svg{display:block;fill:#fff;height:14px;margin:13px auto;width:14px}.call-control-controls .round-button .icon-container.hold.mini,.call-control-controls-react .round-button .icon-container.hold.mini{background-color:#87a3bb;color:#fff;height:20px;margin:2px;padding:2px;width:20px}.call-control-controls .round-button .icon-container.hold.mini svg,.call-control-controls-react .round-button .icon-container.hold.mini svg{height:9px;margin:4px auto;width:9px}.call-control-controls .round-button .icon-container.end,.call-control-controls .round-button .icon-container.hangup,.call-control-controls-react .round-button .icon-container.end,.call-control-controls-react .round-button .icon-container.hangup{display:inline-block;position:relative;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-touch-callout:none;-moz-touch-callout:none;-ms-touch-callout:none;-o-touch-callout:none;touch-callout:none;border-radius:2000px;background-color:#d55146;cursor:pointer;height:40px;text-align:center;width:40px}.call-control-controls .round-button .icon-container.end svg,.call-control-controls .round-button .icon-container.hangup svg,.call-control-controls-react .round-button .icon-container.end svg,.call-control-controls-react .round-button .icon-container.hangup svg{display:block;fill:#fff;height:14px;margin:13px auto;width:14px}.call-control-controls .round-button .icon-container.end.mini,.call-control-controls .round-button .icon-container.hangup.mini,.call-control-controls-react .round-button .icon-container.end.mini,.call-control-controls-react .round-button .icon-container.hangup.mini{background-color:#87a3bb;color:#fff;height:20px;margin:2px;padding:2px;width:20px}.call-control-controls .round-button .icon-container.end.mini svg,.call-control-controls .round-button .icon-container.hangup.mini svg,.call-control-controls-react .round-button .icon-container.end.mini svg,.call-control-controls-react .round-button .icon-container.hangup.mini svg{height:9px;margin:4px auto;width:9px}.call-control-controls .round-button .icon-container.end svg,.call-control-controls .round-button .icon-container.hangup svg,.call-control-controls-react .round-button .icon-container.end svg,.call-control-controls-react .round-button .icon-container.hangup svg{height:18px;margin:11px auto;width:18px}.call-control-controls .round-button .icon-container.mute,.call-control-controls-react .round-button .icon-container.mute{display:inline-block;position:relative;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-touch-callout:none;-moz-touch-callout:none;-ms-touch-callout:none;-o-touch-callout:none;touch-callout:none;border-radius:2000px;background-color:#87a3bb;cursor:pointer;height:40px;text-align:center;width:40px}.call-control-controls .round-button .icon-container.mute svg,.call-control-controls-react .round-button .icon-container.mute svg{display:block;fill:#fff;height:14px;margin:13px auto;width:14px}.call-control-controls .round-button .icon-container.mute.mini,.call-control-controls-react .round-button .icon-container.mute.mini{background-color:#87a3bb;color:#fff;height:20px;margin:2px;padding:2px;width:20px}.call-control-controls .round-button .icon-container.mute.mini svg,.call-control-controls-react .round-button .icon-container.mute.mini svg{height:9px;margin:4px auto;width:9px}.call-control-controls .round-button .icon-container.mute svg,.call-control-controls-react .round-button .icon-container.mute svg{height:16px;margin:12px auto;width:16px}.call-control .tabs-menu{border-top:1px solid rgba(24,31,37,0.1)}.call-control .tab{height:calc(100% - 37px - 82px)}.call-control .tab.controls-shown{height:calc(100% - 37px - 144px - 186px)}.call-control .tab-content{padding:20px}.call-control .tab-content input{display:inline-block;position:relative;clear:both;float:none;width:100%;background-blend-mode:multiply;background-color:rgba(255,255,255,0.1);border:1px solid rgba(24,31,37,0.1);border-radius:4px;color:rgba(24,31,37,0.7);font-family:"Source-Sans-Pro";font-size:16px;line-height:140%;margin-bottom:12px;padding:6px 12px}.call-control .tab-content .input-container{display:inline-block;position:relative;clear:both;float:none;width:100%}.call-control .tab-content .input-container input[type="text"]{padding-right:40px}.make-call form{text-align:center}.make-call form .dial-pad{display:inline-block;position:relative;clear:both;float:none;width:100%;border:1px solid rgba(24,31,37,0.1);border-radius:4px;margin-bottom:12px}.make-call form .dial-pad a{display:inline-block;position:relative;border-bottom:1px solid rgba(24,31,37,0.1);border-right:1px solid rgba(24,31,37,0.1);color:#87a3bb;cursor:pointer;float:left;font-family:"Source-Sans-Pro-L";font-size:22px;padding:16px;width:calc(100% / 3)}.make-call form .dial-pad a:nth-child(3n){border-right:none}.make-call form .dial-pad a:nth-child(n+10){border-bottom:none}.make-call form .dial-pad a:hover{color:#181f25}.make-call form a.cta{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-touch-callout:none;-moz-touch-callout:none;-ms-touch-callout:none;-o-touch-callout:none;touch-callout:none;display:inline-block;position:relative;border:2px solid transparent;border-radius:25px;background-color:#6aca54;color:#fff;cursor:pointer;font-family:"Source-Sans-Pro-B";font-size:12px;letter-spacing:0.04em;padding:10px 20px;text-transform:uppercase}.make-call form a.cta.hybrid{padding-left:38px}.make-call form a.cta.hybrid svg{left:16px;position:absolute}.make-call form a.cta.mini{font-family:"M";font-size:11px;padding:5px 8px}.make-call form a.cta svg{fill:#fff;height:12px;width:12px}.address-book ul{border:1px solid rgba(24,31,37,0.1);border-radius:4px}.address-book ul li{display:inline-block;position:relative;clear:both;float:none;width:100%;border-bottom:1px solid rgba(24,31,37,0.1);padding:6px}.address-book ul li:last-child{border-bottom:none}.address-book ul li .status-light{-webkit-transition:all .2s ease-in-out;-khtml-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;position:relative;background-color:#6aca54;border-radius:200%;height:10px;margin-left:20px;top:12px;width:10px;height:8px;left:8px;margin:0;position:absolute;top:10px;width:8px}.address-book ul li .status-light.available{background-color:#6aca54}.address-book ul li .status-light.away{background-color:#87a3bb}.address-book ul li .status-light.unavailable{background-color:#d55146}.address-book ul li .status-light.talking{background-color:#F5D04C}.address-book ul li .status-light.contact{background-color:grey}.address-book ul li .status-light.offline{background-color:grey}.address-book ul li .name{padding-left:20px;padding-right:50px}.address-book ul li .name-text{display:inline-block}.address-book ul li .name-text:hover{text-decoration:underline;cursor:pointer}.address-book ul li .control{display:none;position:absolute;right:4px;top:2px}.address-book ul li .control a{display:inline-block;position:relative;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-touch-callout:none;-moz-touch-callout:none;-ms-touch-callout:none;-o-touch-callout:none;touch-callout:none;border-radius:2000px;background-color:#1c98ff;cursor:pointer;height:40px;text-align:center;width:40px}.address-book ul li .control a svg{display:block;fill:#fff;height:14px;margin:13px auto;width:14px}.address-book ul li .control a.mini{background-color:#87a3bb;color:#fff;height:20px;margin:2px;padding:2px;width:20px}.address-book ul li .control a.mini svg{height:9px;margin:4px auto;width:9px}.address-book ul li:hover .control{display:block}.address-book ul li.offline{opacity:0.4}.address-book ul li.offline .status-light{background-color:rgba(24,31,37,0.3)}.address-book ul li.offline:hover .control{display:none}.modal{-webkit-transform:translate(-50%, 0);-khtml-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);transform:translate(-50%, 0);position:absolute;left:50%;margin-right:-50%;background-color:#fff;box-shadow:0 0 2em -0.25em rgba(24,31,37,0.2);display:none;max-width:26em;top:64px;width:100%;z-index:1000}.modal .close{box-sizing:content-box;cursor:pointer;color:rgba(24,31,37,0.3);display:inline-block;font-size:1.7em;height:0.5em;line-height:0.5;padding:0.74em;padding-top:0.5em;position:absolute;right:0;top:0;width:0.5em;z-index:1}.modal #contents-text{height:400px;overflow:auto !important}.modal.modal-large{max-width:60em}.modal-header,.modal-body,.modal-help{display:inline-block;position:relative;clear:both;float:none;width:100%;padding:1.8em}.modal-header{border-bottom:1px solid rgba(24,31,37,0.1);padding-bottom:1.1em;padding-top:1.1em}.modal-header .label{margin-bottom:0}.modal-help{background-color:rgba(24,31,37,0.3);color:rgba(24,31,37,0.3);font-size:0.8em}.modal-help:before{display:inline-block;position:relative;color:rgba(24,31,37,0.3);font-family:"Source-Sans-Pro-B";font-size:12px;letter-spacing:0.04em;margin-bottom:6px;text-transform:uppercase;color:rgba(24,31,37,0.7);content:"Need Help?";font-size:1em;margin-bottom:16px}.modal-help p:last-of-type{margin-bottom:0}.modal button{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-touch-callout:none;-moz-touch-callout:none;-ms-touch-callout:none;-o-touch-callout:none;touch-callout:none;display:inline-block;position:relative;border:2px solid #1c98ff;border-radius:25px;background-color:#1c98ff;color:#fff;cursor:pointer;font-family:"Source-Sans-Pro-B";font-size:12px;letter-spacing:0.04em;padding:10px 20px;text-transform:uppercase}.modal button.hybrid{padding-left:38px}.modal button.hybrid svg{left:16px;position:absolute}.modal button.mini{font-family:"M";font-size:11px;padding:5px 8px}.modal button svg{fill:#fff;height:12px;width:12px}.modal button.error-button{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-touch-callout:none;-moz-touch-callout:none;-ms-touch-callout:none;-o-touch-callout:none;touch-callout:none;display:inline-block;position:relative;border:2px solid #d55146;border-radius:25px;background-color:#d55146;color:#fff;cursor:pointer;font-family:"Source-Sans-Pro-B";font-size:12px;letter-spacing:0.04em;padding:10px 20px;text-transform:uppercase}.modal button.error-button.hybrid{padding-left:38px}.modal button.error-button.hybrid svg{left:16px;position:absolute}.modal button.error-button.mini{font-family:"M";font-size:11px;padding:5px 8px}.modal button.error-button svg{fill:#fff;height:12px;width:12px}.modal button.centered{margin:auto;display:block}.modal .reconnect-timer{padding:12px 8px;font-family:"Source-Sans-Pro-B"}.modal img{display:inline-block;position:relative;max-width:100%}@media screen and (max-width: 680px){.modal{top:0;width:90%}}.curtain{background-color:rgba(119,121,123,0.6);bottom:0;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-enter .curtain,.modal-appear .curtain{opacity:0}.modal-enter .modal,.modal-appear .modal{opacity:0}.modal-enter.modal-enter-active .curtain,.modal-appear.modal-appear-active .curtain{opacity:1;transition:opacity 200ms ease-out}.modal-enter.modal-enter-active .modal,.modal-appear.modal-appear-active .modal{opacity:1;transition:opacity 100ms ease-out}.modal-leave .curtain{opacity:1}.modal-leave .modal{opacity:1}.modal-leave.modal-leave-active .curtain{opacity:0;transition:opacity 200ms ease-out}.modal-leave.modal-leave-active .modal{opacity:0;transition:opacity 100ms ease-out}