.controlPanel{background:var(--dashbordcontentBg,#fff);border-radius:5px;overflow:hidden;border:1px solid var(--borderColor,#d0d0d0)}.controlPanel .panel-header{height:43px;padding:0 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:var(--mainTheme,#9e3398)}.controlPanel .panel-header .align-items-center{min-width:36%;max-width:85%}.controlPanel .panel-header .align-items-center .panel-name{overflow:hidden;text-overflow:ellipsis}.controlPanel .panel-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100px;background:var(--dashbordcontentBg,#fff)}.controlPanel .panel-icon{margin-right:10px;pointer-events:none;display:inline-block;color:#fff}.controlPanel .panel-name{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff!important}.controlPanel .vue-js-switch{margin-bottom:0}.controlPanel .modal-footer{margin-top:30px}.controlPanel .device-action-disable .panel-header{background:var(--mainThemeLight,#f4dcf2)}.controlPanel .device-action-disable .panel-header .panel-icon{opacity:.7}.controlPanel .device-action-disable .panel-header .panel-icon use{color:var(--mainTheme,#9e3398)}.controlPanel .device-action-disable .panel-header .panel-name{color:var(--mainTheme,#9e3398);opacity:.7}.controlPanel .btn-edit{color:#fff;border:1px solid #fff;background-color:var(--mainTheme,#9e3398)}.controlPanel .btn-edit:hover{color:var(--mainTheme,#9e3398);background-color:#fff}.card-panel input,input.panel-name{padding-left:10px;border:none;background-color:rgba(0,0,0,.1);border-bottom:1px solid var(--borderColor,#d0d0d0)}.card-panel input{margin-right:10px}.card-panel input.disabled{padding-left:0;margin-right:0;background-color:transparent;border-bottom:none;overflow:hidden;text-overflow:ellipsis}.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}