@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600&display=swap);.loading-logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.loading-logo .title-company{font-weight:600;font-size:19px;line-height:19px;margin-bottom:7px}.loading-logo .title{font-weight:400;font-size:27px;letter-spacing:4px;line-height:24px;margin-right:-4px;margin-bottom:30px}.loading-logo .logo{text-align:center;margin-bottom:-25px;margin-top:-50px}.loading-logo .logo img{height:100px}.vi-modal{position:fixed;top:-10%;right:0;left:0;bottom:-10%;z-index:100;background:rgba(35,35,35,.8);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .5s ease-out,-webkit-transform .5s ease-out;transition:opacity .5s ease-out,-webkit-transform .5s ease-out;transition:transform .5s ease-out,opacity .5s ease-out;transition:transform .5s ease-out,opacity .5s ease-out,-webkit-transform .5s ease-out}.vi-modal,.vi-modal .vi-modal-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vi-modal .vi-modal-content{max-width:900px;max-height:900px;min-width:400px;min-height:270px;background:#0f0f0f;border-radius:10px;position:relative;border:1px solid #343740;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.vi-modal .vi-modal-content .close-modal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:10px 10px 0 0;position:absolute;top:0;right:0}.vi-modal .vi-modal-content .close-modal img{height:14px;cursor:pointer}.vi-modal-enter-active,.vi-modal-leave-active{-webkit-transition:opacity .5s ease-out,-webkit-transform .5s ease-out;transition:opacity .5s ease-out,-webkit-transform .5s ease-out;transition:transform .5s ease-out,opacity .5s ease-out;transition:transform .5s ease-out,opacity .5s ease-out,-webkit-transform .5s ease-out}.vi-modal-enter{-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:0}.vi-modal-leave-to{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}body{margin:0;padding:0;background:#0f0f0f}body.video-screen-locked{overflow:hidden}.integrated-app,.integrated-app .index{height:100%}#app,.browser-not-supported{font-family:Open Sans,sans-serif;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.browser-not-supported{display:-webkit-box;display:-ms-flexbox;display:flex;padding:50px;color:#fff;font-size:1.2em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.browser-not-supported a{color:#456dff;text-transform:none}.text-secondary{color:#08a5b4}.router-transition-enter-active{-webkit-transition:opacity .5s ease-out,-webkit-transform .5s ease-out;transition:opacity .5s ease-out,-webkit-transform .5s ease-out;transition:transform .5s ease-out,opacity .5s ease-out;transition:transform .5s ease-out,opacity .5s ease-out,-webkit-transform .5s ease-out}.router-transition-leave-active{-webkit-transition:opacity .5s ease-in,-webkit-transform .5s ease-in;transition:opacity .5s ease-in,-webkit-transform .5s ease-in;transition:transform .5s ease-in,opacity .5s ease-in;transition:transform .5s ease-in,opacity .5s ease-in,-webkit-transform .5s ease-in}.router-transition-enter{-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:0}.router-transition-leave-to{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}.error-msg{color:#ea2557;font-size:12px;font-weight:400;letter-spacing:1.5px;line-height:9px;text-align:center;margin-bottom:10px;margin-top:10px}.tooltip{display:block!important;z-index:10000;font-family:Open Sans,sans-serif;font-size:14px}.tooltip.brand .tooltip-inner{background:#91124d}.tooltip.brand .tooltip-arrow{border-color:#91124d}.tooltip .tooltip-inner{background:#067883;color:#fff;border-radius:10px;padding:5px 10px 4px}.tooltip .tooltip-arrow{width:0;height:0;border-style:solid;position:absolute;margin:5px;border-color:#067883;z-index:1}.tooltip[x-placement^=top]{margin-bottom:5px}.tooltip[x-placement^=top] .tooltip-arrow{border-width:5px 5px 0 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;bottom:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=bottom]{margin-top:5px}.tooltip[x-placement^=bottom] .tooltip-arrow{border-width:0 5px 5px 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;top:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=right]{margin-left:5px}.tooltip[x-placement^=right] .tooltip-arrow{border-width:5px 5px 5px 0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important;left:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip[x-placement^=left]{margin-right:5px}.tooltip[x-placement^=left] .tooltip-arrow{border-width:5px 0 5px 5px;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;right:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip.popover .popover-inner{background:#f9f9f9;color:#000;padding:24px;border-radius:5px;-webkit-box-shadow:0 5px 30px rgba(0,0,0,.1);box-shadow:0 5px 30px rgba(0,0,0,.1)}.tooltip.popover .popover-arrow{border-color:#f9f9f9}.tooltip[aria-hidden=true]{visibility:hidden;opacity:0;-webkit-transition:opacity .15s,visibility .15s;transition:opacity .15s,visibility .15s}.tooltip[aria-hidden=false]{visibility:visible;opacity:1;-webkit-transition:opacity .15s;transition:opacity .15s}.stream{height:100vh;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.stream .video-stream-connected{position:absolute;z-index:0;top:50%;left:50%;padding:10px 15px;border-radius:10px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:hsla(0,0%,100%,.1);font-size:1.2em;color:#fff}.stream video{position:relative;z-index:1;max-width:100%;max-height:100%;width:100%;height:auto}.stream .controls{position:absolute;bottom:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1000}.stream .controls,.stream .controls .control{display:-webkit-box;display:-ms-flexbox;display:flex}.stream .controls .control{border-radius:50%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:50px;height:50px;background:#fff;color:#2a291f;font-size:1.4em;-webkit-box-shadow:0 0 12px 0 #2a291f;box-shadow:0 0 12px 0 #2a291f;cursor:pointer;margin:0 10px}.stream .controls .control.muted{background:#cc6057;color:#fff}.vi-input{margin-top:20px}.vi-input label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.vi-input label .label{font-size:1.1em;margin-bottom:20px}.vi-input input{min-width:180px;border-radius:10px;border:none;padding:6px 10px;font-size:16px;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.vi-input input:focus{-webkit-box-shadow:0 0 1px 2px #08a5b4;box-shadow:0 0 1px 2px #08a5b4}.vi-button:active{-webkit-transform:scale(1.1);transform:scale(1.1)}.call-user-form .actions{margin-top:20px;text-align:right}.call-user-form .actions .vi-button{margin-left:10px}.call-user-form .actions .vi-button:last-child{background:#49914a}.demo-call-user{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.demo-call-user .form-container{padding:30px 50px;border:1px solid #999;border-radius:10px}.vision-header{position:fixed;top:0;right:0;padding:20px 40px 0 0;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vision-header .logo{padding:5px 15px 0 15px}.vision-header .logo img{height:32px}.vision-header .user{font-size:18px;font-weight:400;color:#fff}.vision-header .menu-button{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;padding:15px 0}.vision-header .menu-button:hover span{background:#fff}.vision-header .menu-button span{width:7px;height:7px;border-radius:50%;margin-right:5px;background:#909090}.vision-header .menu-button span:last-child{margin-right:0}.vision-header .menu{position:absolute;top:100%;right:40px;padding:15px 15px;background-color:#1d1d1d;min-width:120px;border-radius:10px}.vision-header .menu .menu-item{font-size:16px;padding:5px 0;color:#505050;border-bottom:1px solid #505050;text-align:right;display:block;text-decoration:none}.vision-header .menu .menu-item:hover{color:#fff;cursor:pointer}.vision-header .menu .menu-item:last-child{border-bottom:none}.tech-layout{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100vh}.tech-layout.video-screen-locked{position:fixed;height:100%}.tech-layout #nav{min-width:200px;background:#2b291f;-webkit-box-shadow:0 0 5px 0 #463c3c;box-shadow:0 0 5px 0 #463c3c}.tech-layout #nav .nav-header{height:200px;background:hsla(0,0%,100%,.1);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tech-layout #nav .logo,.tech-layout #nav .nav-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tech-layout #nav .logo{font-size:1.4em;font-weight:700;color:#fff;padding:20px 15px;text-align:center}.tech-layout #nav .logo img{width:60px;border-radius:6px}.tech-layout #nav .nav-link,.tech-layout #nav a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 15px;color:#fff;font-size:1.2em;text-align:left;text-decoration:none}.tech-layout #nav .nav-link:hover,.tech-layout #nav a:hover{background:hsla(0,0%,100%,.2);cursor:pointer}.tech-layout #nav .nav-link.router-link-exact-active,.tech-layout #nav a.router-link-exact-active{background:hsla(0,0%,100%,.2)}.tech-layout #content{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#0f0f0f;color:#fff}.drag-modes{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px 7px;border-radius:16px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:.75em;background:#005366;width:60px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:10px}.drag-modes .toggle-bg{position:absolute;top:5px;left:5px;width:50px;height:28px;border-radius:12px;background:#08a5b4;-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2);-webkit-transition:transform .3s ease;transition:transform .3s ease}.drag-modes .toggle-bg.cursor{-webkit-transform:translateY(27px);transform:translateY(27px)}.drag-modes .icons{position:relative;margin-bottom:5px;margin-top:5px}.instant-message-container{position:relative;width:40px;height:40px;z-index:2}.instant-message{position:absolute;top:0;left:0;border-radius:20px;background:#ea2557;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;height:40px}.instant-message.expanded{background:#fff}.instant-message.expanded .message-icon{color:#ea2557}.instant-message.expanded .text-message input{width:150px}.instant-message.expanded .send-message{display:block;color:#ea2557}.instant-message .message-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.instant-message .message-icon,.instant-message .send-message{color:#fff;-webkit-transition:color .3s ease;transition:color .3s ease;cursor:pointer}.instant-message .send-message{padding:8px 10px;display:none;position:relative;z-index:2;width:28px}.instant-message .text-message input{width:0;font-size:16px;padding:10px 0;border:none;background:none;outline:none;-webkit-transition:width .3s ease;transition:width .3s ease}.text-bubble-input{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);z-index:2}.text-bubble-input .input-container{position:absolute;padding:5px;background:#08a5b4;border-radius:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s ease;transition:all .3s ease}.text-bubble-input .input-container .action{padding:5px}.text-bubble-input .input-container .vi-input{margin-top:0}.text-bubble-input .input-container img{height:16px}.text-bubble-input input{font-size:16px;padding:10px;border:none;background:#fff;outline:none;-webkit-transition:width .3s ease;transition:width .3s ease;border-radius:10px}.text-bubble-enter-active,.text-bubble-leave-active{-webkit-transition:opacity .3s;transition:opacity .3s}.text-bubble-enter,.text-bubble-leave-to{opacity:0}.text-bubble-enter .image-container,.text-bubble-leave-to .image-container{-webkit-transform:translateX(-30%);transform:translateX(-30%);opacity:0}.timeslice-loading{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.timeslice-loading .pause-icon{position:absolute;top:12px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:56px;width:56px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;background:#005366}.timeslice-loading .pause-icon img{height:30px}.timeslice-loading .lds-ring{display:inline-block;position:relative;width:80px;height:80px}.timeslice-loading .lds-ring div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #fff;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#fff transparent transparent transparent}.timeslice-loading .lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.timeslice-loading .lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.timeslice-loading .lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}.timeslice{position:absolute;top:130px;left:0;bottom:50px;right:90px;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.timeslice.is-timeslice-loading{background:rgba(0,0,0,.5)}.gps-control{position:relative}.gps-control .location-denied{position:absolute;top:-7px;right:-5px;font-size:.9em;color:#ea2557}.gps-control .lds-ring{display:inline-block;position:absolute;width:50px;height:50px;top:-5px;left:-5px;z-index:2}.gps-control .lds-ring div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:50px;height:50px;margin:5px;border:3px solid #cbe8ec;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#b7e4e8 transparent transparent transparent}.gps-control .lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.gps-control .lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.gps-control .lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}.display-location.vi-modal{position:fixed;top:auto;right:20px;left:auto;bottom:20px;z-index:11000;background:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.display-location.vi-modal .vi-modal-content .map-container{margin-top:35px}.file-uploader .control{position:relative}.file-uploader .control .progress{font-size:12px}.file-uploader .control input{display:none;position:absolute;z-index:-1000;visibility:hidden}.file-uploader .control .lds-ring{display:inline-block;position:absolute;width:50px;height:50px;top:-5px;left:-5px;z-index:2}.file-uploader .control .lds-ring div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:50px;height:50px;margin:5px;border:3px solid #cbe8ec;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#b7e4e8 transparent transparent transparent}.file-uploader .control .lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.file-uploader .control .lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.file-uploader .control .lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}.file-uploader .unsupported-file-err{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.file-uploader .unsupported-file-err .err-container{background:#ea2557;color:#fff;border-radius:10px;padding:30px}.file-uploader .unsupported-file-err .err-container .fa-times{float:right;cursor:pointer}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.video-session{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.video-session .drag-drop-container{position:absolute;top:30px;bottom:30px;right:30px;left:30px;background-color:rgba(0,0,0,.87);z-index:999;border:3px dashed #ea2557;-ms-flex-align:center;-ms-flex-pack:center;color:#ea2557;font-size:25px;font-weight:700;cursor:pointer}.video-session .drag-drop-container,.video-session .stream{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.video-session .stream{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;-ms-flex-align:center;-ms-flex-pack:center}.video-session .stream .video-stream-state{padding:10px 15px;color:#fff;font-size:45px;position:absolute;z-index:0;top:50%;left:50%;border-radius:10px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-weight:400}.video-session .stream .video-stream-state.success{color:#08a5b4}.video-session .stream .video-stream-state.errored{color:#ea2557}.video-session .stream .video-stream-state.small{font-size:18px;max-width:160px}.video-session .stream .video-stream-connected{position:absolute;z-index:0;top:50%;left:50%;padding:10px 15px;border-radius:10px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.video-session .stream video{margin-top:130px;margin-bottom:50px;position:relative;z-index:1;max-width:100%;max-height:calc(100% - 180px);width:100%;height:auto}.video-session .controls.top-controls{position:absolute;top:24px;left:273px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.video-session .controls.top-controls .control{width:40px;height:40px;margin-bottom:0;margin-right:10px;background:#ea2557}.video-session .controls.top-controls .control.muted{background:#91124d}.video-session .controls.top-controls .recording{height:30px;padding:0 10px;font-size:.8em;border-radius:20px;color:#fff;background:#91124d;margin-left:10px}.video-session .controls,.video-session .controls.top-controls .recording{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-session .controls{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 15px}.video-session .controls .call-duration{font-size:18px;color:#fff;background:rgba(5,165,180,.5);padding:5px 15px;border-radius:20px;margin-bottom:10px;width:65px;text-align:center}.video-session .controls .control-group{padding:5px;background:#002a33;border-radius:34px;margin-bottom:5px}.video-session .controls .control-group .control:last-child{margin-bottom:0}.video-session .controls .control{border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:50px;height:50px;background:#08a5b4;color:#fff;cursor:pointer;margin-bottom:10px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.video-session .controls .control:active{-webkit-transform:scale(1.2);transform:scale(1.2)}.video-session .controls .control.muted{background:#ea2557;color:#fff}.video-session .controls .control.off{background:#005366;color:#fff}.video-session .controls .control.toggled{background:#fff;color:#08a5b4}.video-session .video-controls-enter-active{-webkit-transition:transform .5s ease-out .5s,opacity .5s ease-out .5s;transition:transform .5s ease-out .5s,opacity .5s ease-out .5s}.video-session .video-controls-leave-active{-webkit-transition:opacity .5s ease-in,-webkit-transform .5s ease-in;transition:opacity .5s ease-in,-webkit-transform .5s ease-in;transition:transform .5s ease-in,opacity .5s ease-in;transition:transform .5s ease-in,opacity .5s ease-in,-webkit-transform .5s ease-in}.video-session .video-controls-enter,.video-session .video-controls-leave-to{-webkit-transform:translateX(30px);transform:translateX(30px);opacity:0}.current-screenshot .current-screenshot-frame{height:150px;font-size:0;padding:5px;background:#353535;border-radius:5px;border:1px solid #585858;position:fixed;bottom:20px;left:20px;-webkit-transition:all .3s ease;transition:all .3s ease;z-index:100}.call-session,.current-screenshot img{height:100%;width:100%}.call-session{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1}.call-session .loading{width:300px;height:200px;margin-bottom:-50px}.call-session .loading.is-loading{display:block}.call-session .video-stream-state{font-size:45px;color:#fff;font-weight:400}.call-session .video-stream-state.errored{color:#ea2557}.call-session .video-stream-state-enter-active{-webkit-transition:opacity .5s ease-out,-webkit-transform .5s ease-out;transition:opacity .5s ease-out,-webkit-transform .5s ease-out;transition:transform .5s ease-out,opacity .5s ease-out;transition:transform .5s ease-out,opacity .5s ease-out,-webkit-transform .5s ease-out}.call-session .video-stream-state-leave-active{-webkit-transition:opacity .5s ease-in,-webkit-transform .5s ease-in;transition:opacity .5s ease-in,-webkit-transform .5s ease-in;transition:transform .5s ease-in,opacity .5s ease-in;transition:transform .5s ease-in,opacity .5s ease-in,-webkit-transform .5s ease-in}.call-session .video-stream-state-enter{-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:0}.call-session .video-stream-state-leave-to{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}.call-session .loading-state-enter-active{-webkit-transition:opacity .5s ease-out,-webkit-transform .5s ease-out;transition:opacity .5s ease-out,-webkit-transform .5s ease-out;transition:transform .5s ease-out,opacity .5s ease-out;transition:transform .5s ease-out,opacity .5s ease-out,-webkit-transform .5s ease-out}.call-session .loading-state-leave-active{-webkit-transition:opacity .5s ease-in,-webkit-transform .5s ease-in;transition:opacity .5s ease-in,-webkit-transform .5s ease-in;transition:transform .5s ease-in,opacity .5s ease-in;transition:transform .5s ease-in,opacity .5s ease-in,-webkit-transform .5s ease-in}.call-session .loading-state-enter,.call-session .loading-state-leave-to{opacity:1}.call{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.call .form-container{padding:30px 50px;border:1px solid #999;border-radius:10px}.call .form-container .error-msg{font-size:.9em;color:#cc3642;max-width:300px}.call .form-container .status{font-size:.9em;color:#4490e9}.vi-button{padding:6px 30px;border:none;font-size:14px;color:#fff;background:#ea2557;cursor:pointer;border-radius:20px;outline:none}.vi-button:disabled{background:#c91341;content:normal}.vi-button.sm{padding:7px 10px;font-size:1rem}.log-in{width:100%;height:100vh;background-color:#000;background-image:url(../img/background.fdbde88a.jpg);background-repeat:no-repeat;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.log-in .log-in-form{padding:40px 60px 90px 60px;background:#000;border-radius:10px;color:#fff}.log-in .log-in-form .forgot-password-link{color:#fff;font-size:12px;font-weight:400;letter-spacing:1.5px;line-height:9px;text-align:center;margin-bottom:20px;margin-top:20px;cursor:pointer}.log-in .log-in-form .forgot-password-link .recover-here{color:#08a5b4;cursor:pointer}.log-in .log-in-form .error{margin-top:20px;font-size:12px;max-width:200px}.log-in .log-in-form .vi-input{margin-top:15px}.log-in .log-in-form .vi-input:first-child{margin-top:0}.log-in .log-in-form .actions{margin-top:20px;text-align:center}.add-contact-button{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.add-contact-button .label{font-size:14px;font-weight:400}.add-contact-button .label .welcome-message{font-size:16px;max-width:380px;margin-bottom:20px}.add-contact-button .label .welcome-message.large{font-size:18px;max-width:400px}.add-contact-button .label .icon{font-size:30px}.add-contact-button .label .add{font-weight:600}.add-contact-button .add-button{margin:10px;background:#ea2557;width:64px;height:64px;border-radius:50%;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.add-contact-button .add-button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.add-contact-button .add-button:active{-webkit-transform:scale(1.13);transform:scale(1.13);-webkit-box-shadow:0 0 1px 4px #044b52;box-shadow:0 0 1px 4px #044b52}.add-contact-button .add-button img{height:36px}@font-face{font-family:Flags;src:url(../fonts/BabelStoneFlags.b81298c2.ttf);font-weight:400;font-variant:normal}.country-code-picker{position:relative;color:#000;height:100%;font-family:-apple-system,BlinkMacSystemFont,Flags,sans-serif}.country-code-picker .placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;padding:6px 5px 6px 5px;font-size:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1}.country-code-picker select{-webkit-appearance:none;font-size:16px;opacity:0;position:absolute;height:100%;width:100%;top:0;left:0}.vi-phone-number{margin-top:20px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.vi-phone-number input:focus+.bg-input{-webkit-box-shadow:0 0 1px 2px #08a5b4;box-shadow:0 0 1px 2px #08a5b4}.vi-phone-number input{background:none;border:none;padding:6px 10px 6px 0;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:16px;outline:none}.vi-phone-number .bg-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:10px;border:none;padding:6px 10px;font-size:16px;outline:none;background:#fff}.create-contact-options{border-radius:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.create-contact-options,.create-contact-options .contact-option{padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex}.create-contact-options .contact-option{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.create-contact-options .contact-option:last-child{margin-bottom:0}.create-contact-options .contact-option:hover{background:hsla(0,0%,100%,.1);border-radius:5px;cursor:pointer}.create-contact-options .contact-option.selected{background:#e92457;border-radius:5px;cursor:pointer}.current-option .contact-option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.current-option .contact-option:last-child{margin-bottom:0}.create-contact{overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.create-contact,.create-contact .phone-number{position:relative}.create-contact .phone-number .country-code-picker{position:absolute;top:0;left:0;bottom:0;width:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.create-contact .vi-input{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.create-contact .vi-input input{width:100%}.create-contact .contact-form-modal{position:fixed;top:-10%;right:0;left:0;bottom:-10%;z-index:100;background:rgba(35,35,35,.8);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.create-contact .contact-form-modal,.create-contact .contact-form-modal .contact-form-modal-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.create-contact .contact-form-modal .contact-form-modal-content{max-width:900px;max-height:900px;min-width:400px;min-height:270px;background:#0f0f0f;border-radius:10px;position:relative;border:1px solid #343740;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.create-contact .contact-form-modal .contact-form-modal-content .close-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:10px 10px 0 0}.create-contact .contact-form-modal .contact-form-modal-content .close-form img{height:14px;cursor:pointer}.create-contact .contact-form-modal .contact-form-modal-content .copy-contact{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:320px;margin:20px auto;-webkit-box-flex:1;-ms-flex:1;flex:1}.create-contact .contact-form-modal .contact-form-modal-content .copy-contact>*{margin-bottom:15px}.create-contact .create-contact-form{padding:10px;border-radius:10px;-webkit-box-flex:1;-ms-flex:1;flex:1}.create-contact .create-contact-form .form-container{padding:0 10px 10px}.create-contact .create-contact-form .auto-connect{padding-top:10px}.create-contact .create-contact-form .vi-button{margin-top:20px}.create-contact .create-contact-form .error-msg{font-size:12px;margin-top:10px}.create-contact .contact-form-enter-active,.create-contact .contact-form-leave-active{-webkit-transition:opacity .5s ease-out,-webkit-transform .5s ease-out;transition:opacity .5s ease-out,-webkit-transform .5s ease-out;transition:transform .5s ease-out,opacity .5s ease-out;transition:transform .5s ease-out,opacity .5s ease-out,-webkit-transform .5s ease-out}.create-contact .contact-form-enter{-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:0}.create-contact .contact-form-leave-to{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}.create-contact .loading-animation{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#1d1d1d;display:none;border-radius:10px;z-index:3}.create-contact .loading-animation.is-loading{display:block}.contact-item{width:300px;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:25px;position:relative}.contact-item.in-progress .contact-info{padding:3px 15px}.contact-item .delete-contact{position:absolute;left:-10px;top:50%;-webkit-transform:translateY(-50%) translateX(-100%);transform:translateY(-50%) translateX(-100%);cursor:pointer}.contact-item .delete-contact img{height:14px}.contact-item .record-checkbox{position:absolute;right:-75px;color:#737272;cursor:pointer;line-height:1}.contact-item .record-checkbox.selected{color:#ea2557}.contact-item .contact-info-button{position:absolute;right:-105px;color:#d8d8d8;cursor:pointer}.contact-item .contact-info{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#000;padding:10px 15px;border-left:8px solid #08a5b4;border-radius:10px;font-weight:400;position:relative;overflow:hidden}.contact-item .contact-info .in-progress-label{font-size:.8em}.contact-item .contact-info .bg-animation{top:0;left:0;right:0;bottom:0;position:absolute;z-index:0;background:#08a5b4;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all .3s ease;transition:all .3s ease}.contact-item .contact-info span{position:relative;z-index:2}.contact-item .call-contact{width:50px;height:50px;cursor:pointer;border-radius:50%;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%) translateX(50%);transform:translateY(-50%) translateX(50%);font-size:50px;z-index:3}.contact-item .call-contact.contact-has-been-enabled{-webkit-animation:blink-1 1s 8 both;animation:blink-1 1s 8 both}.contact-item .call-contact:hover+.contact-info .bg-animation{-webkit-transform:translateX(0);transform:translateX(0)}.contact-item .call-contact:hover.contact-has-been-enabled{-webkit-animation:none;animation:none}.contact-item .call-contact .Phone{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;width:50px;height:50px;background-color:#08a5b4;border-radius:50%;-webkit-box-shadow:0 0 0 0 rgba(52,152,219,0),0 .05em .1em rgba(0,0,0,.2);box-shadow:0 0 0 0 rgba(52,152,219,0),0 .05em .1em rgba(0,0,0,.2);-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.contact-item .call-contact .Phone:after,.contact-item .call-contact .Phone:before{position:absolute;content:""}.contact-item .call-contact .Phone:before{top:-50px;left:-50px;width:150px;height:150px;background-color:hsla(0,0%,100%,.2);border-radius:100%;opacity:1;-webkit-transform:translateZ(0) scale(0);transform:translateZ(0) scale(0);display:none}.contact-item .call-contact .Phone:after{top:13px;left:13px;width:23px;height:23px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;-webkit-transform:translateZ(0);transform:translateZ(0);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAyNiI+PHBhdGggZD0iTTMuMzQgMS4wN2gzLjQ3YTEuMzIgMS4zMiAwIDAgMSAxLjUzIDEuNDlBMTQuNTggMTQuNTggMCAwIDAgOSA2LjcxYzAgLjEyLjA3LjI0LjExLjM1YTEuMzMgMS4zMyAwIDAgMS0uMzcgMS41Yy0uOTIuODUtMS43NCAxLjcyLTIuNjQgMi41N2EuMzguMzggMCAwIDAtLjA5LjU2IDIzLjM2IDIzLjM2IDAgMCAwIDQuMyA1LjI1IDIwLjA4IDIwLjA4IDAgMCAwIDQgMy4wNi40Ni40NiAwIDAgMCAuMjIuMDcuMzQuMzQgMCAwIDAgLjI0LS4xM2MuODYtLjg3IDEuNzQtMS43MyAyLjYtMi42MWExLjQzIDEuNDMgMCAwIDEgMS0uNSAxLjcgMS43IDAgMCAxIC41Ni4xIDEzLjA2IDEzLjA2IDAgMCAwIDQuMjEuNzFoLjVBMS4yNCAxLjI0IDAgMCAxIDI0LjkxIDE5djQuNjZhMS4yOSAxLjI5IDAgMCAxLTEuNDMgMS4zMkEyMS45NCAyMS45NCAwIDAgMSA2LjY1IDE3LjIgMjEuNDYgMjEuNDYgMCAwIDEgMS43NCA4YTI0LjU1IDI0LjU1IDAgMCAxLS42Ny01LjU0IDEuMzEgMS4zMSAwIDAgMSAxLjM4LTEuNGguODltMC0xLjA2aC0uOTFBMi4zNSAyLjM1IDAgMCAwIDAgMi40OWEyNC4zIDI0LjMgMCAwIDAgLjcgNS43OSAyMi41MyAyMi41MyAwIDAgMCA1LjE1IDkuNjMgMjQuMTUgMjQuMTUgMCAwIDAgNy44OSA2IDIzLjYxIDIzLjYxIDAgMCAwIDkuNyAyLjA5QTIuMzYgMi4zNiAwIDAgMCAyNiAyMy42M3YtNC42OWEyLjI5IDIuMjkgMCAwIDAtMi4xNS0yLjMzIDMuOTEgMy45MSAwIDAgMC0uNjEgMCAxMi4xIDEyLjEgMCAwIDEtMy44Ni0uNjUgMi44NiAyLjg2IDAgMCAwLS45Mi0uMTcgMi40NiAyLjQ2IDAgMCAwLTEuOC44M2MtLjQ1LjQ2LS45Mi45My0xLjM3IDEuMzdsLS44NC44NWExOS45IDE5LjkgMCAwIDEtMy4zOC0yLjY0IDIyLjkyIDIyLjkyIDAgMCAxLTMuODYtNC41OWwxLjE2LTEuMTYgMS4wNy0xLjEzYTIuMzcgMi4zNyAwIDAgMCAuNjMtMi42MkwxMCA2LjU0di0uMTZhMTIuOTIgMTIuOTIgMCAwIDEtLjU3LTMuODVBMi41OSAyLjU5IDAgMCAwIDguNjkuNjUgMi42NiAyLjY2IDAgMCAwIDYuODEgMEgzLjM0eiIgZmlsbD0iI2ZmZiIgZGF0YS1uYW1lPSJMYXllciAyIi8+PC9zdmc+)}.contact-item .call-contact .Phone.is-animating{-webkit-animation:phone-outer 3s infinite;animation:phone-outer 3s infinite}.contact-item .call-contact .Phone.is-animating:before{-webkit-animation:phone-inner 3s infinite;animation:phone-inner 3s infinite}.contact-item .call-contact .Phone.is-animating:after{-webkit-animation:phone-icon 3s infinite;animation:phone-icon 3s infinite}.contact-item .call-contact.is-animating+.contact-info .bg-animation{-webkit-transform:translateX(0);transform:translateX(0)}.contact-item .call-contact.loading{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) infinite;animation:shake .82s cubic-bezier(.36,.07,.19,.97) infinite}.contact-item.disabled .call-contact{opacity:.5}.contact-item.disabled .call-contact:hover+.contact-info .bg-animation{-webkit-transform:translateX(-100%)!important;transform:translateX(-100%)!important}.contact-item.disabled .contact-info{opacity:.5}.contact-item.disabled .Phone{cursor:default}@-webkit-keyframes shake{0%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:translateY(-50%) translateX(50%) rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:translateY(-50%) translateX(50%) rotate(-25deg) scale(1) skew(1deg);transform:translateY(-50%) translateX(50%) rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:translateY(-50%) translateX(50%) rotate(25deg) scale(1) skew(1deg);transform:translateY(-50%) translateX(50%) rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:translateY(-50%) translateX(50%) rotate(-25deg) scale(1) skew(1deg);transform:translateY(-50%) translateX(50%) rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:translateY(-50%) translateX(50%) rotate(25deg) scale(1) skew(1deg);transform:translateY(-50%) translateX(50%) rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:translateY(-50%) translateX(50%) rotate(0) scale(1) skew(1deg);transform:translateY(-50%) translateX(50%) rotate(0) scale(1) skew(1deg)}to{-webkit-transform:translateY(-50%) translateX(50%) rotate(0) scale(1) skew(1deg);transform:translateY(-50%) translateX(50%) rotate(0) scale(1) skew(1deg)}}@keyframes shake{0%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:translateY(-50%) translateX(50%) rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:translateY(-50%) translateX(50%) rotate(-25deg) scale(1) skew(1deg);transform:translateY(-50%) translateX(50%) rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:translateY(-50%) translateX(50%) rotate(25deg) scale(1) skew(1deg);transform:translateY(-50%) translateX(50%) rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:translateY(-50%) translateX(50%) rotate(-25deg) scale(1) skew(1deg);transform:translateY(-50%) translateX(50%) rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:translateY(-50%) translateX(50%) rotate(25deg) scale(1) skew(1deg);transform:translateY(-50%) translateX(50%) rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:translateY(-50%) translateX(50%) rotate(0) scale(1) skew(1deg);transform:translateY(-50%) translateX(50%) rotate(0) scale(1) skew(1deg)}to{-webkit-transform:translateY(-50%) translateX(50%) rotate(0) scale(1) skew(1deg);transform:translateY(-50%) translateX(50%) rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes blink-1{0%,50%,to{opacity:1}25%,75%{opacity:.5}}@keyframes blink-1{0%,50%,to{opacity:1}25%,75%{opacity:.5}}.contact-info-modal .contact-info-text{padding-bottom:15px}.contact-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin-bottom:20px;overflow:auto;padding-top:20px;-webkit-box-flex:1;-ms-flex:1;flex:1}.contact-list .contact-list-title{font-size:18px;margin-bottom:30px;text-align:center;font-weight:400}.contact-list .contact-list-title .list{font-weight:600}.contact-list .contact-item{-webkit-transition:all .5s;transition:all .5s}.contact-list .contact-enter{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}.contact-list .contact-leave-to{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.contact-list .contact-leave-active,.hang-up-button{position:absolute}.hang-up-button{top:15px;left:20px;z-index:999;background-color:#1d1d1d;padding:5px 20px;min-width:180px;border-left:8px solid #ea2557;border-radius:10px;font-weight:400;cursor:pointer}.hang-up-button .btn{background:#ea2557;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%) translateX(50%);transform:translateY(-50%) translateX(50%);font-size:50px}.hang-up-button .btn,.hang-up-button .btn .Phone{width:60px;height:60px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hang-up-button .btn .Phone{position:relative;margin:0;background-color:#ea2557;-webkit-box-shadow:0 0 0 0 rgba(52,152,219,0),0 .05em .1em rgba(0,0,0,.2);box-shadow:0 0 0 0 rgba(52,152,219,0),0 .05em .1em rgba(0,0,0,.2);-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.hang-up-button .btn .Phone:after,.hang-up-button .btn .Phone:before{position:absolute;content:""}.hang-up-button .btn .Phone:before{top:0;left:0;width:60px;height:60px;background-color:hsla(0,0%,100%,.1);border-radius:100%;opacity:1;-webkit-transform:translateZ(0) scale(0);transform:translateZ(0) scale(0)}.hang-up-button .btn .Phone:after{top:10px;left:10px;width:40px;height:40px;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;-webkit-transform:translateZ(0);transform:translateZ(0);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmZ9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9InVzZXIiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIwLjg3IDE5bC0yLjA1LTIuMTMgMi0yLjEyYy41NC0uNTYtLjMtMS40Mi0uODMtLjg2TDE4IDE2bC0yLTIuMWMtLjUzLS41Ni0xLjM3LjMxLS44My44N2wyIDIuMS0yIDIuMTFjLS41My41NS4zIDEuNDIuODQuODdsMi0yLjEyIDIgMi4xM2MuNTUuNTEgMS4zOS0uMzQuODYtLjg2eiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE4IDEuMTZoMS42MWEyMS41OCAyMS41OCAwIDAgMSAxMC4zIDMuMjYgMjQuMzkgMjQuMzkgMCAwIDEgNC40OSAzLjc1IDEuNDQgMS40NCAwIDAgMSAwIDIuMTFjLS41NS41OS0xLjExIDEuMTYtMS42NyAxLjc0cy0xIDEuMDUtMS41MiAxLjU4YTEuMzMgMS4zMyAwIDAgMS0yLjIgMCAxNSAxNSAwIDAgMC0zLjQ5LTIuN2wtLjM0LS4xOGExLjQzIDEuNDMgMCAwIDEtLjgxLTEuNDJWNS4zN2MwLS4yOS0uMDctLjQyLS4zNS0uNWEyMS43IDIxLjcgMCAwIDAtNi0uNzNoLTFhMTkuOTIgMTkuOTIgMCAwIDAtNS4yLjc1Yy0uMjIuMDYtLjI5LjE1LS4yOS4zOXY0YTEuNDcgMS40NyAwIDAgMS0uODcgMS41MSAxMy41MyAxMy41MyAwIDAgMC0zLjYgMi42NyA0LjQgNC40IDAgMCAxLS4zOS4zNSAxLjQ0IDEuNDQgMCAwIDEtLjkuMzcgMS4yOCAxLjI4IDAgMCAxLS45MS0uNDJRMy4yIDEyIDEuNTEgMTAuMjNhMS40MyAxLjQzIDAgMCAxIC4xMS0yLjExQTIyLjA3IDIyLjA3IDAgMCAxIDE4IDEuMTZNMTggMGEyMy40NiAyMy40NiAwIDAgMC05LjI0IDEuODFBMjQuNDEgMjQuNDEgMCAwIDAgLjg1IDcuMjkgMi42MSAyLjYxIDAgMCAwIC43MyAxMUMxLjggMTIuMTkgMyAxMy4zOSA0LjE2IDE0LjZhMi4zMyAyLjMzIDAgMCAwIDEuNjkuNzUgMi41MiAyLjUyIDAgMCAwIDEuNTktLjYxIDYuMjEgNi4yMSAwIDAgMCAuNDgtLjQ0IDEyLjU3IDEyLjU3IDAgMCAxIDMuMjktMi40NSAyLjYyIDIuNjIgMCAwIDAgMS41MS0yLjU3VjUuOTFhMTkuMjIgMTkuMjIgMCAwIDEgNC40MS0uNTZoMWEyMS40NCAyMS40NCAwIDAgMSA1LjIyLjU3djMuNDFhMi41OCAyLjU4IDAgMCAwIDEuNDYgMi40OGwuMTUuMDguMTUuMDhhMTMuODQgMTMuODQgMCAwIDEgMy4yMyAyLjUgMi42MyAyLjYzIDAgMCAwIDEuODUuODkgMi42NyAyLjY3IDAgMCAwIDEuOS0uOTRsMS4yMi0xLjI3LjMtLjMyLjUzLS41NGMuMzgtLjM5Ljc3LS44IDEuMTUtMS4yMWEyLjYxIDIuNjEgMCAwIDAgMC0zLjc0IDI2LjE2IDI2LjE2IDAgMCAwLTQuNzQtMy44OEEyMi43OSAyMi43OSAwIDAgMCAxOS42NC4wNUMxOS4wOCAwIDE4LjUyIDAgMTggMHoiLz48L2c+PC9nPjwvc3ZnPg==)}.hang-up-button .btn .Phone.is-animating{-webkit-animation:phone-outer 3s infinite;animation:phone-outer 3s infinite}.hang-up-button .btn .Phone.is-animating:before{-webkit-animation:phone-inner 3s infinite;animation:phone-inner 3s infinite}.hang-up-button .btn .Phone.is-animating:after{-webkit-animation:phone-icon 3s infinite;animation:phone-icon 3s infinite}@-webkit-keyframes phone-outer{0%{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-box-shadow:0 0 0 0 rgba(52,152,219,0),0 .05em .1em rgba(0,0,0,.2);box-shadow:0 0 0 0 rgba(52,152,219,0),0 .05em .1em rgba(0,0,0,.2)}33.3333%{-webkit-transform:translateZ(0) scale(1.4);transform:translateZ(0) scale(1.4);-webkit-box-shadow:0 0 0 0 rgba(52,152,219,.1),0 .05em .1em rgba(0,0,0,.5);box-shadow:0 0 0 0 rgba(52,152,219,.1),0 .05em .1em rgba(0,0,0,.5)}66.6666%{-webkit-transform:translateZ(0) scale(1.2);transform:translateZ(0) scale(1.2);-webkit-box-shadow:0 0 0 .5em rgba(52,152,219,0),0 .05em .1em rgba(0,0,0,.2);box-shadow:0 0 0 .5em rgba(52,152,219,0),0 .05em .1em rgba(0,0,0,.2)}to{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-box-shadow:0 0 0 0 rgba(52,152,219,0),0 .05em .1em rgba(0,0,0,.2);box-shadow:0 0 0 0 rgba(52,152,219,0),0 .05em .1em rgba(0,0,0,.2)}}@keyframes phone-outer{0%{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-box-shadow:0 0 0 0 rgba(52,152,219,0),0 .05em .1em rgba(0,0,0,.2);box-shadow:0 0 0 0 rgba(52,152,219,0),0 .05em .1em rgba(0,0,0,.2)}33.3333%{-webkit-transform:translateZ(0) scale(1.4);transform:translateZ(0) scale(1.4);-webkit-box-shadow:0 0 0 0 rgba(52,152,219,.1),0 .05em .1em rgba(0,0,0,.5);box-shadow:0 0 0 0 rgba(52,152,219,.1),0 .05em .1em rgba(0,0,0,.5)}66.6666%{-webkit-transform:translateZ(0) scale(1.2);transform:translateZ(0) scale(1.2);-webkit-box-shadow:0 0 0 .5em rgba(52,152,219,0),0 .05em .1em rgba(0,0,0,.2);box-shadow:0 0 0 .5em rgba(52,152,219,0),0 .05em .1em rgba(0,0,0,.2)}to{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-box-shadow:0 0 0 0 rgba(52,152,219,0),0 .05em .1em rgba(0,0,0,.2);box-shadow:0 0 0 0 rgba(52,152,219,0),0 .05em .1em rgba(0,0,0,.2)}}@-webkit-keyframes phone-inner{0%{opacity:1;-webkit-transform:translateZ(0) scale(0);transform:translateZ(0) scale(0)}33.3333%{opacity:1;-webkit-transform:translateZ(0) scale(.9);transform:translateZ(0) scale(.9)}66.6666%{opacity:0;-webkit-transform:translateZ(0) scale(0);transform:translateZ(0) scale(0)}to{opacity:0;-webkit-transform:translateZ(0) scale(0);transform:translateZ(0) scale(0)}}@keyframes phone-inner{0%{opacity:1;-webkit-transform:translateZ(0) scale(0);transform:translateZ(0) scale(0)}33.3333%{opacity:1;-webkit-transform:translateZ(0) scale(.9);transform:translateZ(0) scale(.9)}66.6666%{opacity:0;-webkit-transform:translateZ(0) scale(0);transform:translateZ(0) scale(0)}to{opacity:0;-webkit-transform:translateZ(0) scale(0);transform:translateZ(0) scale(0)}}@-webkit-keyframes phone-icon{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}2%{-webkit-transform:translate3d(.05em,0,0);transform:translate3d(.05em,0,0)}4%{-webkit-transform:translate3d(-.05em,0,0);transform:translate3d(-.05em,0,0)}6%{-webkit-transform:translate3d(.05em,0,0);transform:translate3d(.05em,0,0)}8%{-webkit-transform:translate3d(-.05em,0,0);transform:translate3d(-.05em,0,0)}10%{-webkit-transform:translate3d(.05em,0,0);transform:translate3d(.05em,0,0)}12%{-webkit-transform:translate3d(-.05em,0,0);transform:translate3d(-.05em,0,0)}14%{-webkit-transform:translate3d(.05em,0,0);transform:translate3d(.05em,0,0)}16%{-webkit-transform:translate3d(-.05em,0,0);transform:translate3d(-.05em,0,0)}18%{-webkit-transform:translate3d(.05em,0,0);transform:translate3d(.05em,0,0)}20%{-webkit-transform:translate3d(-.05em,0,0);transform:translate3d(-.05em,0,0)}22%{-webkit-transform:translate3d(.05em,0,0);transform:translate3d(.05em,0,0)}24%{-webkit-transform:translate3d(-.05em,0,0);transform:translate3d(-.05em,0,0)}26%{-webkit-transform:translate3d(.05em,0,0);transform:translate3d(.05em,0,0)}28%{-webkit-transform:translate3d(-.05em,0,0);transform:translate3d(-.05em,0,0)}30%{-webkit-transform:translate3d(.05em,0,0);transform:translate3d(.05em,0,0)}32%{-webkit-transform:translate3d(-.05em,0,0);transform:translate3d(-.05em,0,0)}34%{-webkit-transform:translate3d(.05em,0,0);transform:translate3d(.05em,0,0)}36%{-webkit-transform:translate3d(-.05em,0,0);transform:translate3d(-.05em,0,0)}38%{-webkit-transform:translate3d(.05em,0,0);transform:translate3d(.05em,0,0)}40%{-webkit-transform:translate3d(-.05em,0,0);transform:translate3d(-.05em,0,0)}42%{-webkit-transform:translate3d(.05em,0,0);transform:translate3d(.05em,0,0)}44%{-webkit-transform:translate3d(-.05em,0,0);transform:translate3d(-.05em,0,0)}46%{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes phone-icon{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}2%{-webkit-transform:translate3d(.05em,0,0);transform:translate3d(.05em,0,0)}4%{-webkit-transform:translate3d(-.05em,0,0);transform:translate3d(-.05em,0,0)}6%{-webkit-transform:translate3d(.05em,0,0);transform:translate3d(.05em,0,0)}8%{-webkit-transform:translate3d(-.05em,0,0);transform:translate3d(-.05em,0,0)}10%{-webkit-transform:translate3d(.05em,0,0);transform:translate3d(.05em,0,0)}12%{-webkit-transform:translate3d(-.05em,0,0);transform:translate3d(-.05em,0,0)}14%{-webkit-transform:translate3d(.05em,0,0);transform:translate3d(.05em,0,0)}16%{-webkit-transform:translate3d(-.05em,0,0);transform:translate3d(-.05em,0,0)}18%{-webkit-transform:translate3d(.05em,0,0);transform:translate3d(.05em,0,0)}20%{-webkit-transform:translate3d(-.05em,0,0);transform:translate3d(-.05em,0,0)}22%{-webkit-transform:translate3d(.05em,0,0);transform:translate3d(.05em,0,0)}24%{-webkit-transform:translate3d(-.05em,0,0);transform:translate3d(-.05em,0,0)}26%{-webkit-transform:translate3d(.05em,0,0);transform:translate3d(.05em,0,0)}28%{-webkit-transform:translate3d(-.05em,0,0);transform:translate3d(-.05em,0,0)}30%{-webkit-transform:translate3d(.05em,0,0);transform:translate3d(.05em,0,0)}32%{-webkit-transform:translate3d(-.05em,0,0);transform:translate3d(-.05em,0,0)}34%{-webkit-transform:translate3d(.05em,0,0);transform:translate3d(.05em,0,0)}36%{-webkit-transform:translate3d(-.05em,0,0);transform:translate3d(-.05em,0,0)}38%{-webkit-transform:translate3d(.05em,0,0);transform:translate3d(.05em,0,0)}40%{-webkit-transform:translate3d(-.05em,0,0);transform:translate3d(-.05em,0,0)}42%{-webkit-transform:translate3d(.05em,0,0);transform:translate3d(.05em,0,0)}44%{-webkit-transform:translate3d(-.05em,0,0);transform:translate3d(-.05em,0,0)}46%{-webkit-transform:translateZ(0);transform:translateZ(0)}}.hang-up-button .btn img{width:40px}.hang-up-enter-active{-webkit-transition:opacity .5s ease-out,-webkit-transform .5s ease-out;transition:opacity .5s ease-out,-webkit-transform .5s ease-out;transition:transform .5s ease-out,opacity .5s ease-out;transition:transform .5s ease-out,opacity .5s ease-out,-webkit-transform .5s ease-out}.hang-up-leave-active{-webkit-transition:opacity .5s ease-in,-webkit-transform .5s ease-in;transition:opacity .5s ease-in,-webkit-transform .5s ease-in;transition:transform .5s ease-in,opacity .5s ease-in;transition:transform .5s ease-in,opacity .5s ease-in,-webkit-transform .5s ease-in}.hang-up-enter,.hang-up-leave-to{-webkit-transform:translateX(-30px);transform:translateX(-30px);opacity:0}.error-msg-box{background:#ea2557;color:#fff;padding:12px 20px;border-radius:10px;position:fixed;top:81px;right:15px;font-size:16px;z-index:1}.error-msg-box .triangle{position:absolute;top:1px;right:83px;-webkit-transform:translateY(-100%) translateX(47%);transform:translateY(-100%) translateX(47%);width:0;height:0;border-style:solid;border-width:0 7px 26px 7px;border-color:transparent transparent #ea2557 transparent}.create-note.vi-modal{position:fixed;top:auto;right:20px;left:auto;bottom:20px;z-index:100;background:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.create-note .notes-actions,.create-note.vi-modal{display:-webkit-box;display:-ms-flexbox;display:flex}.create-note .notes-actions{-ms-flex-pack:distribute;justify-content:space-around}.create-note .add-note{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 20px 20px 20px}.create-note .add-note .add-note-label{font-size:1.1em;margin-bottom:10px}.create-note .add-note textarea{border-radius:10px;border:none;padding:6px 10px;font-size:16px;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;resize:vertical}.create-note .add-note textarea:focus{-webkit-box-shadow:0 0 1px 2px #08a5b4;box-shadow:0 0 1px 2px #08a5b4}.contacts{background:#0f0f0f;height:100%;position:relative}.contacts,.contacts .contacts-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.contacts .contacts-view{width:100%;max-height:100%}.contact-page-enter-active{-webkit-transition:opacity .5s ease-out,-webkit-transform .5s ease-out;transition:opacity .5s ease-out,-webkit-transform .5s ease-out;transition:transform .5s ease-out,opacity .5s ease-out;transition:transform .5s ease-out,opacity .5s ease-out,-webkit-transform .5s ease-out}.contact-page-leave-active{-webkit-transition:opacity .5s ease-in,-webkit-transform .5s ease-in;transition:opacity .5s ease-in,-webkit-transform .5s ease-in;transition:transform .5s ease-in,opacity .5s ease-in;transition:transform .5s ease-in,opacity .5s ease-in,-webkit-transform .5s ease-in}.contact-page-enter{-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:0}.contact-page-leave-to{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}.vi-date-picker{position:relative;color:#000}.vi-date-picker .calendar-icon{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:15px;pointer-events:none}.vi-date-picker input{min-width:180px;border-radius:10px;border:none;padding:6px 10px;font-size:16px;outline:none}.vi-date-picker input:focus{-webkit-box-shadow:0 0 1px 2px #08a5b4;box-shadow:0 0 1px 2px #08a5b4}.vi-date-picker .vdp-datepicker__calendar{border-radius:10px;border:3px solid #05a5b4;overflow:hidden}.vi-date-picker .vdp-datepicker__calendar .cell.selected{background:#ea2557;color:#fff}.vi-date-picker .vdp-datepicker__calendar .cell.selected:hover{background:#ee547b}.vi-date-picker .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,.vi-date-picker .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,.vi-date-picker .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover{border:1px solid #ea2557}.contact-picker{position:relative}.contact-picker select{-webkit-appearance:none;min-width:180px;border-radius:10px;border:none;padding:6px 10px;font-size:16px;outline:none}.contact-picker .select-icon{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:15px;color:#000}.spinner-container{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.spinner-container .spinner{width:60px;height:60px;position:relative;text-align:center;-webkit-animation:sk-rotate 2s linear infinite;animation:sk-rotate 2s linear infinite}.spinner-container .dot1,.spinner-container .dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#af2948;border-radius:100%;-webkit-animation:sk-bounce 2s ease-in-out infinite;animation:sk-bounce 2s ease-in-out infinite}.spinner-container .dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-rotate{to{-webkit-transform:rotate(1turn)}}@keyframes sk-rotate{to{transform:rotate(1turn);-webkit-transform:rotate(1turn)}}@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.recording-preview{padding:10px 15px}.recording-preview .centered-label{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:70px}.recording-preview .label{font-size:1.2em;padding-bottom:10px;display:block;text-decoration:none;color:#fff;text-align:left}.recording-preview .recording-preview-video video{width:100%;outline:none;margin:0 auto}.recording-preview-enter-active{-webkit-transition:all .3s ease;transition:all .3s ease}.recording-preview-leave-active{-webkit-transition:all .3s cubic-bezier(1,.5,.8,1);transition:all .3s cubic-bezier(1,.5,.8,1)}.recording-preview-enter,.recording-preview-leave-to{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}.session-recording{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.session-recording .fa-icon{margin-right:20px;cursor:pointer;color:#fff}.session-recording .fa-icon:last-child{margin-right:0}.screenshots-preview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.screenshots-preview.expanded{min-height:800px}.screenshots-preview .screenshots-tiles-box{border-radius:10px;background:#222}.screenshots-preview .screenshots-tiles-box .label{font-size:1.2em;padding-top:10px;text-align:center}.screenshots-preview .screenshots-tiles{width:100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.screenshots-preview .screenshots-tiles .tiles{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;display:-webkit-box;display:-ms-flexbox;display:flex}.screenshots-preview .screenshots-tiles .tiles .tile{position:relative}.screenshots-preview .screenshots-tiles .tiles .delete-screenshot{position:absolute;top:18px;left:13px;z-index:2;cursor:pointer;-webkit-transition:transform .1s ease;transition:transform .1s ease;border-radius:50%;background:rgba(0,0,0,.5);width:25px;height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0}.screenshots-preview .screenshots-tiles .tiles .delete-screenshot:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.screenshots-preview .screenshots-tiles .tiles .delete-screenshot img{height:14px}.screenshots-preview .screenshots-tiles .arrows{padding:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.screenshots-preview .screenshot{font-size:0;margin:10px 5px;border:4px solid #333;border-radius:5px;overflow:hidden;cursor:pointer;min-width:70px}.screenshots-preview .screenshot.active{border-radius:5px;border:4px solid #08a5b4}.screenshots-preview .screenshot img{height:150px}.screenshots-preview .screenshot:first-child{margin-left:10px}.screenshots-preview .screenshot-galerry{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-top:10px;margin-bottom:10px;background-size:contain;background-repeat:no-repeat;background-position:50%}.notes-preview.create-note{padding:10px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.notes-preview.create-note .notes-actions{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:10px}.notes-preview.create-note .notes-actions .vi-button:first-child{margin-right:10px}.notes-preview.create-note .add-note-label{text-align:left;padding-bottom:3px}.notes-preview.create-note .add-note{padding:0;-webkit-box-flex:1;-ms-flex:1;flex:1}.notes-preview.create-note .add-note textarea,.notes-preview.create-note .notes{-webkit-box-flex:1;-ms-flex:1;flex:1}.notes-preview.create-note .notes{overflow:auto}.notes-preview.create-note .notes .note{padding-top:10px;padding-bottom:10px;text-align:left}.notes-preview.create-note .notes .note img{height:12px;margin-right:10px;cursor:pointer}.notes-preview.create-note .create-note{padding:0 10px;min-height:225px}.files-preview .block{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.files-preview .block,.files-preview .block .file{display:-webkit-box;display:-ms-flexbox;display:flex}.files-preview .block .file{width:31%;margin:1%;background-color:#292929}.files-preview .block .file .file-preview{padding:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-decoration:none}.files-preview .block .file .file-preview:hover{color:#ea2557}.files-preview .block .file .file-preview .icon-container{margin-right:15px;width:35px}.files-preview .block .file .file-preview .icon-container svg{font-size:35px}.files-preview .block .file .file-preview .name-container{-webkit-box-flex:1;-ms-flex:1;flex:1;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.call-details.vi-modal{background:#000;display:block;top:0;padding:0;margin:0;bottom:0}.call-details.vi-modal .vi-modal-content{max-width:100%;width:100%;height:100%;max-height:unset;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto;background:none;border:none;display:block;padding:0;border-radius:0}.call-details.vi-modal .vi-modal-content .close-modal{position:absolute;top:20px;right:30px}.call-details.vi-modal .vi-modal-content .call-details-content{max-width:940px;margin:0 auto;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}.call-details.vi-modal .vi-modal-content .call-details-content .call-details-scrollable{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;padding:0 20px}.call-details.vi-modal .vi-modal-content .call-details-content .session-details{padding:20px;background:#ea2557;border-top-left-radius:10px;border-top-right-radius:10px;text-align:left;margin:10px 20px 0 20px}.call-details.vi-modal .vi-modal-content .call-details-content .session-details .contact-name{font-size:1.4em;margin-bottom:10px}.call-details.vi-modal .vi-modal-content .call-details-content .session-details .contact-name span{font-size:12px;margin-left:10px}.call-details.vi-modal .vi-modal-content .call-details-content .session-details .session-details-block{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.9em}.call-details.vi-modal .vi-modal-content .call-details-content .session-details .session-details-block div:first-child{width:80px}.call-details.vi-modal .vi-modal-content .call-details-content .session-details .session-details-block div:nth-child(2){width:120px}.call-details.vi-modal .vi-modal-content .call-details-content .session-details .session-details-block div:nth-child(3){width:180px}.call-details.vi-modal .vi-modal-content .call-details-content .call-details-blocks{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.call-details.vi-modal .vi-modal-content .call-details-content .call-details-blocks .block{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:20px 10px;border-radius:10px;background:#222;width:100%}.call-details.vi-modal .vi-modal-content .call-details-content .call-details-blocks .block .label{font-size:1.2em;padding-bottom:10px;display:block;text-decoration:none;color:#fff;text-align:left}.call-details.vi-modal .vi-modal-content .call-details-content .call-details-blocks .block .files-preview{padding:10px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.call-details.vi-modal .vi-modal-content .call-details-content .call-details-blocks .block .files-preview .file{margin:10px 0;overflow:hidden;width:100%}.call-details.vi-modal .vi-modal-content .call-details-content .call-details-blocks .block .files-preview .file a{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;color:#fff}.call-details.vi-modal .vi-modal-content .call-details-content .call-details-blocks .block:first-child{margin-left:0}.call-details.vi-modal .vi-modal-content .call-details-content .call-details-blocks .block:last-child{margin-right:0}.session-logs{margin-top:70px}.session-logs .back-button{position:fixed;top:20px;left:20px;font-size:1.2em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.session-logs .back-button div{margin-left:10px}.session-logs .title{font-size:18px;margin-bottom:30px;text-align:center;font-weight:400}.session-logs .title span{font-weight:600}.session-logs .filters{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:800px;margin:20px auto;margin-top:40px}.session-logs .filters .vi-input{margin-top:0}.session-logs .filters .vi-button{min-width:187px}.session-logs .no-results{font-size:18px;margin-top:50px;font-weight:400}.session-logs .no-results.error{color:#ea2557}.session-logs table{margin:20px auto}.session-logs table td,.session-logs table th{padding:15px 15px}.session-logs table th{color:#08a5b4}.session-logs table th .sortable{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.session-logs table th .sortable.active .sort-icon{color:#08a5b4}.session-logs table th .sortable .sort-icon{color:#666;margin-left:5px}.session-logs table td{color:#ccc}.session-logs table tbody tr:nth-child(2n){background:#292929}.session-logs table tbody tr:nth-child(odd){background:#151515}.forgot-password{width:100%;height:100vh;background-color:#000;background-image:url(../img/background.fdbde88a.jpg);background-repeat:no-repeat;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.forgot-password .forgot-password-form{padding:40px 60px 90px 60px;background:#000;border-radius:10px;color:#fff}.forgot-password .forgot-password-form form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.forgot-password .forgot-password-form .actions{text-align:center}.forgot-password .forgot-password-form .info{color:#fff;font-size:14px;font-weight:400;line-height:1.5;text-align:center;margin-top:10px;max-width:250px;margin-left:auto;margin-right:auto}.forgot-password .forgot-password-form .info.large{font-size:18px}.forgot-password .forgot-password-form .error{margin-top:20px;font-size:12px;max-width:200px}.forgot-password .forgot-password-form .login-link{color:#fff;font-size:12px;font-weight:400;letter-spacing:1.5px;line-height:9px;text-align:center;margin-bottom:20px;margin-top:20px}.forgot-password .forgot-password-form .login-link .login-here{color:#08a5b4;cursor:pointer}.reset-password{width:100%;height:100vh;background-color:#000;background-image:url(../img/background.fdbde88a.jpg);background-repeat:no-repeat;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.reset-password .reset-password-form{padding:40px 60px 90px 60px;background:#000;border-radius:10px;color:#fff}.reset-password .reset-password-form .actions{margin-top:20px;text-align:center}.reset-password .reset-password-form .error{margin-top:20px;font-size:12px;max-width:200px}.external-login{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.timeslice-player .timeslice{position:relative;top:0;left:0;bottom:0;right:0;height:100vh}