@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&family=Open+Sans:wght@300;400&display=swap);[data-simplebar]{align-content:flex-start;align-items:flex-start;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;position:relative}.simplebar-wrapper{height:inherit;max-height:inherit;max-width:inherit;overflow:hidden;width:inherit}.simplebar-mask{direction:inherit;height:auto!important;overflow:hidden;width:auto!important;z-index:0}.simplebar-mask,.simplebar-offset{bottom:0;left:0;margin:0;padding:0;position:absolute;right:0;top:0}.simplebar-offset{-webkit-overflow-scrolling:touch;box-sizing:inherit!important;direction:inherit!important;resize:none!important}.simplebar-content-wrapper{-ms-overflow-style:none;box-sizing:border-box!important;direction:inherit;display:block;height:100%;max-height:100%;max-width:100%;overflow:auto;position:relative;scrollbar-width:none;width:auto}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;height:0;width:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;pointer-events:none;width:100%}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;flex-basis:0;flex-grow:inherit;flex-shrink:0;float:left;height:100%;margin:0;max-height:1px;max-width:1px;overflow:hidden;padding:0;pointer-events:none;position:relative;width:100%;z-index:-1}.simplebar-height-auto-observer{box-sizing:inherit;display:block;height:1000%;left:0;min-height:1px;min-width:1px;opacity:0;top:0;width:1000%;z-index:-1}.simplebar-height-auto-observer,.simplebar-track{overflow:hidden;pointer-events:none;position:absolute}.simplebar-track{bottom:0;right:0;z-index:1}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{-webkit-touch-callout:none;pointer-events:none;-webkit-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{left:0;min-height:10px;position:absolute;right:0}.simplebar-scrollbar:before{background:#000;border-radius:7px;content:"";opacity:0;position:absolute;transition:opacity .2s linear .5s}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{bottom:2px;left:2px;right:2px;top:2px}.simplebar-track.simplebar-horizontal{height:11px;left:0}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{bottom:0;left:0;min-height:0;min-width:10px;right:auto;top:0;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{left:0;right:auto}.simplebar-dummy-scrollbar-size{-ms-overflow-style:scrollbar!important;direction:rtl;height:500px;opacity:0;overflow-x:scroll;overflow-y:hidden;position:fixed;visibility:hidden;width:500px}.simplebar-dummy-scrollbar-size>div{height:200%;margin:10px 0;width:200%}.simplebar-hide-scrollbar{-ms-overflow-style:none;left:0;overflow-y:scroll;position:fixed;scrollbar-width:none;visibility:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:initial;font-family:Open Sans;font-style:normal;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.player-canva iframe,.player-canva>div{height:100%!important;width:100%!important}.App{box-sizing:border-box}html{overflow-x:hidden;overflow-y:auto}.main-scrollbar::-webkit-scrollbar{width:5px!important}.App-logo{height:40vmin;pointer-events:none}.hidden-rm{display:none!important}.show-rm{display:flex!important}.file-paggination-box{display:flex;min-height:5vh;width:100%}.file-btn-group-box{display:none;min-height:5vh;width:100%}.screen-paggination-box{display:flex;min-height:7vh;width:100%}.screen-btn-group-box{display:none;min-height:7vh;width:100%}.flex{display:flex}.flex-column{flex-direction:column}.justifyContentCenter{justify-content:center}.alignItemCenter{align-items:center}.flex-content-space-around{justify-content:space-around}.flex-content-space-between{justify-content:space-between}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.checkbox{background-color:#fff;border-radius:19px;cursor:pointer;height:19px;width:19px}.checkbox:hover{background-color:#fff;opacity:1}.checkbox-muted{opacity:.3}.checkbox-mid{margin-left:10px;margin-right:10px}.title-color{color:#15192c;font-family:Open Sans!important;font-size:25px;font-style:normal;font-weight:800!important;letter-spacing:-.02em!important;line-height:54px!important}@media screen and (max-width:320px){.title-color{font-size:10px!important}}@media screen and (max-width:280px){.profile-right-div{margin-left:100px!important}}.date-time{color:#4f4f4f;font-family:Open Sans;font-size:15px!important;font-style:normal;font-weight:600!important;line-height:20px;margin-left:9px!important}.calender-icon{height:16px;object-fit:contain;transform:translateX(-1px);width:16px}.screen-img{height:40%;object-fit:contain;width:40%}.screen-text{font-family:Open Sans;font-size:20px!important;font-style:normal;font-weight:600!important}.open-btn{background:#016afe;border:none;border-radius:10px;color:#fff;cursor:pointer;height:4.4vh;outline:none;transform:translateY(-7%);width:45%}.t-head{align-items:center;background:#fff;border:1px solid #0000001a;border-radius:10px;display:flex;height:8vh;justify-content:space-between}.t-head .td:first-child{padding-left:10%;text-align:left;width:28%}.t-head .td{color:#15192c;font-size:16px;font-weight:600;letter-spacing:-.02em;line-height:22px;text-align:center;width:18%}.t-head .td,.t-head .td .more-btn{font-family:Open Sans;font-style:normal}.t-head .td .more-btn{align-items:center;background:#016afe;border:none;border-radius:10px;color:#fff;display:flex;flex-direction:row;font-size:12px;font-weight:700;gap:10px;height:38px;justify-content:center;line-height:16px;outline:none;width:117px}.t-body{background:#fff;border:1px solid #0000001a;border-radius:10px}.t-body .tr{align-items:center;display:flex;height:8vh;justify-content:space-between}.t-body .td:first-child{padding-left:10%;text-align:left;width:28%}.t-body .td{color:#15192c;font-family:Open Sans;font-size:16px;font-style:normal;font-weight:600;letter-spacing:-.02em;line-height:22px;text-align:center;width:18%}.t-body .td .online,.t-body .td.light{color:#15192c;font-family:Open Sans;font-size:16px;font-style:normal;font-weight:400;letter-spacing:-.02em;line-height:22px}.t-body .td .online{background:#d3ffe0}.t-body .td .offline,.t-body .td .online{align-items:center;border:none;display:flex;flex-direction:row;gap:10px;height:40px;justify-content:center;outline:none;text-transform:capitalize;width:110px}.t-body .td .offline{background:#ffd3d3;color:#15192c;font-family:Open Sans;font-size:16px;font-style:normal;font-weight:400;letter-spacing:-.02em;line-height:22px}.daily-text{font-size:24px!important}.daily-text,.daily-text-1{color:#15192c;font-family:Open Sans;font-style:normal;font-weight:600!important;letter-spacing:-.02em;line-height:33px!important}.daily-text-1{font-size:18px!important}.last-text{align-items:center;color:#92959e;display:flex;font-weight:400!important;transform:translateX(-5%)}.increase,.last-text{font-family:Open Sans;font-size:12px!important;font-style:normal;line-height:16px!important}.increase{bottom:25px;color:#92959e!important;font-weight:700;position:absolute}.increase span{color:#016afe}.onlines{background:#d3ffe0}.offlines,.onlines{align-items:center;border:none;color:#15192c;display:flex;flex-direction:row;font-family:Open Sans;font-size:11px;font-style:normal;font-weight:400;gap:10px;height:20px;justify-content:center;letter-spacing:-.02em;line-height:12px;outline:none;text-transform:capitalize;transform:translateX(10px);width:60px}.offlines{background:#ffd3d3}@media (max-width:786px){.t-body .td:first-child{display:contents}.t-body .td:first-child,.t-head .td:first-child{padding-left:3%;text-align:left;width:28%}.title-color{line-height:22px!important}.date-time{font-size:11px!important;line-height:11px!important;margin-left:2px!important}}.apexcharts-toolbar{display:none!important}.screen-imp{left:12%;position:absolute;top:10%}.last-text-2{align-items:center;color:#92959e;display:flex;font-size:12px!important;font-weight:400!important;line-height:16px!important}.last-text-2,.lets{font-family:Open Sans;font-style:normal}.lets{color:#15192c;font-size:28px!important;font-weight:bolder!important;letter-spacing:-.02em;line-height:41px!important}.upload-btn{background:#016afe;border:none;border-radius:5px;color:#fff;font-size:12px!important;font-weight:700!important;height:40px;line-height:16px!important;outline:none;width:366px}.lorem-file,.upload-btn{font-family:Open Sans;font-style:normal}.lorem-file{color:#92959e;font-size:15px!important;font-weight:400;line-height:18px!important}.mid-btn{background:#016afe;border:none;border-radius:5px;color:#fff;font-size:12px!important;height:40px;line-height:16px!important;outline:none;width:48%}.mid-btn,.type-file{font-family:Open Sans;font-style:normal;font-weight:700!important}.type-file{color:#92959e;font-size:15px!important;line-height:20px!important;margin-top:20px!important}.drag-drop{align-items:center;border:1px dashed #016afe;color:#15192c33!important;display:flex;font-family:Open Sans;font-size:24px!important;font-style:normal;font-weight:600!important;height:62px;justify-content:center;letter-spacing:-.02em;line-height:33px!important;margin-top:20px;width:90%}.dragging-border{border:2px solid #551ffa!important;display:none}.input-focus:focus{border:none}.arrowRotate{transform:rotate(90deg)}.textPreview{animation:linear infinite;overflow:hidden;position:absolute;white-space:nowrap;width:100%}@keyframes horizontal{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes horizontalreverse{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.custom-input{border-color:#a9a9a9;border-radius:5px;font-size:medium;height:35px;padding:0 12px;width:396px}legend{display:table;padding:0}fieldset{border:0;margin:0;min-width:0;padding:.01em 0 0}body:not(:-moz-handler-blocked) fieldset{display:table-cell}.pac-container{z-index:9999}.minLoader{animation:loader 1s linear infinite;border:15px solid #f5f5f5;border-radius:50%;border-top-color:#551ffa;height:80px;width:80px}@keyframes loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}label{cursor:pointer;position:relative;transition:all .2s ease-in-out}label:after{border:1px solid #551ffa;content:"";display:none}input:checked+label:after,label:after{align-items:center;border-radius:50%;color:#fff;font-size:17px;font-weight:600;height:22px;justify-content:center;left:8px;line-height:18px;position:absolute;text-align:center;top:8px;width:22px}input:checked+label:after{background-color:#551ffa;content:"\2713";display:flex;z-index:1000000000000}.checkboxlabel{height:0;position:absolute;transition:all .5s ease;width:100%}.card--container:hover .checkboxlabel{background-color:#ffffffde;border-top-left-radius:10px;border-top-right-radius:10px;height:5vh;z-index:100000000}.card--container:hover .checkboxlabel:after{display:flex}.apexcharts-tooltip span{color:#000}.upper-layer{display:flex;min-height:50vh;width:100vw}.upper-layer .upper-layer-left{display:flex;margin:0 10px;min-height:50vh;width:100%}.upper-layer-left .upper-layer-tabs-area{display:flex;flex-direction:column;margin-right:5px;min-height:50vh;width:70%}.upper-layer-tabs-area-bottom,.upper-layer-tabs-area-top{align-items:center;display:flex;height:50%;justify-content:center;width:100%}.tab-content{align-items:center;background:#fff;border-radius:5px;display:flex;height:16.5vh;justify-content:flex-start;margin-right:5px;position:relative;width:50%}.tab-playlist{margin-right:5px}.tab-folder,.tab-playlist,.tab-screen{align-items:center!important;background:#fff!important;border-radius:5px!important;display:flex!important;height:16.5vh!important;justify-content:flex-start!important;position:relative!important;width:50%!important}.upper-layer-left .upper-layer-views-area{align-items:center;display:flex;justify-content:center;margin-left:5px;min-height:50vh;width:30%}.upper-layer-right{display:flex;min-height:50vh;width:100%}.upper-layer-right-screen{margin-right:5px}.upper-layer-right-map,.upper-layer-right-screen{align-items:center;display:flex;justify-content:center;min-height:50vh;width:50%}.upper-layer-right-map{margin-left:5px}.bottom-layer{display:flex;max-width:100vw;min-height:50vh}.bottom-layer-wrapper{display:flex;margin:0 10px;min-height:50vh;width:100%}.bottom-layer-left{display:flex;margin-right:5px;min-height:50vh;width:50%}.bottom-layer-right{display:flex;margin-left:5px;min-height:50vh;width:50%}@media only screen and (max-width:768px){.upper-layer{flex-direction:column}.upper-layer-left{width:90%}.upper-layer-tabs-area,.upper-layer-views-area{width:50%}.upper-layer-right{width:95%}.upper-layer-right-map,.upper-layer-right-screen{width:50%}.bottom-layer{height:30vh}.bottom-layer-wrapper{flex-direction:column}.bottom-layer-left,.bottom-layer-right{width:90vw}}@media only screen and (max-width:480px){.upper-layer{flex-direction:column}.upper-layer-left,.upper-layer-right{flex-wrap:wrap;margin:0}.upper-layer-left .upper-layer-views-area{align-items:center;display:flex;justify-content:center;margin:0;width:90%}.upper-layer-left .upper-layer-tabs-area{margin:0;width:90%}.upper-layer-right .upper-layer-right-screen{margin-left:10px;margin-top:10px;min-height:20vh}.upper-layer-right .upper-layer-right-screen .screen-mobile-statistics{height:80%}.upper-layer-right .upper-layer-right-map{margin:-30px 10px}.upper-layer-left{flex-direction:column}.upper-layer-right .upper-layer-right-screen,.upper-layer-right-map{width:90%}.bottom-layer .bottom-layer-wrapper{flex-direction:column;margin:0;width:90%}.bottom-layer-wrapper .bottom-layer-left{margin-left:10px;min-height:25vh;width:90vw}.bottom-layer-wrapper .bottom-layer-left img{height:100%;margin:0;width:100%}.bottom-layer-wrapper .bottom-layer-right{margin-left:-10px}.bottom-layer{margin-top:-25px;width:90vw}.img-resize-mobile{height:100%;width:100%}}@media only screen and (max-width:320px){.upper-layer-left .upper-layer-tabs-area{margin:0;width:90%}.upper-layer-tabs-area-bottom,.upper-layer-tabs-area-top{flex-direction:column;height:100%}.upper-layer-tabs-area .upper-layer-tabs-area-top .tab-content{height:100%;width:100%}.tab-playlist,.upper-layer-tabs-area .upper-layer-tabs-area-bottom .tab-screen,.upper-layer-tabs-area .upper-layer-tabs-area-top .tab-folder{height:100%!important;margin-top:15px;width:100%!important}.upper-layer-left .upper-layer-views-area{margin-top:10px!important}}.rcp-root{--rcp-background-color:#121212;--rcp-field-input-color:#fff;--rcp-field-input-border-color:#242424;--rcp-field-label-color:grey}.rcp{background-color:var(--rcp-background-color);border-radius:10px}.rcp,.rcp-body{display:flex;flex-direction:column}.rcp-body{gap:20px;padding:20px 10px}.rcp-section{display:flex;flex-direction:column;gap:10px}.rcp-interactive{height:100%;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.rcp-saturation{background-image:linear-gradient(180deg,#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:10px 10px 0 0;cursor:all-scroll;position:relative;width:100%}.rcp-saturation-cursor{border:2px solid #fff;border-radius:100%;box-shadow:0 0 15px #00000026;height:20px;position:absolute;transform:translate(-10px,-10px);width:20px}.rcp-hue{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:10px;cursor:ew-resize;height:12px;position:relative;width:100%}.rcp-hue-cursor{border:2px solid #fff;border-radius:100%;box-shadow:0 0 15px #00000026;height:20px;position:absolute;transform:translate(-10px,-4px);width:20px}.rcp-alpha{border-radius:10px;cursor:ew-resize;height:12px;position:relative;width:100%}.rcp-alpha-cursor{border:2px solid #fff;border-radius:100%;box-shadow:0 0 15px #00000026;height:20px;position:absolute;transform:translate(-10px,-4px);width:20px}.rcp-fields{display:flex;flex-direction:column;gap:10px}.rcp-fields-floor{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.rcp-field{display:flex;flex-direction:column;width:100%}.rcp-field-input{background-color:initial;border:2px solid var(--rcp-field-input-border-color);border-radius:5px;color:var(--rcp-field-input-color);font-family:inherit;font-size:14px;outline:none;padding:5px 0;text-align:center;width:100%}.rcp-field-label{color:var(--rcp-field-label-color);font-size:14px;text-align:center}.setting-container{margin:0 auto;max-width:90vw;min-height:83vh}.setting-container .device{margin:0 10px;width:70vw}.setting-container .device,.setting-container .device-image{background:#fff;border-radius:20px;box-shadow:0 18px 32px #d0d2da26;min-height:83vh}.setting-container .device-image{width:20vw}.setting-container .device .device-header{border-bottom:5px solid #551fff;min-height:15vh;width:100%}.setting-container .device .device-body{min-height:67vh;width:100%}.device-header .device-header-left{flex:1 1;height:60%;justify-content:flex-start}.device-header .device-header-right{flex:1 1;height:60%;justify-content:flex-end}.device-header-left .screen-icon{background:#551fff1a;border-radius:16px;height:63px;margin:0 10px;width:63px}.device-header-left .screen-text{height:100%;margin:10px auto}.device-header-left .screen-text p{color:#15192c;font-family:Open Sans,sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:27px;margin-top:2px;text-align:center}.device-header-left .screen-text span{color:#15192c;font-family:Open Sans,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px;margin-top:-20px;opacity:.2}.device .device-body .device-detail{flex:.7 1;height:67vh}.device-body .device-graph{flex:0.3 1;height:67vh}.device-row{border-bottom:1px solid #551fff33;height:40%;width:100%}.device-row:last-child{height:19%;width:100%}.device-row .device-row-left,.device-row .device-row-right{height:100%;width:50%}.info-1,.info-2{margin:10px 0}.info-1 p,.info-2 p{color:#15192c;font-weight:700;margin:5px 0}.info-1 p,.info-1 span,.info-2 p,.info-2 span{font-family:Open Sans,sans-serif;font-size:16px;font-style:normal}.info-1 span,.info-2 span{color:#92959e;font-weight:400}.deviceSelect:focus-visible{outline:medium none invert!important;outline:initial!important}.form-fields{display:flex;justify-content:flex-end;margin:5px 0}#checkbox--custom{-webkit-appearance:none;background-color:#fff;border:1px solid #016afe;border-radius:20px;cursor:pointer;height:25px;outline:none;position:relative;transition:all .3s;width:40px}#checkbox--custom:after{background-color:#fff;border:2px solid #016afe;border-radius:50%;height:1.25rem;width:1.25rem}#checkbox--custom:after,#checkbox--custom:before{content:"";left:30%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s}#checkbox--custom:before{background-color:#016afe;border-radius:50%;height:.8rem;width:.8rem;z-index:100000}#checkbox--custom:checked{background-color:#016afe}#checkbox--custom:checked:after,#checkbox--custom:checked:before{left:70%}
/*# sourceMappingURL=main.e4fda0a1.css.map*/