body{padding:100px 0 0;background-color:#f3f2f1}#HeaderInner,#root{min-width:920px}#main{margin:0 6%;padding-bottom:40px}.PageBody{background-color:#fff;padding:15px;margin-bottom:20px;min-height:180px;box-shadow:1px 1px 2px 0 rgba(0,0,0,.1)}#app,#root,body{height:100%}#app{display:flex;flex-direction:column}#Footer{margin-top:auto;border-top:1px solid #ddd;padding:8px;text-align:center;font-size:.8em}.break{display:block;clear:both}h2{margin:20px 0}#CallInfo{min-height:140px;grid-template-columns:250px 1fr auto;align-items:flex-start;padding:0!important}#CallInfo,#CallInfoSettings{display:grid;justify-items:center}#CallInfoSettings{width:100%;grid-template-rows:3fr 1fr;align-items:center}.CallSetting{width:200px}#CallInfoProperties{width:100%;height:220px;margin:20px;display:flex;flex-direction:column;flex-wrap:wrap}.CallInfoProperty{width:50%;display:flex;vertical-align:middle;padding:5px 0}.CallInfoStatusBadge{margin-left:10px}#CallInfoForm{align-self:flex-end;width:50%;max-width:600px}#CallInfoForm h4{padding-bottom:10px}#CallInfoOptions{padding:20px}#CallInfoOptions button{margin-bottom:10px}.streamCard{float:left;min-width:400px;position:relative}@media only screen and (max-width:1300px){.streamCard{min-width:460px;width:50%}}@media only screen and (min-width:1300px){.streamCard{min-width:auto;width:33%}}@media only screen and (min-width:2000px){.streamCard{min-width:auto;width:25%}}.streamCard .streamCardContent{margin:10px;border:3px solid;border-radius:77px 24px 24px 77px;background-color:#fff;box-shadow:1px 1px 2px 0 rgba(0,0,0,.1);flex-wrap:nowrap;overflow:hidden}.streamCard .streamCardContent,.streamCard .toggler{height:160px;transition:all .1s ease-in-out}.streamCard.expanded .streamCardContent{height:340px;border-radius:77px 24px 24px 24px}.streamCard.expanded .toggler{height:340px}.streamCard .streamCardContent>.ant-row>.ant-col{padding:20px}.streamCard .streamCardContent>.ant-row>.ant-col.streamMain{padding-left:0}.streamCard .ant-avatar-string{font-size:1.8em}.streamCard h4{margin:0;padding:0;font-size:1.4em}.streamCard .StreamState{font-size:.9em;text-transform:uppercase;font-weight:700}.streamCard .streamActions{height:60px}.streamCard .streamActions .anticon{font-size:18px;margin-right:4px}.streamCard .streamMain{flex-grow:1}.streamCard .streamDetails p{padding:0;margin:0 0 4px}.streamCard .streamOptions{text-align:right;padding-right:15px}.streamCard .toggler{position:absolute;right:10px;top:10px;width:28px;border-radius:0 21px 21px 0;cursor:pointer}.streamCard .toggler span{color:#fff;font-weight:700;display:block;position:absolute;transform:rotate(-90deg);width:150px;bottom:60px;right:-60px;text-align:center;white-space:nowrap}.streamCard .streamCardContent{border-color:#bdbdbd}.streamCard .toggler{background-color:#bdbdbd}.streamCard .streamCardContent .StreamState{color:#bdbdbd}.streamCard.established .streamCardContent{border-color:#73c856}.streamCard.established .toggler{background-color:#73c856}.streamCard.established .streamCardContent .StreamState{color:#73c856}.streamCard.initializing .streamCardContent{border-color:#f3ca3e}.streamCard.initializing .toggler{background-color:#f3ca3e}.streamCard.initializing .streamCardContent .StreamState{color:#f3ca3e}.streamCard.error .streamCardContent{border-color:#df3639}.streamCard.error .toggler{background-color:#df3639}.streamCard.error .streamCardContent .StreamState{color:#df3639}#CallStreams h3{margin-top:20px;display:block;clear:both}.NewStreamSettingControl{margin-bottom:.5em}.NewStreamSettingTopLabel{display:block}.NewStreamSettingInlineLabel{margin-right:.5em}.injectionCard{float:left;min-width:400px;position:relative}@media only screen and (max-width:1300px){.injectionCard{min-width:460px;width:50%}}@media only screen and (min-width:1300px){.injectionCard{min-width:auto;width:33%}}@media only screen and (min-width:2000px){.injectionCard{min-width:auto;width:25%}}.injectionCard .injectionCardContent{margin:10px;border:3px solid;border-radius:77px 24px 24px 77px;background-color:#fff;box-shadow:1px 1px 2px 0 rgba(0,0,0,.1);flex-wrap:nowrap;overflow:hidden}.injectionCard .injectionCardContent,.injectionCard .toggler{height:160px;transition:all .1s ease-in-out}.injectionCard.expanded .injectionCardContent{height:340px;border-radius:77px 24px 24px 24px}.injectionCard.expanded .toggler{height:340px}.injectionCard .injectionCardContent>.ant-row>.ant-col{padding:20px}.injectionCard .injectionCardContent>.ant-row>.ant-col.injectionMain{padding-left:0}.injectionCard .ant-avatar-string{font-size:1.8em}.injectionCard h4{margin:0;padding:0;font-size:1.4em}.injectionCard .InjectionState{font-size:.9em;text-transform:uppercase;font-weight:700}.injectionCard .injectionActions{height:60px}.injectionCard .injectionActions .anticon{font-size:18px;margin-right:4px}.injectionCard .injectionMain{flex-grow:1}.injectionCard .injectionDetails p{padding:0;margin:0 0 4px}.injectionCard .injectionOptions{text-align:right;padding-right:15px}.injectionCard .toggler{position:absolute;right:10px;top:10px;width:28px;border-radius:0 21px 21px 0;cursor:pointer}.injectionCard .toggler span{color:#fff;font-weight:700;display:block;position:absolute;transform:rotate(-90deg);width:150px;bottom:60px;right:-60px;text-align:center;white-space:nowrap}.injectionCard .injectionCardContent{border-color:#bdbdbd}.injectionCard .toggler{background-color:#bdbdbd}.injectionCard .injectionCardContent .InjectionState{color:#bdbdbd}.injectionCard.established .injectionCardContent{border-color:#73c856}.injectionCard.established .toggler{background-color:#73c856}.injectionCard.established .injectionCardContent .InjectionState{color:#73c856}.injectionCard.initializing .injectionCardContent{border-color:#f3ca3e}.injectionCard.initializing .toggler{background-color:#f3ca3e}.injectionCard.initializing .injectionCardContent .InjectionState{color:#f3ca3e}.injectionCard.error .injectionCardContent{border-color:#df3639}.injectionCard.error .toggler{background-color:#df3639}.injectionCard.error .injectionCardContent .InjectionState{color:#df3639}#NewStreamDrawerBody{height:100%}#NewStreamDrawerFooter{height:100%;width:95%;display:grid;grid-template-columns:1fr;justify-items:flex-start;align-items:center}#NewStreamDrawerFooterInner{height:100%;width:60%;display:grid;justify-items:center;grid-template-columns:1fr 1fr}#cancelButton{margin-left:5%}.chooseAFlowText{font-size:1.2em}.insertUrlText{font-size:1.1em}#ParticipantsListContainer{width:90%;margin-left:10%;height:100%}.selectedFlowText{font-weight:700;font-size:1.1em}.NewStreamSettingBox{margin-bottom:2em}.NewStreamSettingText{padding-bottom:.5em;display:block}.DrawerButton{width:120px}.NewStreamInput{width:300px}.settingsText{width:90%}.KeyLengthSelect{width:300px}#Nav ul{list-style:none;margin:0;padding:0;text-align:center}#Nav ul li{display:inline-block;padding-right:20px;padding-top:24px}#Nav ul a{display:block;padding:10px;border-color:transparent;color:0;transition:all .1s ease-in-out}#Nav ul .selected{font-weight:700}#Nav ul .selected a,#Nav ul a:hover{border-bottom:4px solid #6364a9;color:#6364a9}#Header{background-color:#f3f2f1;position:fixed;top:0;right:0;z-index:10;width:100%;height:70px;border-bottom:1px solid #ddd;box-shadow:1px 1px 2px 0 rgba(0,0,0,.025)}#Header h1{margin:0;padding:0}#Header h1 img{display:inline-block;height:70px;width:70px;padding:10px}#Header h1 span{padding-left:15px;font-weight:700;position:relative;top:3px}#Header h1 a{color:#000}#Header h1 a:hover{text-decoration:underline}#Header .profile{text-align:right;padding:10px}#Header .profile .ant-avatar{float:right}#Header .profile .profileDetails{display:inline-block;padding:8px 12px;font-size:.8em}.activeCallCard{float:left;min-width:400px;position:relative}@media only screen and (max-width:1300px){.activeCallCard{min-width:460px;width:50%}}@media only screen and (min-width:1300px){.activeCallCard{min-width:auto;width:33%}}@media only screen and (min-width:2000px){.activeCallCard{min-width:auto;width:25%}}.activeCallCard .content{position:relative;height:200px;margin:0 20px 20px 0;border-radius:4px 4px 24px 4px;background-color:#fff;transition:all .1s ease-in-out;padding:20px;box-shadow:1px 1px 2px 0 rgba(0,0,0,.1);flex-wrap:nowrap;overflow:hidden}.activeCallCard .content h3{font-size:1.4em;font-weight:700}.activeCallCard .status{text-transform:uppercase;font-weight:700}.activeCallCard .content .status{color:#bdbdbd}.activeCallCard.healthy .content .status{color:#73c856}.activeCallCard.initializing .content .status{color:#f3ca3e}.activeCallCard.error .content .status{color:#df3639}.activeCallCard p{padding:0;margin:0 0 4px}.activeCallCard a.action{position:absolute;bottom:20px;right:20px;display:inline-flex;width:60px;height:60px;text-align:center;border-radius:60px;vertical-align:middle;transition:all .1s ease-in-out;background-color:#1890ff;color:#fff}.activeCallCard a.action:hover{background-color:#000;color:#fff}.activeCallCard a.action svg{display:block;margin:auto}#HomeBody{padding:30px}.StatusIcon{margin-right:20px}.CallUrl{display:inline-block;max-width:700px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.errorRow{color:red}#CallsInfoActions p{margin:20px 0}.joinNew{clear:both}#CardHeader{background-color:#1890ff}#BotServiceStatusCard{float:left;min-width:300px;position:relative;margin:5px;background-color:#fff}@keyframes infiniteRotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}
/*# sourceMappingURL=main.8f40c15f.chunk.css.map */