.inline-icon{font-size:.1 .25rem;margin-right:.5rem}.chat-container{padding:0;position:relative;height:100%;margin:0 1em}.chat-container,.chat-container .header{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.chat-container .header{color:#555;font-family:"Roboto","Helvetica","Arial",sans-serif;margin:1em 0}.chat-container .header h3{font-weight:700;margin:0}.chat-container .header p{font-size:.85em;margin:0}.chat-container .chat-box-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;padding:1rem;width:100%;position:absolute;bottom:0;left:0}.chat-container .chat-box{-webkit-flex:30 1;flex:30 1;background:#fff;width:100%}.chat-container .chat-list{display:-webkit-flex;display:flex;-webkit-flex:1 1;flex:1 1;-webkit-flex-direction:column;flex-direction:column;max-height:78vh;overflow-y:scroll;margin-right:-14px;padding-right:14px;padding-bottom:88px}.chat-container .chat-list::-webkit-scrollbar{width:10px}.chat-container .chat-list::-webkit-scrollbar-track{background:#f1f1f1}.chat-container .chat-list::-webkit-scrollbar-thumb{background:#888}.chat-container .chat-list::-webkit-scrollbar-thumb:hover{background:#555}.chat-container .chat-message{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-bottom:1.5em;min-width:auto}.chat-container .chat-message .message-data{font-weight:700;font-size:.85em;margin-bottom:.5em}.chat-container .chat-message p{border-radius:10px;color:#000;display:-webkit-inline-flex;display:inline-flex;min-width:6rem;margin:0;padding:1em 1.5em 1.75em 1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative}.chat-container .chat-message .timestamp{white-space:nowrap;position:absolute;bottom:.5em;right:1em;font-size:.85em;color:#555}.chat-container .chat-message.incoming{padding-right:2em}.chat-container .chat-message.incoming p{background:rgba(159,193,66,.5);border:1px solid #9fc142}.chat-container .chat-message.outgoing{margin-left:auto;padding-left:2em}.chat-container .chat-message.outgoing .message-data{text-align:right}.chat-container .chat-message.outgoing p{background:rgba(33,158,188,.5);border:1px solid #219ebc}.team-chat-roster div.contact{padding-left:2rem;padding-top:.5rem;padding-bottom:.5rem}.team-chat-roster div.contact.active{background:rgba(33,158,188,.4)}.team-chat-roster div.contact:hover{cursor:pointer;background:rgba(33,158,188,.4)}ul.call-log{background:#023047;color:#fff;list-style-type:none;margin:0;padding:1em;max-height:48.5vh;overflow:auto}ul.call-log h3{margin:0}ul.call-log .day-header{font-size:.85em;opacity:.75;margin:2em 0 1em}ul.call-log .log-entry{border-bottom:1px solid rgba(33,158,188,.25);display:-webkit-flex;display:flex;padding-bottom:.5em;margin-bottom:.5em;-webkit-align-items:center;align-items:center}ul.call-log .log-entry:last-child{border-bottom:none}ul.call-log .log-entry .icon{color:#219ebc}ul.call-log .log-entry .number{font-size:.75rem;opacity:.75}ul.call-log .log-entry .log-text{-webkit-flex:1 1;flex:1 1}ul.call-log .log-entry .call-time{font-size:.75rem;text-align:right;-webkit-flex:1 1;flex:1 1;opacity:.75}.dialer{padding:.5rem;width:100%;text-align:center}.dialer .react-tel-input{margin-top:1rem}.dialer .react-tel-input .form-control{width:100%}.dialer .pad-controls{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.dialer #sip-audio{display:none}.dialer .number-input{margin-bottom:1rem;max-width:200px}.dialer .number-input button{margin-right:-3px}.dialer .settings{margin-bottom:.25rem;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.dialer .call-controls{margin:0 auto;max-width:200px;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.dialer .digits{margin:0 auto 1rem;max-width:200px;display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto;grid-row-gap:.25rem;row-gap:.25rem;grid-column-gap:0;-webkit-column-gap:0;column-gap:0;justify-items:center}.dialer .digits .digit{display:block;border:1px solid #ddd;width:4rem;text-align:center;font-size:1rem}.dialer .digits .digit span.letters{white-space:nowrap;display:block;width:2rem;font-size:.5rem}.dialer .call-active-display{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;margin-bottom:1rem}.dialer .call-active-display .avatar{background:#f5f7fb;width:70px;height:70px;line-height:70px;font-size:150%;color:#999;border-radius:4px;margin-bottom:1rem}.dialer .call-active-display .number{font-size:150%;font-weight:700;margin-bottom:1rem}.dialer .call-active-display .call-active-btns{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.dialer .call-active-display .call-ctl-btn{border:1px solid #ddd;width:50px;padding:.25rem;border-radius:4px}.dialer .call-active-display .call-ctl-btn:hover{cursor:pointer;background-color:#eee}.home-container{width:100%;height:100%}.home-container .background-img{position:absolute;top:0;width:100%;z-index:-1}.home-container .home-content{z-index:1;width:80%;margin:15% auto 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;background-color:#fff;border-radius:6px;box-shadow:0 0 15px -4px #333;padding:2rem}.home-container .home-content .home-pitch{border-radius:6px;border-top-right-radius:0;background-color:#303039;color:#fff;padding:2rem}.home-container .home-content .home-pitch .title{color:#9fc142}.home-container .home-content .home-pitch .logo{width:100%;padding:1em 2em;background:#023047;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.home-container .home-content .home-pitch .logo img{width:200px}.home-container .home-content .home-pitch .button-container{margin-top:2rem;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.home-container .home-content .home-pitch .button-container .learn-more-button{color:#303039;font-weight:700;background-color:#9fc142}.login-container{min-width:400px;padding:2rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.login-container h1,.login-container p{text-align:center}.login-container .MuiTextField-root{margin-top:2rem}.login-container .submit{text-align:right;margin-top:2rem}.login-container .submit button{background-color:#303039;color:#fff}.profile-nav{padding:1em}.profile-nav .profile-button{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;border:none;background:transparent;font-size:.85em;font-weight:700;cursor:pointer}.profile-nav .profile-button .profile-avatar{margin-left:.5em}.profile-nav .profile-button:hover{background:#edf6f9}.nav{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding-top:1em}.section-header{opacity:.75;display:block;font-size:.85em;margin:2em 1em 1em}.nav-item{color:#fff;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;text-decoration:none;padding:.75em 1em}.nav-item.active{background:rgba(33,158,188,.25)}.nav-item:hover{background:rgba(33,158,188,.4)}.nav-item svg{color:#9fc142;font-size:1.25em;margin-right:.5em}.link-group{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.link-group .channel:before{content:"#";color:#219ebc;display:inline-block;margin-right:.5em}body{background-color:#fff!important;font-family:"Roboto","Helvetica","Arial",sans-serif!important;margin:0}.dashboard-container{display:grid;grid-template-columns:200px auto 250px;grid-template-rows:4.69 auto;grid-template-areas:"topempty toplogo topuser" "leftsidebar maincontent rightsidebar";height:100vh;max-height:100vh;margin:0 auto}.header{-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;grid-column:1/span 3}.header,.header .logo{display:-webkit-flex;display:flex}.header .logo{height:100%;width:200px;padding:1em 2em;background:#023047;-webkit-justify-content:center;justify-content:center}.header .logo img{width:100%}.left-sidebar{background:#011f2e;color:#f5f7fb;grid-area:leftsidebar}.main-content{background:#edf6f9;grid-area:maincontent;height:91.31vh}.right-sidebar{grid-area:rightsidebar}.contact-list .search{padding:1em}.contact-list .search:hover>div:before{opacity:1;border-bottom:1px solid #fff}.contact-list .search>div:before{opacity:.25;border-bottom-color:#fff}.contact-list .search input{color:#fff;font-size:1em}.contact-list .search svg{color:#219ebc;font-size:1.25em}.contact-list .contact{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}.contact-list .contact .name{margin-bottom:.5em}.contact-list .contact .phone{color:#b7e7f2;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.contact-list .contact .phone svg{color:#219ebc}
/*# sourceMappingURL=main.bf6c2c78.chunk.css.map */