.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:80px}.App-header{background-color:#222;height:150px;padding:20px;color:#fff}.App-intro{font-size:large}.modal-content{position:absolute;top:-245%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;width:24rem;display:flex;justify-content:center;align-items:center;width:550px;border:1px solid #000;padding-top:1px;box-shadow:4px 4px grey}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#phoneWrapper{width:300px;margin:0 auto}.callInfo{width:190px;height:70px;float:left}#connectedCall .callInfo{width:240px}#dialPad div{-moz-user-select:-moz-none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.callInfo h3{color:#389400;margin:10px 0}.callInfo p{margin:0 25px 0 0;float:left}#answer,#connectCall,#hangUp,#mute,#reject{color:#fff;background-color:#389400;width:50px;height:50px;float:right;text-align:center;font-size:30px;margin:10px 0;border-radius:25px 25px 25px 25px;-moz-border-radius:25px 25px 25px 25px;-webkit-border-radius:25px 25px 25px 25px;cursor:pointer;cursor:hand}#answer:active,#connectCall:active,#hangUp:active,#mute:active,#reject:active{background-color:#b6b6b6;box-shadow:0 1px 7px 2px rgba(0,0,0,.45);border:none}#hangUp,#reject{-ms-transform:rotate(135deg)}#hangUp{background-color:#a90002}#reject{background-color:#fff;color:#a90002;margin-right:10px}#connectCall,#mute{background-color:#389400}#connectCall,#mute,#register{color:#fff;width:260px;height:50px;font-size:30px;text-align:center;margin:20px 20px 0;border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;cursor:pointer;cursor:hand}#register{background-color:#586f93}#mute{color:#545454;width:50px;height:50px;margin:15px 125px 10px 20px;border-radius:25px 25px 25px 25px;-moz-border-radius:25px 25px 25px 25px;-webkit-border-radius:25px 25px 25px 25px;background-color:#fff}.muteActive{color:#fff;background-color:#389400}#to{border-bottom:0 solid #bbb}#fromField,#passwordField,#toField{margin-top:20px;padding-left:10px;font-size:1em;font-family:Open Sans,sans-serif;width:300px;height:40px;border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-webkit-border-radius:2px 2px 2px 2px;border:0 solid #b8b8b8}#dialPad{width:240px;height:308px;margin:0 auto}#dialPad div{float:left;width:50px;height:50px;text-align:center;font-size:26px;margin:25px 15px 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:25px 25px 25px 25px;-moz-border-radius:25px 25px 25px 25px;-webkit-border-radius:25px 25px 25px 25px;border:1px solid #e8e8e8;padding-top:5px}#dialPad div:hover{background-color:#389400;color:#fff;cursor:pointer;cursor:hand}#dialPad div:active{background-color:#b2b2b2;box-shadow:0 1px 7px 2px rgba(0,0,0,.45);border:none}.fa{margin-top:11px}#answer .fa{-webkit-animation:callp 1s;animation:callp 1s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;-webkit-animation-play-state:running;animation-iteration-count:infinite;animation-direction:alternate;animation-play-state:running}@-webkit-keyframes callp{0%{color:#fff}to{color:#389400}}@keyframes callp{0%{color:#fff}to{color:#389400}}#answer{-webkit-animation:call 1s;animation:call 1s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;-webkit-animation-play-state:running;animation-iteration-count:infinite;animation-direction:alternate;animation-play-state:running}@-webkit-keyframes call{0%{background:#389400}to{background:#fff}}@keyframes call{0%{background:#389400}to{background:#fff}}body{margin:0;padding:0;font-family:sans-serif}
/*# sourceMappingURL=main.97f0022c.chunk.css.map */