:root{--app-height:450px;--app-width:260px}#root{background:#fff;border:1px solid hsla(0,0%,88%,.3);box-shadow:0 0 28px rgba(0,0,0,.15);box-sizing:border-box;display:flex;flex-direction:column;height:450px;height:var(--app-height);left:0;position:fixed;top:0;transition:all 0s;width:260px;width:var(--app-width);z-index:5}.line{border:1px solid #eee;width:70%}.auth-form{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-around}.headerLogo{padding-top:20px;text-align:center}.panel-phone-panel{align-items:center;display:flex;flex-direction:column;height:100%}.panel-phone-timer{font-size:15px;margin-top:25px;position:absolute}.panel-phone-avatar{height:120px;margin:50px 0 10px;width:120px}.panel-phone-contact-info{font-size:15px;height:90px;padding:10px 0 20px;text-align:center}.panel-phone-contact-info div{overflow:hidden;padding:2px;text-overflow:ellipsis;white-space:nowrap;width:200px}.panel-phone-call-buttons{align-items:center;display:flex;flex-direction:row;padding:25px 0 20px}.panel-phone-call-buttons div{background:#f5f5f5;border-radius:50px;cursor:pointer;height:68px;margin:0 20px}.panel-phone-call-buttons div:hover{background:#f5f5f5}.panel-phone-call-buttons div:active{background:#006bba1f}.panel-default,.panel-no-device{align-items:center;display:flex;flex-direction:column;height:390px;justify-content:space-between}.panel-no-device{justify-content:space-around}.panel-no-device-message{font-family:Arial;font-size:15px;padding:0 15px;text-align:center}.panel-no-device-links{text-align:center}.panel-no-device-links a{border:1px solid #ccc;border-radius:5px;color:#006bba;display:inline-block;font-size:15px;margin:5px 10px;padding:5px 10px;text-decoration:none;transition:.2s;-webkit-user-select:none;user-select:none}.panel-no-device-links a:hover{box-shadow:0 2px 5px #ccc;transition:.2s}.button-settings{cursor:pointer;left:10px;position:absolute;top:10px}.button-settings:active{-webkit-transform:scale(1.1);transform:scale(1.1)}.settings-options{margin-top:50px}.app-status{background-color:initial;border:1px solid #999;position:absolute;right:20px;top:15px;z-index:10}.app-status,.app-status div{border-radius:50%;height:10px;width:10px}.app-status div{-webkit-animation:activity 1s infinite;animation:activity 1s infinite;background-color:red;opacity:0}.app-status div.connected{background-color:green;box-shadow:0 0 2px green}.app-status div.disconnected{background-color:red;box-shadow:0 0 2px red}.error-page{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.error-page-message{font-size:15px;padding:20px 0;text-align:center}.pbx-login-form{display:flex;flex-direction:column}.pbx-login-form label{font-size:12px}.pbx-login-form span{font-size:10px;margin-top:-5px}.panel-dtmf-link,.panel-phone-dtmf{align-items:center;display:flex;flex-direction:column;margin:10px 0 20px}.dtmf-open-btn{background:#006bba;border:1px solid #006bba;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:background .15s ease,box-shadow .15s ease}.dtmf-open-btn:disabled{background:#b7c6d8;border-color:#b7c6d8;cursor:not-allowed}.dtmf-open-btn:not(:disabled):hover{box-shadow:0 2px 6px rgba(0,0,0,.2)}.dtmf-open-btn:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.dtmf-panel{background:#fafafa;border:1px solid #e0e0e0;border-radius:10px;bottom:10px;box-shadow:0 2px 8px rgba(0,0,0,.15);left:10px;padding:12px;position:absolute;right:10px;z-index:15}.dtmf-header{align-items:center;display:flex;font-weight:600;justify-content:space-between;margin-bottom:10px}.dtmf-close{background:transparent;border:none;cursor:pointer;font-size:18px;line-height:18px}.dtmf-display{background:#fff;border:1px solid #e0e0e0;border-radius:6px;font-family:Courier New,monospace;height:32px;margin-bottom:10px;overflow:hidden;padding:6px 8px;text-overflow:ellipsis;white-space:nowrap}.dtmf-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:8px}.dtmf-grid--disabled{opacity:.6}.dtmf-key{background:#f6f8fb;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:16px;height:44px;transition:background .15s ease,box-shadow .15s ease}.dtmf-key:active:not(:disabled){background:#e6eef9;box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}.dtmf-key:disabled{cursor:not-allowed}.dtmf-hint{color:#757679;font-size:11px;margin-bottom:4px}.dtmf-warning{color:#b65d00;font-size:12px;margin-bottom:2px}.dtmf-error{color:#b00020;font-size:12px}.dtmf-status{border-radius:50%;display:inline-block;height:8px;margin-left:6px;vertical-align:middle;width:8px}.dtmf-status--ready{background:#2e7d32;box-shadow:0 0 4px rgba(46,125,50,.6)}.dtmf-status--disabled{background:#c9c9c9}@-webkit-keyframes activity{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes activity{0%{opacity:0}50%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=main.2750da03.css.map*/