body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.ant-row{padding:10px}#login-box{margin:0;box-sizing:border-box;padding:5px 15px;border-radius:8px;box-shadow:0 0 10px #e8e8e8;background-color:#fff;display:flex;justify-content:center;transition:width .8s cubic-bezier(.23,1,.32,1),height .8s cubic-bezier(.23,1,.32,1),-webkit-transform .8s cubic-bezier(.175,.885,.32,1.275);transition:width .8s cubic-bezier(.23,1,.32,1),height .8s cubic-bezier(.23,1,.32,1),transform .8s cubic-bezier(.175,.885,.32,1.275);transition:width .8s cubic-bezier(.23,1,.32,1),height .8s cubic-bezier(.23,1,.32,1),transform .8s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .8s cubic-bezier(.175,.885,.32,1.275);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}#login-box input{font-size:1em;text-align:center;height:35px}#login-box button.ant-btn-link{font-size:12px}#login-box .back{-webkit-transform:translateZ(-1px) rotateY(180deg);transform:translateZ(-1px) rotateY(180deg)}#login-box .back input{text-align:left}#login-box.is-open{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#login-box .ant-card-body{width:99%}#mainPage{min-height:80vh;align-items:center;align-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}#mainPage,.row{display:flex;flex-direction:row}.card,.row{padding:10px}.card{margin:10px}.bigIcon{font-size:8em}.innerIcon{font-size:2em;position:absolute;float:right;text-align:center;padding-left:1em;padding-top:1em}#footer{color:#333}.App{text-align:center;min-height:100vh;align-items:space-between;flex-direction:column}.App,body,html{background-color:#282c34;height:100%}body,html{width:100%}article{min-height:100vh;display:flex;flex-direction:column;align-items:stretch;color:#fff}main{flex-grow:1}footer,header,main{flex-shrink:0}#footer,footer,header,main{background-color:#111}main{align-items:center;justify-content:center}header{display:flex;color:grey}header .anticon{margin-right:5px}#connecting{display:flex;min-height:100vh;flex-direction:column;align-items:center;align-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.webcam{display:none;width:100%;height:calc(100vh - 116px)}.ant-layout{height:100vh;background-color:#001}.ant-layout-header{padding:0}.ant-layout-content{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}#conferenceMemberList,#conferenceMemberList .ant-list-split .ant-list-item{border-bottom:1px solid #000}#conferenceMemberList{padding:5px 10px;height:100%;overflow-y:auto}.to-center{display:flex;justify-content:center}#login-header{display:flex;justify-content:space-between;height:50px;line-height:50px;padding:0 20px}#login-header div{display:flex;align-items:center;justify-content:center;text-align:center}#login-header div span{color:#fff;font-size:2em}#login-header div img{float:left;width:3em;margin:auto 20px}#login-header span{color:#ccc}#conference-btn{font-size:16px;text-align:center}#conference-btn span{width:24px;height:24px}#root{height:100%}#phoneBox{background-color:#111;border:0}#phoneBox input{background-color:#000;color:#0f0}#phoneBox button{background-color:#333;color:#ccc;border-color:#999}.btn-circle{font-size:24px;line-height:1.8;border-radius:30px}.btn-circle,.dtmf-delete{margin-left:8px;margin-right:8px;width:50px;height:48px;text-align:center;padding:3px 0}.dtmf-delete{float:right;border:0;font-size:20px;color:#999}#logo{z-index:100;display:flex;flex-direction:start;justify-content:space-between}#logo span{color:#fff;font-size:2em}#logo img{position:relative;left:10px;width:3em}#phoneBox{border-radius:5px;min-width:300px;justify-content:center;align-items:center;max-width:1000px}#dialpad{margin-top:30px}.member-list-scroll{border:1px solid #e8e8e8;border-radius:4px;overflow:auto;padding:8px 24px;height:300px}#mainVideo{width:100%}#footer{text-align:center;display:flex;flex-direction:row;justify-content:space-between;padding:10px;color:#eee;font-size:.8rem}#conferenceControls{position:absolute;color:#fff;z-index:2000;background-color:#182c4f;margin-left:-190px}#mainVideo{display:flex;flex-direction:row}@media screen and (orientation:portrait){#mainVideo{display:flex;flex-direction:column}#conferenceMemberList{width:100%}}.ant-drawer-body{padding-top:30px!important}.ant-list-item-meta{max-width:70%;line-height:100%}.ant-list-item-meta-content{max-width:60%}.ant-list-item-meta-description,.ant-list-item-meta-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.icon span{float:left;line-height:100%;margin:.1em}#web-phone{color:#fff;z-index:1000}#web-phone button,#web-phone input{margin-left:10px}#phone-static{color:green!important}#phone-state.Answering,#phone-state.New,#phone-state.Recovering,#phone-state.Trying{color:#ff0!important}#phone-state.Online{color:green!important}#phone-state.Early,#phone-state.Ringing{color:#ff0!important}#phone-state.Held{color:#ea8619!important}#phone-state.Active,#phone-state.Busy{color:#0f0!important}#phone-state.Offline{color:grey!important}#top_dest_number{height:26px}#dest_number{margin-bottom:5px;width:9em}#videoControls button{margin:5px;background-color:#333;color:#ccc;border-color:#999}#videoControls button.ant-btn-primary{color:red;border-color:red}#phoneBox button.ant-btn-secondary,#videoControls button.ant-btn-secondary{border-color:#ff0}#deviceSettings input{margin-right:10px}#deviceSettings select{margin-left:10px}#test{width:200px}#xtalk-web-content{height:100%;align-items:center;justify-content:center;background-color:initial}#top-right-menu .ant-menu-item{padding:0 10px}#chatbox{display:flex;flex-direction:column;justify-content:flex-end;height:100%;color:#ddd;padding:5px}#messages{height:100%;overflow-y:scroll}#chatbox textarea:focus{border-color:#0f0;outline:none!important}#chatbox .ant-list{color:#ddd}#chatbox .ant-typography{color:#ddd!important;background-color:""}#chatbox .ant-list-split .ant-list-item{border-bottom:1px solid #000}#localVideo{position:absolute;bottom:52px;right:10px;width:200px;z-index:99999}.stroke{font-size:20px}.header{display:flex;align-items:center;height:50px;line-height:50px}.member-list-more-menu{background-color:#001}.member-list-more-menu .item{color:#fff;padding:5px 15px}.member-list-more-menu .item span{padding:0 5px}#conference-list{max-height:90vh;overflow-y:auto;padding-top:10px}#conference-list .ant-list-split .ant-list-item{border-bottom:1px solid #2f2f2f}#conference-list .ant-tabs-ink-bar{background-color:#ddd}#conference-list .ant-tabs,#conference-list .ant-tabs-nav .ant-tabs-tab:hover{color:#ddd}#conference-list .ant-tabs-nav .ant-tabs-tab-active{color:#fff}#conference-list .ant-tabs-bar{border-bottom:1px solid #595959}