body{margin:0;padding:0;font-family:sans-serif}@font-face{font-family:Cerebri;src:url(/cloud/static/media/CerebriSans-Bold.4ed932f1.otf)}.Login{background-color:#4a90e2;height:100vh;width:100vw;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(3,1fr);display:grid}.Login__title{font-size:48px;color:#fff;text-align:center;grid-column:1/6;grid-row:1/4;-ms-flex-item-align:center;align-self:center;font-family:Cerebri}.Login__ifr{text-align:center;overflow:hidden;display:block;width:40%;height:500px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff}.Login__panel{grid-column:6/13;grid-row:1/4;position:relative}@media screen and (max-width:1024px){.Login{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,1fr)}.Login__title{grid-column:1/3;grid-row:1/4}.Login__ifr{width:70%}.Login__panel{grid-column:3/7;grid-row:1/4}}@media screen and (max-width:768px){.Login{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(5,1fr)}.Login__title{font-size:24px;height:100px;grid-column:1;grid-row:1/2}.Login__title img{height:100px}.Login__ifr{width:90%}.Login__panel{grid-column:1;grid-row:2/6}}.IoT{height:100vh;text-align:center;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:100px 1fr 1fr 1fr 1fr 1fr;grid-gap:20px}.Avatar{grid-column:11/13;grid-row:1/2;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.Avatar__name{margin-left:2%;width:100px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.Sidebar{grid-column:1/4;background-color:#4a90e2;grid-row:1/7;position:relative}.Sidebar__header{display:-ms-flexbox;display:flex;width:100%;color:#fff;margin:0 auto;-ms-flex-pack:center;justify-content:center;background-color:#3778c5;padding:20px 0}.Sidebar__header img{width:50px;height:50px;padding-right:5%}.Sidebar__header h2,.Sidebar__header img{-ms-flex-item-align:center;align-self:center}.Sidebar__list ul{list-style-type:none;padding:0;width:80%;margin:0 auto}.Sidebar__list ul a{text-decoration:none;color:#fff}.Sidebar__listItem{padding:10px 30px;margin:50px auto;display:-ms-flexbox;display:flex;-ms-flex-pack:left;justify-content:left;width:50%;border-radius:5px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.Sidebar__listItem--active{background-color:#9ad6d4;-webkit-animation-name:scale;animation-name:scale;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.Sidebar__version{bottom:5%}.Sidebar__LTD,.Sidebar__version{color:#fff;position:absolute;left:0;width:100%;padding:0}.Sidebar__LTD{bottom:0;font-size:12px}@-webkit-keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.Sidebar__list ul li img{margin-right:20px;width:30px;height:30px}.Sidebar__list ul li span{-ms-flex-item-align:center;align-self:center}@media screen and (max-width:768px){.Sidebar__header{display:block}.Sidebar__header h2{font-size:12px}.Sidebar__header img{padding-top:10px}.Sidebar__listItem{padding:5px;width:50%}.Sidebar__list ul li span{display:none}}.Navbar{grid-column:4/6;grid-row:1/2;padding-top:20px}.Dashboard{grid-column:4/13;display:-ms-flexbox;display:flex;margin:0;font-size:20px;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.AddPanel{width:390px;margin-right:20px;margin-bottom:20px}.AddPanel__addButton{-webkit-transition:.3s;-o-transition:.3s;transition:.3s;cursor:pointer;display:block;opacity:.5}.AddPanel__addButton:hover{opacity:1}.Panel{width:390px;height:370px;background-color:#4a90e2;border-radius:11px;color:#fff;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:20px 20px 1fr 1fr 1fr 20px;padding:20px 10px;margin-right:20px;margin-bottom:20px;-webkit-transition:1s;-o-transition:1s;transition:1s;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.5);box-shadow:0 2px 4px rgba(0,0,0,.5)}.Panel__eventName{grid-row:1/2;font-size:20px;font-weight:600;margin-top:-10px}.Panel__datasource,.Panel__eventName{justify-self:baseline;grid-column:1/4}.Panel__datasource{grid-row:2/3;font-size:14px;margin-top:-5px}.Panel__data{justify-self:baseline;grid-column:4/9;grid-row:1/3;font-size:14px;position:relative;right:-5px}.Panel__data .data_select{background-color:#4a90e2;border:1px solid #ccc;color:#fff;padding:0 2px 2px;font-size:10px}.Panel__delete{grid-column:6/6}.Panel__delete,.Panel_edit{grid-row:6/7;cursor:pointer}.Panel_edit{grid-column:5/6;text-align:left;position:relative;left:-145px}.Panel__export{grid-column:1/3;grid-row:6/8;cursor:pointer;position:relative;left:-20px}.Panel__monitor{grid-column:1/7;grid-row:1/5;position:relative}.Panel_time{position:absolute;top:-5px;left:2px}.Panel_time span{font-size:12px;padding:1px 4px 2px;background:hsla(0,2%,80%,.5);-webkit-box-shadow:0 0 2px #ddd;box-shadow:0 0 2px #ddd;cursor:pointer}.Panel_time span:nth-child(2){border-left:1px solid #fff}.PanelMonitor__widget{width:100%;height:300px}.PanelMonitor__title{width:100%;margin-top:70px}.PanelMonitor__switch{position:absolute;left:40%;top:80%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.PanelMonitor__label--on{position:absolute;right:10%;top:75%}.PanelMonitor__label--off{top:75%;left:10%;position:absolute}.Events{grid-column:4/13;width:100%;display:-ms-flexbox;display:flex;margin:0 5%;width:auto;-ms-flex-wrap:wrap;flex-wrap:wrap}.Card{background-color:#4a90e2;width:240px;height:70px;border-radius:11px;color:#fff;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);padding:20px 30px;margin-right:20px;margin-bottom:20px;cursor:pointer;-webkit-transition:1s;-o-transition:1s;transition:1s;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.5);box-shadow:0 2px 4px rgba(0,0,0,.5);position:relative}.Card__name{grid-column:1/3;grid-row:1/3;text-align:left;font-size:21px}.Card__type{grid-column:1/3;grid-row:3/4;display:-ms-flexbox;display:flex}.Card__typeSelect{font-size:18px;color:#fff;background-color:transparent;border:0}.Card__copyUrl{grid-column:5/6;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-item-align:center;align-self:center;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.Card__copyUrl:active,.Card__copyUrl:hover{opacity:.5}.Card__copyEventAPIKey{grid-column:5/6;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-item-align:center;align-self:center;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.Card__Card__copyEventAPIKey:active,.Card__Card__copyEventAPIKey:hover{opacity:.5}.Card_create_properties{grid-column:4/5;grid-row:3/4;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-item-align:center;align-self:center;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.Card_create_properties:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.Card_create_properties:active{opacity:.5}.Card__delete{grid-column:5/6;grid-row:3/4;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-item-align:center;align-self:center;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.Card__delete:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.Card__delete:active{opacity:.5}.Card__create,.Card__data{display:none}.Card__export{grid-column:4/5;grid-row:1/2;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.Card__modify{display:none;font-size:12px}.Card__modify,.Card__modify--content{-ms-flex-item-align:center;align-self:center}.Card__apikey,.Card__close,.Card__property,.Card__url{display:none}.Card--extend{width:100%;height:auto;grid-gap:10px;grid-template-columns:10% 10% repeat(5,1fr);grid-template-rows:auto;grid-template-areas:"name name . . . . close" "name name data data data data data" "apikey apikey data data data data data" "copyEventAPIKey copyEventAPIKey data data data data data" "url url data data data data data" "copyUrl copyUrl data data data data data" "property property data data data data data" "modify modify data data data data data" "createProperties createProperties data data data data data" "delete delete data data data data data" "export export data data data data data";position:relative;background-image:-webkit-linear-gradient(left,#5c9be4,#5c9be4 25%,#4a90e2 0,#4a90e2);background-image:-o-linear-gradient(left,#5c9be4 0,#5c9be4 25%,#4a90e2 25%,#4a90e2 100%);background-image:-webkit-gradient(linear,left top,right top,from(#5c9be4),color-stop(25%,#5c9be4),color-stop(25%,#4a90e2),to(#4a90e2));background-image:linear-gradient(90deg,#5c9be4 0,#5c9be4 25%,#4a90e2 0,#4a90e2)}.Card--extend .Card__copyUrl{grid-area:copyUrl;-ms-flex-item-align:start;align-self:flex-start}.Card--extend .Card__copyEventAPIKey{grid-area:copyEventAPIKey;-ms-flex-item-align:start;align-self:flex-start}.Card--extend .Card__create{grid-area:create;display:-ms-flexbox;display:flex}.Card--extend .Card_create_properties{grid-area:createProperties;margin-top:25px}.Card--extend .Card__delete,.Card--extend .Card_create_properties{-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:end;align-self:flex-end}.Card--extend .Card__delete{grid-area:delete}.Card--extend .Card__export{grid-area:export;-ms-flex-item-align:start;align-self:flex-start;-ms-flex-pack:center;justify-content:center}.Card--extend .Card__property{grid-area:property;display:-ms-flexbox;display:flex}.Card--extend .Card__apikey{grid-area:apikey}.Card--extend .Card__apikey,.Card--extend .Card__url{display:-ms-flexbox;display:flex;-ms-flex-item-align:end;align-self:flex-end}.Card--extend .Card__url{grid-area:url}.Card--extend .Card__modify{grid-area:modify;display:-ms-flexbox;display:flex}.Card--extend .Card__name{grid-area:name;-ms-flex-item-align:center;align-self:center;font-size:30px;background-color:hsla(0,0%,100%,.1);border-radius:10px;color:#fff;text-align:center;padding:10px 0}.Card--extend .Card__type{grid-area:type}.Card--extend .Card__data{grid-area:data;display:block;height:650px;overflow-y:scroll;text-align:left;padding-left:7%}.Card--extend .Card__apikey--textarea,.Card--extend .Card__url--textarea{width:80%}.Card--extend .Card__close{grid-area:close;display:block}@media screen and (max-width:1024px){.Card--extend{background-image:-webkit-linear-gradient(left,#5c9be4,#5c9be4 30%,#4a90e2 0,#4a90e2);background-image:-o-linear-gradient(left,#5c9be4 0,#5c9be4 30%,#4a90e2 30%,#4a90e2 100%);background-image:-webkit-gradient(linear,left top,right top,from(#5c9be4),color-stop(30%,#5c9be4),color-stop(30%,#4a90e2),to(#4a90e2));background-image:linear-gradient(90deg,#5c9be4 0,#5c9be4 30%,#4a90e2 0,#4a90e2)}}@media screen and (max-width:767px){.Card--extend{width:100%;height:auto;grid-gap:5px;grid-template-columns:repeat(7,1fr);grid-template-rows:auto;grid-template-areas:"name name name name name name close" "type type type type type type type" "create create create create create create create" "modify modify modify modify modify modify modify" "property property property property property property property" "property property property property property property property" "apikey apikey apikey apikey apikey apikey apikey" ". . . . . . copyEventAPIKey" "url url url url url url url" ". . . . . . copyUrl" "data data data data data data data" "data data data data data data data" ". . . delete . . .";position:relative;background-image:none}.Card--extend .Card__apikey--textarea,.Card--extend .Card__url--textarea{width:100%}.Card--extend .Card__data{grid-area:data;display:block;height:auto;overflow-y:scroll;text-align:left;padding-left:7%}}.AddProperties{width:300px;margin-right:20px;margin-bottom:20px;display:none}.DataMonitor{margin:20px;display:inline-block}@media screen and (max-width:768px){.DataMonitor{margin:10px}}.AddEvent{width:300px;margin-right:20px;margin-bottom:20px}.AddEvent__addButton{-webkit-transition:.3s;-o-transition:.3s;transition:.3s;cursor:pointer;display:block;opacity:.5}.AddEvent__addButton:hover{opacity:1}.APIKey{grid-column:4/13}.APIKey__key{background-color:#d8d8d8;color:#9b9b9b;border:3px solid #979797;border-radius:10px;width:50%;padding:20px;font-size:16px;resize:none}.APIKey__key,.APIKey__regenerateBtn{display:-ms-flexbox;display:flex;margin-left:5%}.APIKey__regenerateBtn{margin-top:50px}
/*# sourceMappingURL=main.30a14030.css.map*/