[data-v-c960039b]{box-sizing:border-box}html[data-v-c960039b]{background-color:#e6e6e6}body[data-v-c960039b]{font:1em open sans,sans-serif}h1[data-v-c960039b]{font-size:2em}h1[data-v-c960039b],h2[data-v-c960039b],h5[data-v-c960039b]{font-weight:400}.call-screen[data-v-c960039b]{background-color:#fff;border-radius:20px;box-shadow:5px 5px 25px #0003;height:550px;margin:auto;overflow:hidden;width:400px}.call-header[data-v-c960039b]{background-color:#fff;box-shadow:0 2px 5px #00000008,0 10px 40px #00000017;display:table;height:40px;padding:5px 15px;width:100%}@keyframes calling-c960039b{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}@keyframes calling2-c960039b{0%{box-shadow:0 0 #3e95ff17}50%{box-shadow:0 0 0 5px #3e95ff33}to{box-shadow:0 0 0 15px #3e95ff80}}.caller-id span[data-v-c960039b]{animation-duration:1s;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:calling-c960039b}.caller-id span[data-v-c960039b]:nth-child(2){animation-delay:.2s}.caller-id span[data-v-c960039b]:nth-child(3){animation-delay:.4s}.caller-id[data-v-c960039b],.caller-time[data-v-c960039b]{display:table-cell}.caller-id[data-v-c960039b]{width:50%}.caller-time[data-v-c960039b]{text-align:right;width:40%}.caller-img[data-v-c960039b]{animation:calling2-c960039b .8s ease-in-out infinite alternate;border:1px solid rbga(0,0,0,.1);border-radius:50%;height:150px;margin:15% auto;overflow:hidden;width:150px}.caller-img img[data-v-c960039b]{width:100%}.caller-details[data-v-c960039b]{margin-top:-35px;text-align:center;width:100%}.caller-details p[data-v-c960039b]{margin-top:-15px}.caller-control[data-v-c960039b]{margin:40px -25px;text-align:center;width:100%}.call-icon[data-v-c960039b]{background-color:#fff;border-radius:50%;box-shadow:0 2px 5px #0000003b,0 10px 40px #00000030;color:#000;height:50px;margin-left:50px;padding:20px;transition:.5s ease-in-out;width:50px}.call-icon[data-v-c960039b]:hover{box-shadow:0 2px 5px #00000054,0 10px 40px #00000063;transition:.5s ease-in-out}.call-drop[data-v-c960039b]{color:red}.agent-search-dialog[data-v-c960039b]{display:none;padding:10px 20px}label[data-v-c960039b]{font-size:10px;margin:-80px 20px;text-align:left}input[data-v-c960039b],label[data-v-c960039b]{display:block}input[data-v-c960039b]{border:1px solid rgba(0,0,0,.3);border-radius:4px;box-shadow:10px 10px 20px #0003;font-size:18px;height:40px;margin:15px auto;padding:0 10px;width:330px}[data-v-88356d9e]{box-sizing:border-box}[data-v-88356d9e]:focus{outline:none}body[data-v-88356d9e]{font-family:Open Sans,sans-serif;font-size:14px}i[data-v-88356d9e]{color:#242424;font-weight:600}.back-key[data-v-88356d9e]{color:#5e5e5e}.number-input[data-v-88356d9e]{border:0;border-radius:10px;box-shadow:0 0 17px -1px #85858526;font-size:25px;height:55px;line-height:55px;padding:0 20px;text-align:center;width:100%}input[data-v-88356d9e]{color:#505050;font-size:20px;font-weight:400}.wrapper[data-v-88356d9e]{width:100%}.wrapper .phone[data-v-88356d9e]{margin:40px auto 0;position:relative;width:350px}.wrapper .phone span.title[data-v-88356d9e]{display:block;font-weight:700;letter-spacing:2px;text-align:center}.wrapper .phone .phone-container[data-v-88356d9e]{margin-top:30px;width:100%}.wrapper .phone .phone-container .keyboard[data-v-88356d9e]{margin-left:5%;margin-top:40px;width:90%}.wrapper .phone .phone-container .keyboard .number[data-v-88356d9e]{cursor:pointer;font-size:0;text-align:center;width:100%}.wrapper .phone .phone-container .keyboard .number.aling-right[data-v-88356d9e]{text-align:right;width:100%}.wrapper .phone .phone-container .keyboard .number span[data-v-88356d9e]{color:#12b488;display:inline-block;font-size:24px;margin-bottom:25px;text-align:center;width:33%}.wrapper .phone .phone-container .keyboard .number span.call-button[data-v-88356d9e]{opacity:0;transition:.25s}.wrapper .phone .phone-container .keyboard .number span.call-button.show[data-v-88356d9e]{opacity:1}.wrapper .phone .phone-container .keyboard .number span.call-button img[data-v-88356d9e]{display:inline-block;vertical-align:middle}.wrapper .phone .phone-container .keyboard .number span i[data-v-88356d9e]{background:#fff;border-radius:100%;cursor:pointer;display:inline-block;height:80px;line-height:80px;transition:.25s;width:80px;-webkit-touch-callout:none;box-shadow:8px 8px 24px #85858517;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wrapper .phone .phone-container .keyboard .number span i.delete[data-v-88356d9e]{background:transparent;box-shadow:0 0;-webkit-box-shadow:0 0 0 0;-moz-box-shadow:0 0 0 0;-ms-box-shadow:0 0 0 0;color:#202020}.wrapper .phone .phone-container .keyboard .number span i.delete img[data-v-88356d9e]{display:inline-block;vertical-align:middle}.wrapper .phone .phone-container .keyboard .number span:hover i[data-v-88356d9e]{color:#000}.wrapper .phone .phone-container .keyboard .number span:active i[data-v-88356d9e]{box-shadow:5px 5px 16px #8585852e;transform:translateY(1px)}.wrapper .phone .phone-container .keyboard .number span:active i.delete[data-v-88356d9e]{box-shadow:0 0;-webkit-box-shadow:0 0 0 0;-moz-box-shadow:0 0 0 0;-ms-box-shadow:0 0 0 0;transform:translateY(0)}.wrapper .phone .phone-container .keyboard .number span:active i.delete img[data-v-88356d9e]{transtiion:.25s}.wrapper .phone .phone-container .keyboard .number span:active i.delete:active img[data-v-88356d9e]{transform:translateY(2px)}