.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}@media (max-width:1400px){.modal-title .modelTitle div{font-size:18px}}.MonitorControl{width:100%;height:100%;-webkit-transition:all .3s;transition:all .3s;overflow:hidden}.MonitorControl .swiper-container{padding-top:25px;height:235px}@media (max-width:1400px){.MonitorControl .swiper-container{height:130px}}.MonitorControl .controlPanel{margin-bottom:30px}.MonitorControl .disabledMode{pointer-events:none;opacity:.5}.MonitorControl .vuestic-widget-header{display:none!important}.MonitorControl .vuestic-widget-body-inner{padding:5% 20%;min-height:500px;margin-bottom:300px}@media (max-width:1400px){.MonitorControl .vuestic-widget-body-inner{padding:2% 15%;min-height:315px}.MonitorControl .vuestic-widget-body-inner hr{margin-top:.5rem;margin-bottom:.5rem}}.MonitorControl .vuestic-widget-body-inner .row{padding:0}.MonitorControl .vuestic-widget-body-inner .BtnDescription{padding-left:10%}.MonitorControl .vuestic-widget-body-inner .bar-choose-num{width:100%}.MonitorControl .vuestic-widget.info-widget{border-radius:0;margin-bottom:0!important;-webkit-box-shadow:none;box-shadow:none;border:none}.MonitorControl .btnIcon{height:140px;text-align:center}.MonitorControl .btnIcon svg{height:120px;width:120px}@media (max-width:1400px){.MonitorControl .btnIcon{height:70px}.MonitorControl .btnIcon svg{height:60px;width:60px}}.MonitorControl .btn-reset{font-size:20px;border-radius:36px;width:30%;float:right;background-color:#fff;border:1px solid var(--mainTheme,#9e3398);color:var(--mainTheme,#9e3398);-webkit-transition:.3s;transition:.3s}.MonitorControl .btn-reset:hover{color:#fff;background:var(--mainTheme,#9e3398)}.MonitorControl .btn-power{position:relative;cursor:pointer}.MonitorControl .btn-power .text{color:var(--mainTheme,#9e3398);background:var(--dashbordcontentBg,#fff);font-weight:400;display:inline-block;line-height:32px;padding:0 50px 0 25px;border:1px solid;border-radius:20px;-webkit-transition:all .3s;transition:all .3s}.MonitorControl .btn-power .btn-svg{position:absolute;right:0;top:1px}.MonitorControl .btn-power:hover use{color:#fff}.MonitorControl .btn-power:hover .text{color:#fff;background:var(--mainTheme,#9e3398)}.MonitorControl .btn-power:hover .svg-border svg{border:1px solid #fff}.MonitorControl .menuType{margin:0 auto;cursor:pointer}.MonitorControl .menuType .BtnDescription{text-align:center}.MonitorControl .menuType.is-focus .BtnDescription{border-radius:50px;background-color:var(--mainThemeLight,#f4dcf2);-webkit-box-shadow:0 0 6px rgba(0,0,0,.4);box-shadow:0 0 6px rgba(0,0,0,.4)}.MonitorControl .item-list,.MonitorControl .menuType .btn{margin-bottom:0}.MonitorControl .item-list .form-group.select-form-group .dropdown-menu{height:200px}.MonitorControl .item-list .item-title{color:var(--mainTheme,#9e3398)}.MonitorControl .item-list .right{margin-left:auto}.MonitorControl .BtnDescription{font-size:20px;color:#777;width:200px;margin:0 auto;-webkit-transition:all .3s;transition:all .3s}.MonitorControl .BtnDescription span{display:block;margin:0 auto;-webkit-transition:all .3s;transition:all .3s}@media (max-width:991.98px){.MonitorControl .BtnDescription{font-size:14px;width:145px}}.MonitorControl .vuestic-widget-body{height:450px!important}@media (max-width:991.98px){.MonitorControl .vuestic-widget-body{height:550px!important}}@media (max-width:1400px){.MonitorControl .vuestic-widget-body{height:315px!important}}.MonitorControl .vuestic-widget-body.phone{height:410px!important}.MonitorControl .divTip{color:#777;text-align:center}.MonitorControl .vuestic-simple-select .vuestic-scrollbar .scrollbar-wrapper{max-height:200px}.MonitorControl .system-setting{border:1px solid #e5e5e5;margin:25px -15px 10px -15px;padding:25px 15px 15px 15px;border-radius:5px;position:relative}.MonitorControl .system-setting .system-title{position:absolute;top:-18px;background:#fff;padding:0 10px;margin-left:-14px;font-size:20px;color:var(--mainTheme,#9e3398)}.MonitorControl .not-adv{color:#e34a4a;text-align:center;font-size:15px}.MonitorControl .selecter{width:30%;margin:10px 30px}.card-panel{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:6px 25px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.card-panel>div:first-child{width:70%;margin-right:auto}.card-panel .disabled{border:0;width:60%}.GPIO-box .panel-name{max-width:190px}@media (max-width:1280px){.GPIO-box .col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media (max-width:767.98px){.GPIO-box .col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.GPIO-box .panel-content .toggle-switch{width:60px;border-color:var(--mainTheme,#9e3398)}.GPIO-box .panel-content .toggle-switch.active{background-color:var(--mainTheme,#9e3398);color:#fff;-webkit-box-shadow:0 0 4px rgba(0,0,0,.4);box-shadow:0 0 4px rgba(0,0,0,.4)}.GPIO-box .panel-content .toggle-switch.active:hover{background-color:var(--mainTheme,#9e3398);color:#fff}.GPIO-box .panel-content .toggle-switch:hover{background-color:#fff;color:var(--mainTheme,#9e3398);-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent}.RemoteControlOnline{padding-top:30px}@media (max-width:767.98px){.RemoteControlOnline{padding-top:0}}.RemoteControlOnline .controlPanel{margin-bottom:30px}.RemoteControlOnline .bar-goto{position:relative;cursor:pointer}.RemoteControlOnline .bar-goto .text{color:var(--mainTheme,#9e3398);background:var(--dashbordcontentBg,#fff);font-weight:400;display:inline-block;line-height:32px;padding:0 65px 0 36px;border:1px solid;border-radius:20px;-webkit-transition:all .3s;transition:all .3s}.RemoteControlOnline .bar-goto .btn-svg{position:absolute;right:0;top:1px}.RemoteControlOnline .bar-goto:hover .text{color:#fff;background:var(--mainTheme,#9e3398)}.RemoteControlOnline .bar-goto:hover .svg-bg{fill:var(--mainTheme,#9e3398)}.RemoteControlOnline .bar-goto:hover .svg-color{fill:#fff}.RemoteControlOnline .bar-goto:hover .svg-stroke{stroke:#fff}.RemoteControlOnline .InnerSelect{margin:20px 0 0 0}.RemoteControlOnline .chart-wrapper{padding:0}.RemoteControlOnline .chart-title{text-align:right;line-height:20px;color:var(--textColor,#323232);font-size:20px;margin-bottom:12px}.RemoteControlOnline .chart-title span{cursor:pointer;padding-left:10px}.RemoteControlOnline .btn-svg.device-action-disable use{color:#7d7d7d}.RemoteControlOnline .device-action-disable{opacity:.5;pointer-events:none}.RemoteControlOnline .device-action-disable .controlPanel .panel-header{background:#7d7d7d}.RemoteControlOnline .device-action-disable .controlPanel .btn-svg.svg-colorful,.RemoteControlOnline .device-action-disable .controlPanel .btn-svg.svg-colorful use{color:#7d7d7d}.RemoteControlOnline .nopadding div{padding-top:0!important;font-size:16px!important}.RemoteControlOnline .selecter .form-group.select-form-group .input-icon{top:6px!important}.RemoteControlOnline .selecter .form-group input{height:25px}.RemoteControlOnline .modelTitle .btn-svg svg{width:25px;height:25px}