diff --git a/platypush/backend/http/static/css/dist/dashboard.css b/platypush/backend/http/static/css/dist/dashboard.css
new file mode 100644
index 0000000000..7630c92775
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/dashboard.css
@@ -0,0 +1 @@
+@import url(https://fonts.googleapis.com/css?family=Francois+One);@import url(https://fonts.googleapis.com/css?family=PT+Sans);.col-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-1:first-child{margin-left:0}.col-no-margin-1{float:left;box-sizing:border-box;width:8.33333%;margin:0}.col-offset-1:first-child{margin-left:8.66667% !important}.col-offset-1:not(first-child){margin-left:12.66667% !important}.col-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-2:first-child{margin-left:0}.col-no-margin-2{float:left;box-sizing:border-box;width:16.66667%;margin:0}.col-offset-2:first-child{margin-left:17.33333% !important}.col-offset-2:not(first-child){margin-left:21.33333% !important}.col-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-3:first-child{margin-left:0}.col-no-margin-3{float:left;box-sizing:border-box;width:25%;margin:0}.col-offset-3:first-child{margin-left:26% !important}.col-offset-3:not(first-child){margin-left:30% !important}.col-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-4:first-child{margin-left:0}.col-no-margin-4{float:left;box-sizing:border-box;width:33.33333%;margin:0}.col-offset-4:first-child{margin-left:34.66667% !important}.col-offset-4:not(first-child){margin-left:38.66667% !important}.col-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-5:first-child{margin-left:0}.col-no-margin-5{float:left;box-sizing:border-box;width:41.66667%;margin:0}.col-offset-5:first-child{margin-left:43.33333% !important}.col-offset-5:not(first-child){margin-left:47.33333% !important}.col-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-6:first-child{margin-left:0}.col-no-margin-6{float:left;box-sizing:border-box;width:50%;margin:0}.col-offset-6:first-child{margin-left:52% !important}.col-offset-6:not(first-child){margin-left:56% !important}.col-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-7:first-child{margin-left:0}.col-no-margin-7{float:left;box-sizing:border-box;width:58.33333%;margin:0}.col-offset-7:first-child{margin-left:60.66667% !important}.col-offset-7:not(first-child){margin-left:64.66667% !important}.col-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-8:first-child{margin-left:0}.col-no-margin-8{float:left;box-sizing:border-box;width:66.66667%;margin:0}.col-offset-8:first-child{margin-left:69.33333% !important}.col-offset-8:not(first-child){margin-left:73.33333% !important}.col-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-9:first-child{margin-left:0}.col-no-margin-9{float:left;box-sizing:border-box;width:75%;margin:0}.col-offset-9:first-child{margin-left:78% !important}.col-offset-9:not(first-child){margin-left:82% !important}.col-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-10:first-child{margin-left:0}.col-no-margin-10{float:left;box-sizing:border-box;width:83.33333%;margin:0}.col-offset-10:first-child{margin-left:86.66667% !important}.col-offset-10:not(first-child){margin-left:90.66667% !important}.col-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-11:first-child{margin-left:0}.col-no-margin-11{float:left;box-sizing:border-box;width:91.66667%;margin:0}.col-offset-11:first-child{margin-left:95.33333% !important}.col-offset-11:not(first-child){margin-left:99.33333% !important}.col-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-12:first-child{margin-left:0}.col-no-margin-12{float:left;box-sizing:border-box;width:100%;margin:0}@media (max-width: 720px){.col-s-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-s-1:first-child{margin-left:0}.col-offset-s-1{margin-left:8.66667%}.col-no-margin-s-1{float:left;box-sizing:border-box;width:8.33333%}.col-s-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-s-2:first-child{margin-left:0}.col-offset-s-2{margin-left:17.33333%}.col-no-margin-s-2{float:left;box-sizing:border-box;width:16.66667%}.col-s-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-s-3:first-child{margin-left:0}.col-offset-s-3{margin-left:26%}.col-no-margin-s-3{float:left;box-sizing:border-box;width:25%}.col-s-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-s-4:first-child{margin-left:0}.col-offset-s-4{margin-left:34.66667%}.col-no-margin-s-4{float:left;box-sizing:border-box;width:33.33333%}.col-s-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-s-5:first-child{margin-left:0}.col-offset-s-5{margin-left:43.33333%}.col-no-margin-s-5{float:left;box-sizing:border-box;width:41.66667%}.col-s-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-s-6:first-child{margin-left:0}.col-offset-s-6{margin-left:52%}.col-no-margin-s-6{float:left;box-sizing:border-box;width:50%}.col-s-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-s-7:first-child{margin-left:0}.col-offset-s-7{margin-left:60.66667%}.col-no-margin-s-7{float:left;box-sizing:border-box;width:58.33333%}.col-s-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-s-8:first-child{margin-left:0}.col-offset-s-8{margin-left:69.33333%}.col-no-margin-s-8{float:left;box-sizing:border-box;width:66.66667%}.col-s-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-s-9:first-child{margin-left:0}.col-offset-s-9{margin-left:78%}.col-no-margin-s-9{float:left;box-sizing:border-box;width:75%}.col-s-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-s-10:first-child{margin-left:0}.col-offset-s-10{margin-left:86.66667%}.col-no-margin-s-10{float:left;box-sizing:border-box;width:83.33333%}.col-s-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-s-11:first-child{margin-left:0}.col-offset-s-11{margin-left:95.33333%}.col-no-margin-s-11{float:left;box-sizing:border-box;width:91.66667%}.col-s-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-s-12:first-child{margin-left:0}.col-no-margin-s-12{float:left;box-sizing:border-box;width:100%}.s-hidden{display:none !important}.s-visible{display:block !important}}@media (max-width: 1024px) and (min-width: 720px){.col-m-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-m-1:first-child{margin-left:0}.col-offset-m-1{margin-left:8.66667%}.col-no-margin-m-1{float:left;box-sizing:border-box;width:8.33333%}.col-m-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-m-2:first-child{margin-left:0}.col-offset-m-2{margin-left:17.33333%}.col-no-margin-m-2{float:left;box-sizing:border-box;width:16.66667%}.col-m-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-m-3:first-child{margin-left:0}.col-offset-m-3{margin-left:26%}.col-no-margin-m-3{float:left;box-sizing:border-box;width:25%}.col-m-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-m-4:first-child{margin-left:0}.col-offset-m-4{margin-left:34.66667%}.col-no-margin-m-4{float:left;box-sizing:border-box;width:33.33333%}.col-m-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-m-5:first-child{margin-left:0}.col-offset-m-5{margin-left:43.33333%}.col-no-margin-m-5{float:left;box-sizing:border-box;width:41.66667%}.col-m-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-m-6:first-child{margin-left:0}.col-offset-m-6{margin-left:52%}.col-no-margin-m-6{float:left;box-sizing:border-box;width:50%}.col-m-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-m-7:first-child{margin-left:0}.col-offset-m-7{margin-left:60.66667%}.col-no-margin-m-7{float:left;box-sizing:border-box;width:58.33333%}.col-m-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-m-8:first-child{margin-left:0}.col-offset-m-8{margin-left:69.33333%}.col-no-margin-m-8{float:left;box-sizing:border-box;width:66.66667%}.col-m-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-m-9:first-child{margin-left:0}.col-offset-m-9{margin-left:78%}.col-no-margin-m-9{float:left;box-sizing:border-box;width:75%}.col-m-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-m-10:first-child{margin-left:0}.col-offset-m-10{margin-left:86.66667%}.col-no-margin-m-10{float:left;box-sizing:border-box;width:83.33333%}.col-m-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-m-11:first-child{margin-left:0}.col-offset-m-11{margin-left:95.33333%}.col-no-margin-m-11{float:left;box-sizing:border-box;width:91.66667%}.col-m-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-m-12:first-child{margin-left:0}.col-no-margin-m-12{float:left;box-sizing:border-box;width:100%}.m-hidden{display:none !important}.m-visible{display:block !important}}@media (min-width: 1024px){.col-l-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-l-1:first-child{margin-left:0}.col-offset-l-1{margin-left:8.66667%}.col-no-margin-l-1{float:left;box-sizing:border-box;width:8.33333%}.col-l-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-l-2:first-child{margin-left:0}.col-offset-l-2{margin-left:17.33333%}.col-no-margin-l-2{float:left;box-sizing:border-box;width:16.66667%}.col-l-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-l-3:first-child{margin-left:0}.col-offset-l-3{margin-left:26%}.col-no-margin-l-3{float:left;box-sizing:border-box;width:25%}.col-l-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-l-4:first-child{margin-left:0}.col-offset-l-4{margin-left:34.66667%}.col-no-margin-l-4{float:left;box-sizing:border-box;width:33.33333%}.col-l-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-l-5:first-child{margin-left:0}.col-offset-l-5{margin-left:43.33333%}.col-no-margin-l-5{float:left;box-sizing:border-box;width:41.66667%}.col-l-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-l-6:first-child{margin-left:0}.col-offset-l-6{margin-left:52%}.col-no-margin-l-6{float:left;box-sizing:border-box;width:50%}.col-l-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-l-7:first-child{margin-left:0}.col-offset-l-7{margin-left:60.66667%}.col-no-margin-l-7{float:left;box-sizing:border-box;width:58.33333%}.col-l-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-l-8:first-child{margin-left:0}.col-offset-l-8{margin-left:69.33333%}.col-no-margin-l-8{float:left;box-sizing:border-box;width:66.66667%}.col-l-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-l-9:first-child{margin-left:0}.col-offset-l-9{margin-left:78%}.col-no-margin-l-9{float:left;box-sizing:border-box;width:75%}.col-l-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-l-10:first-child{margin-left:0}.col-offset-l-10{margin-left:86.66667%}.col-no-margin-l-10{float:left;box-sizing:border-box;width:83.33333%}.col-l-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-l-11:first-child{margin-left:0}.col-offset-l-11{margin-left:95.33333%}.col-no-margin-l-11{float:left;box-sizing:border-box;width:91.66667%}.col-l-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-l-12:first-child{margin-left:0}.col-no-margin-l-12{float:left;box-sizing:border-box;width:100%}.l-hidden{display:none !important}.l-visible{display:block !important}}@media (min-width: 720px) and (orientation:portrait){body{font-size:25px}}.vertical-center,#notifications .notification .body,#notifications .notification .image .row{display:flex;align-items:center}.horizontal-center,#notifications .notification .image .row{display:flex;justify-content:center;margin-left:auto;margin-right:auto}.hidden{display:none !important}.selected{background:#c8ffd0}.pull-right{text-align:right !important}.clickable{cursor:pointer}a:focus{outline:none}::-moz-focus-outer,::-moz-focus-inner{border:0}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}button[disabled],.button[disabled]{color:#bbb;background:#f0f0f0;border:1px solid}.btn-primary{background-color:#d8ffe0 !important;border:1px solid #c2f0cf !important}@font-face{font-family:'Audiowide';font-style:normal;font-weight:400;src:local("Audiowide"),local("Audiowide-Regular"),url(http://themes.googleusercontent.com/static/fonts/audiowide/v2/8XtYtNKEyyZh481XVWfVOj8E0i7KZn-EPnyo3HZu7kw.woff) format("woff")}.switch{display:inline-block;text-align:center;user-select:none;padding:.5rem 0}.switch input[type=checkbox]{display:none !important}.switch label,.switch label:before,.switch label:after,.switch input[type=checkbox],.switch input[type=checkbox]:before,.switch input[type=checkbox]:after,.switch .feature,.switch .feature:before,.switch .feature:after{transition:all 250ms ease-in}.switch label:before,.switch label:after,.switch input[type=checkbox]:before,.switch input[type=checkbox]:after,.switch .feature:before,.switch .feature:after{content:'';display:block}.switch label{position:relative;width:50px;height:50px;background-color:#f9f8f6;border-radius:50%;box-shadow:0 5px 10px 0 #333,0 15px 20px 0 #ccc;display:block;margin:.5rem auto 0 auto;font-size:1.4em;transition:all 350ms ease-in}.switch label:before{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:22.72727px;height:22.72727px;border-radius:50%;background-color:#38ffa0;box-shadow:inset 0 0 0 5px #ccc,inset 0 0 0 14px #f9f8f6}.switch label:after{position:absolute;left:50%;top:35%;transform:translate(-50%, -50%);width:4px;height:12px;background-color:#ccc;box-shadow:0 0 0 2.5px #f9f8f6}.switch label:before,.switch label:after{transition-duration:150ms}.switch label:hover{cursor:pointer}.switch label:hover:before{box-shadow:inset 0 0 0 5px #b3b3b3,inset 0 0 0 14px #f9f8f6}.switch label:hover:after{background-color:#b3b3b3}.switch input[type=checkbox]:checked + label{box-shadow:0 2px 5px 0 gray,0 15px 20px 0 transparent}.switch input[type=checkbox]:checked + label:before{box-shadow:inset 0 0 0 5px #38ffa0,inset 0 0 0 14px #f9f8f6}.switch input[type=checkbox]:checked + label:after{background-color:#38ffa0}.switch.glow label{background-color:#fff;box-shadow:0 5px 10px 0 #aaa,0 0 0 3px #bbb,0 0 8px 2px transparent,0 0 0 6px #eee}.switch.glow label:before{box-shadow:inset 0 0 0 5px #aaa,inset 0 0 0 14px #fff}.switch.glow label:after{background-color:#aaa}.switch.glow label label:hover:before{box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 14px #fff}.switch.glow label label:hover:after{background-color:#fff}.switch.glow input[type=checkbox]:checked + label{box-shadow:0 0 8px 0 #00ad72,0 0 0 3px #00e094,0 0 30px 0 #00e094,0 0 0 6px #fff}.switch.glow input[type=checkbox]:checked + label:before{box-shadow:inset 0 0 0 5px #00e094,inset 0 0 0 14px #fff}.switch.glow input[type=checkbox]:checked + label:after{background-color:#00e094}@supports (--css: variables){.input-range-container{position:relative}input[type="range"].multirange{padding:0;margin:0;display:inline-block;vertical-align:top;opacity:1 !important}input[type="range"].multirange.original{position:absolute}input[type="range"].multirange.original::-webkit-slider-thumb{position:relative;z-index:2}input[type="range"].multirange.original::-moz-range-thumb{transform:scale(1);z-index:1}input[type="range"].multirange::-moz-range-track{border-color:transparent}input[type="range"].multirange.ghost{position:relative;background:var(--track-background);--track-background:linear-gradient(to right, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 45% / 100% 40%;--range-color:rgba(0,215,80,0.2)}input[type="range"].multirange.ghost::-webkit-slider-runnable-track,input[type="range"].multirange.ghost::-moz-range-track{background:var(--track-background);height:15px}input[type="range"].multirange[disabled]::-webkit-slider-thumb,input[type="range"].multirange[disabled]::-moz-range-thumb{display:none}input[type="range"].multirange::-webkit-progress-value,input[type="range"].multirange::-moz-range-progress{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;background:none}}.slider{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;-webkit-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;-ms-transition:opacity .2s;transition:opacity .2s;width:100%;height:15px;border-radius:5px;background:#e4e4e4;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;border:0;background:#00d750;cursor:pointer}.slider::-moz-range-thumb{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;border:0;background:#00d750;cursor:pointer}.slider[disabled]::-webkit-slider-thumb{display:none;width:0}.slider[disabled]::-moz-range-thumb{display:none;width:0}.slider.disabled{opacity:.3}.slider::-moz-range-track{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none}.slider::-moz-range-progress{background:rgba(0,215,80,0.2);height:15px}.slider[disabled]::-webkit-progress-value{background:none}.slider[disabled]::-moz-range-progress{background:none}.input-icon{position:absolute;min-width:3rem;padding:1rem;color:#888}input[type=text],input[type=password]{border-radius:5rem}input[type=text]:hover,input[type=password]:hover{border:1px solid rgba(159,180,152,0.83)}input[type=text]:focus,input[type=password]:focus{border:1px solid rgba(127,216,95,0.83)}input[type=text].with-icon,input[type=password].with-icon{padding-left:3rem}.dropdown{position:absolute;background:#f1f3f2;border-radius:.75rem;border:1px solid #ccc;box-shadow:1px 1px 1px #bbb;min-width:15rem}.dropdown .item{margin:0 !important;padding:1rem;cursor:pointer}.dropdown .item.disabled{color:#999;cursor:initial}.dropdown .item .icon{margin:0 .75rem}.autocomplete{position:relative;display:inline-block}.autocomplete-items{position:absolute;border:1px solid #ddd;border-bottom:none;border-top:none;z-index:99;top:100%;left:0;right:0}.autocomplete-items div{padding:1em;cursor:pointer;border-bottom:1px solid #ddd;background-color:#fff}.autocomplete-items div:hover{background-color:#def6ea}.autocomplete-active{background-color:#c8ffd0 !important}.fade-in{--duration:.5s;animation-name:fadeIn;animation-timing-function:ease-in;animation-duration:var(--duration);animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.roll-in{--duration:.5s;animation-name:rollIn;animation-timing-function:ease-in;animation-duration:var(--duration);animation-fill-mode:both}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}.active-glow{-webkit-animation:active-glow 5s infinite;-ms-animation:active-glow 5s infinite;-o-animation:active-glow 5s infinite;-ms-animation:active-glow 5s infinite;animation:active-glow 5s infinite}@keyframes active-glow{0%{background:#d4ffe3}50%{background:#9cdfb0}100%{background:#d4ffe3}}.modal-container{position:fixed;display:flex;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;z-index:var(--z-index);background:rgba(10,10,10,0.9)}.modal-container .modal{--width:auto;--height:auto;width:var(--width);height:var(--height)}.modal-container .modal .header{border-radius:1rem 1rem 0 0}.modal-container .modal .body:first-child{border-radius:1rem}.modal-container .modal .body:not(first-child){border-radius:0 0 1rem 1rem}.modal-container .modal .header{border-bottom:1px solid #ccc;padding:.5rem;text-align:center;background:#f0f0f0;text-transform:uppercase;letter-spacing:.1rem;line-height:3.8rem}.modal-container .modal .body{max-height:75vh;overflow:auto;padding:2.5rem 2rem 1.5rem 2rem;background:#fff}#notifications{position:fixed;bottom:0;right:0;width:25em;z-index:1000}#notifications .notification{background:rgba(185,255,193,0.9);border:1px solid rgba(109,205,134,0.62);border-radius:.5rem;margin-bottom:1rem;margin-right:1rem;cursor:pointer}#notifications .notification:hover{background:rgba(160,245,178,0.95)}#notifications .notification:hover.warning{background:rgba(218,245,68,0.95)}#notifications .notification:hover.error{background:rgba(245,90,90,0.95)}#notifications .notification.warning{background:rgba(228,255,78,0.9);border:1px solid rgba(205,205,109,0.62)}#notifications .notification.warning .image{--color:#662}#notifications .notification.error{background:rgba(255,100,100,0.9);border:1px solid rgba(205,109,109,0.62)}#notifications .notification.error .image{--color:darkred}#notifications .notification .title{padding:.4rem;line-height:3rem;letter-spacing:.1rem;font-weight:bold}#notifications .notification .body{height:6em;overflow:hidden;padding-bottom:1rem;letter-spacing:.05rem}#notifications .notification .image{height:100%;text-align:center;--color:#000}#notifications .notification .image .row{width:100%;height:100%}#notifications .notification .image .row .fa{font-size:2.5rem;color:var(--color)}#notifications .notification .image .row img{width:80%;height:80%}html{min-height:100%}body{--background-image:url('/img/dashboard-background.jpg');--background-color:#fff;background-image:var(--background-image) !important;background-color:var(--background-color);background-size:100% 100%;background-repeat:no-repeat;font-family:Lato}main{display:flex;flex-flow:column;width:100%;height:100vh;margin:0}main .widgets-row{height:calc(50% - 3em);margin:2em 1em;display:flex}main .widget{background:#fff;border-radius:5px;height:100%;overflow:hidden;box-shadow:0 3px 3px 0 rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.08)}#widgets-container{height:100%}
diff --git a/platypush/backend/http/static/css/dist/dashboard/widgets/calendar.css b/platypush/backend/http/static/css/dist/dashboard/widgets/calendar.css
new file mode 100644
index 0000000000..7de45efeae
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/dashboard/widgets/calendar.css
@@ -0,0 +1 @@
+.widget .calendar{padding:1rem}.widget .calendar .event{font-size:.95em}.widget .calendar .upcoming-event{text-align:center;margin-bottom:1.5rem;font-size:1.2em}.widget .calendar .upcoming-event .summary{text-transform:uppercase;font-size:1.3em}
diff --git a/platypush/backend/http/static/css/dist/dashboard/widgets/date-time-weather.css b/platypush/backend/http/static/css/dist/dashboard/widgets/date-time-weather.css
new file mode 100644
index 0000000000..6f2044620b
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/dashboard/widgets/date-time-weather.css
@@ -0,0 +1 @@
+.widget .date-time-weather{height:100%;display:flex;flex-direction:column;align-items:center;padding-top:1rem}.widget .date-time-weather .date{font-size:1.3em;height:10%}.widget .date-time-weather .time{font-size:2em;height:14%}.widget .date-time-weather .weather{height:35%;display:flex;align-items:center}.widget .date-time-weather .weather .temperature{font-size:2em;margin-left:1rem}.widget .date-time-weather .summary{height:28%}.widget .date-time-weather .sensors{width:100%;height:13%}.widget .date-time-weather .sensors .sensor{padding:0 1rem}.widget .date-time-weather .sensors .humidity{text-align:right}
diff --git a/platypush/backend/http/static/css/dist/dashboard/widgets/image-carousel.css b/platypush/backend/http/static/css/dist/dashboard/widgets/image-carousel.css
new file mode 100644
index 0000000000..ac91ef6fe9
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/dashboard/widgets/image-carousel.css
@@ -0,0 +1 @@
+.widget .image-carousel{height:100%;position:relative;display:flex;align-items:center;justify-content:center;background-color:transparent}.widget .image-carousel .background{position:absolute;top:0;width:100%;height:100vh;background-color:transparent;background-position:center;background-size:cover;background-repeat:no-repeat;filter:blur(13px);-webkit-filter:blur(13px)}.widget .image-carousel img{position:absolute;max-height:100%;z-index:2}
diff --git a/platypush/backend/http/static/css/dist/dashboard/widgets/music.css b/platypush/backend/http/static/css/dist/dashboard/widgets/music.css
new file mode 100644
index 0000000000..d019b4e142
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/dashboard/widgets/music.css
@@ -0,0 +1 @@
+.widget .music{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.widget .music .track{text-align:center}.widget .music .track .unknown,.widget .music .track .no-track{font-size:2em}.widget .music .track .artist{font-size:1.9em;font-weight:bold;margin-bottom:.25em}.widget .music .track .title{font-size:1.8em}.widget .music .time{width:100%;margin-top:1em;font-size:1.2em}.widget .music .time .row{padding:0 .5em}.widget .music .time .time-total{text-align:right}.widget .music .time .progress-bar{width:100%;height:1em;position:relative;margin-bottom:.75em}.widget .music .time .progress-bar .total{position:absolute;width:100%;height:100%;top:0;background:#ddd;border-radius:5rem}.widget .music .time .progress-bar .elapsed{position:absolute;width:100%;height:100%;top:0;background:#c8ffd0;border-radius:5rem;z-index:1}.widget .music .playback-status{position:absolute;bottom:0;border-top:1px solid #ddd;color:#757f70;width:100%;height:2em}.widget .music .playback-status .status-property{display:flex;align-items:center;justify-content:center;height:100%}.widget .music .playback-status .active{color:#35b870}
diff --git a/platypush/backend/http/static/css/dist/dashboard/widgets/rss-news.css b/platypush/backend/http/static/css/dist/dashboard/widgets/rss-news.css
new file mode 100644
index 0000000000..4577004122
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/dashboard/widgets/rss-news.css
@@ -0,0 +1 @@
+.widget .rss-news{height:100%;display:flex;align-items:center}.widget .rss-news .article{width:90%;padding:0 2em}.widget .rss-news .article .source{font-size:1.7em;font-weight:bold;margin-bottom:.5em}.widget .rss-news .article .title{font-size:1.7em;margin-bottom:.5em}.widget .rss-news .article .published{text-align:right;font-size:1em}
diff --git a/platypush/backend/http/static/css/dist/login.css b/platypush/backend/http/static/css/dist/login.css
new file mode 100644
index 0000000000..c70b08a170
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/login.css
@@ -0,0 +1 @@
+@import url(https://fonts.googleapis.com/css?family=Francois+One);@import url(https://fonts.googleapis.com/css?family=PT+Sans);.col-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-1:first-child{margin-left:0}.col-no-margin-1{float:left;box-sizing:border-box;width:8.33333%;margin:0}.col-offset-1:first-child{margin-left:8.66667% !important}.col-offset-1:not(first-child){margin-left:12.66667% !important}.col-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-2:first-child{margin-left:0}.col-no-margin-2{float:left;box-sizing:border-box;width:16.66667%;margin:0}.col-offset-2:first-child{margin-left:17.33333% !important}.col-offset-2:not(first-child){margin-left:21.33333% !important}.col-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-3:first-child{margin-left:0}.col-no-margin-3{float:left;box-sizing:border-box;width:25%;margin:0}.col-offset-3:first-child{margin-left:26% !important}.col-offset-3:not(first-child){margin-left:30% !important}.col-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-4:first-child{margin-left:0}.col-no-margin-4{float:left;box-sizing:border-box;width:33.33333%;margin:0}.col-offset-4:first-child{margin-left:34.66667% !important}.col-offset-4:not(first-child){margin-left:38.66667% !important}.col-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-5:first-child{margin-left:0}.col-no-margin-5{float:left;box-sizing:border-box;width:41.66667%;margin:0}.col-offset-5:first-child{margin-left:43.33333% !important}.col-offset-5:not(first-child){margin-left:47.33333% !important}.col-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-6:first-child{margin-left:0}.col-no-margin-6{float:left;box-sizing:border-box;width:50%;margin:0}.col-offset-6:first-child{margin-left:52% !important}.col-offset-6:not(first-child){margin-left:56% !important}.col-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-7:first-child{margin-left:0}.col-no-margin-7{float:left;box-sizing:border-box;width:58.33333%;margin:0}.col-offset-7:first-child{margin-left:60.66667% !important}.col-offset-7:not(first-child){margin-left:64.66667% !important}.col-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-8:first-child{margin-left:0}.col-no-margin-8{float:left;box-sizing:border-box;width:66.66667%;margin:0}.col-offset-8:first-child{margin-left:69.33333% !important}.col-offset-8:not(first-child){margin-left:73.33333% !important}.col-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-9:first-child{margin-left:0}.col-no-margin-9{float:left;box-sizing:border-box;width:75%;margin:0}.col-offset-9:first-child{margin-left:78% !important}.col-offset-9:not(first-child){margin-left:82% !important}.col-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-10:first-child{margin-left:0}.col-no-margin-10{float:left;box-sizing:border-box;width:83.33333%;margin:0}.col-offset-10:first-child{margin-left:86.66667% !important}.col-offset-10:not(first-child){margin-left:90.66667% !important}.col-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-11:first-child{margin-left:0}.col-no-margin-11{float:left;box-sizing:border-box;width:91.66667%;margin:0}.col-offset-11:first-child{margin-left:95.33333% !important}.col-offset-11:not(first-child){margin-left:99.33333% !important}.col-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-12:first-child{margin-left:0}.col-no-margin-12{float:left;box-sizing:border-box;width:100%;margin:0}@media (max-width: 720px){.col-s-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-s-1:first-child{margin-left:0}.col-offset-s-1{margin-left:8.66667%}.col-no-margin-s-1{float:left;box-sizing:border-box;width:8.33333%}.col-s-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-s-2:first-child{margin-left:0}.col-offset-s-2{margin-left:17.33333%}.col-no-margin-s-2{float:left;box-sizing:border-box;width:16.66667%}.col-s-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-s-3:first-child{margin-left:0}.col-offset-s-3{margin-left:26%}.col-no-margin-s-3{float:left;box-sizing:border-box;width:25%}.col-s-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-s-4:first-child{margin-left:0}.col-offset-s-4{margin-left:34.66667%}.col-no-margin-s-4{float:left;box-sizing:border-box;width:33.33333%}.col-s-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-s-5:first-child{margin-left:0}.col-offset-s-5{margin-left:43.33333%}.col-no-margin-s-5{float:left;box-sizing:border-box;width:41.66667%}.col-s-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-s-6:first-child{margin-left:0}.col-offset-s-6{margin-left:52%}.col-no-margin-s-6{float:left;box-sizing:border-box;width:50%}.col-s-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-s-7:first-child{margin-left:0}.col-offset-s-7{margin-left:60.66667%}.col-no-margin-s-7{float:left;box-sizing:border-box;width:58.33333%}.col-s-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-s-8:first-child{margin-left:0}.col-offset-s-8{margin-left:69.33333%}.col-no-margin-s-8{float:left;box-sizing:border-box;width:66.66667%}.col-s-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-s-9:first-child{margin-left:0}.col-offset-s-9{margin-left:78%}.col-no-margin-s-9{float:left;box-sizing:border-box;width:75%}.col-s-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-s-10:first-child{margin-left:0}.col-offset-s-10{margin-left:86.66667%}.col-no-margin-s-10{float:left;box-sizing:border-box;width:83.33333%}.col-s-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-s-11:first-child{margin-left:0}.col-offset-s-11{margin-left:95.33333%}.col-no-margin-s-11{float:left;box-sizing:border-box;width:91.66667%}.col-s-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-s-12:first-child{margin-left:0}.col-no-margin-s-12{float:left;box-sizing:border-box;width:100%}.s-hidden{display:none !important}.s-visible{display:block !important}}@media (max-width: 1024px) and (min-width: 720px){.col-m-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-m-1:first-child{margin-left:0}.col-offset-m-1{margin-left:8.66667%}.col-no-margin-m-1{float:left;box-sizing:border-box;width:8.33333%}.col-m-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-m-2:first-child{margin-left:0}.col-offset-m-2{margin-left:17.33333%}.col-no-margin-m-2{float:left;box-sizing:border-box;width:16.66667%}.col-m-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-m-3:first-child{margin-left:0}.col-offset-m-3{margin-left:26%}.col-no-margin-m-3{float:left;box-sizing:border-box;width:25%}.col-m-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-m-4:first-child{margin-left:0}.col-offset-m-4{margin-left:34.66667%}.col-no-margin-m-4{float:left;box-sizing:border-box;width:33.33333%}.col-m-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-m-5:first-child{margin-left:0}.col-offset-m-5{margin-left:43.33333%}.col-no-margin-m-5{float:left;box-sizing:border-box;width:41.66667%}.col-m-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-m-6:first-child{margin-left:0}.col-offset-m-6{margin-left:52%}.col-no-margin-m-6{float:left;box-sizing:border-box;width:50%}.col-m-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-m-7:first-child{margin-left:0}.col-offset-m-7{margin-left:60.66667%}.col-no-margin-m-7{float:left;box-sizing:border-box;width:58.33333%}.col-m-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-m-8:first-child{margin-left:0}.col-offset-m-8{margin-left:69.33333%}.col-no-margin-m-8{float:left;box-sizing:border-box;width:66.66667%}.col-m-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-m-9:first-child{margin-left:0}.col-offset-m-9{margin-left:78%}.col-no-margin-m-9{float:left;box-sizing:border-box;width:75%}.col-m-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-m-10:first-child{margin-left:0}.col-offset-m-10{margin-left:86.66667%}.col-no-margin-m-10{float:left;box-sizing:border-box;width:83.33333%}.col-m-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-m-11:first-child{margin-left:0}.col-offset-m-11{margin-left:95.33333%}.col-no-margin-m-11{float:left;box-sizing:border-box;width:91.66667%}.col-m-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-m-12:first-child{margin-left:0}.col-no-margin-m-12{float:left;box-sizing:border-box;width:100%}.m-hidden{display:none !important}.m-visible{display:block !important}}@media (min-width: 1024px){.col-l-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-l-1:first-child{margin-left:0}.col-offset-l-1{margin-left:8.66667%}.col-no-margin-l-1{float:left;box-sizing:border-box;width:8.33333%}.col-l-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-l-2:first-child{margin-left:0}.col-offset-l-2{margin-left:17.33333%}.col-no-margin-l-2{float:left;box-sizing:border-box;width:16.66667%}.col-l-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-l-3:first-child{margin-left:0}.col-offset-l-3{margin-left:26%}.col-no-margin-l-3{float:left;box-sizing:border-box;width:25%}.col-l-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-l-4:first-child{margin-left:0}.col-offset-l-4{margin-left:34.66667%}.col-no-margin-l-4{float:left;box-sizing:border-box;width:33.33333%}.col-l-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-l-5:first-child{margin-left:0}.col-offset-l-5{margin-left:43.33333%}.col-no-margin-l-5{float:left;box-sizing:border-box;width:41.66667%}.col-l-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-l-6:first-child{margin-left:0}.col-offset-l-6{margin-left:52%}.col-no-margin-l-6{float:left;box-sizing:border-box;width:50%}.col-l-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-l-7:first-child{margin-left:0}.col-offset-l-7{margin-left:60.66667%}.col-no-margin-l-7{float:left;box-sizing:border-box;width:58.33333%}.col-l-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-l-8:first-child{margin-left:0}.col-offset-l-8{margin-left:69.33333%}.col-no-margin-l-8{float:left;box-sizing:border-box;width:66.66667%}.col-l-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-l-9:first-child{margin-left:0}.col-offset-l-9{margin-left:78%}.col-no-margin-l-9{float:left;box-sizing:border-box;width:75%}.col-l-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-l-10:first-child{margin-left:0}.col-offset-l-10{margin-left:86.66667%}.col-no-margin-l-10{float:left;box-sizing:border-box;width:83.33333%}.col-l-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-l-11:first-child{margin-left:0}.col-offset-l-11{margin-left:95.33333%}.col-no-margin-l-11{float:left;box-sizing:border-box;width:91.66667%}.col-l-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-l-12:first-child{margin-left:0}.col-no-margin-l-12{float:left;box-sizing:border-box;width:100%}.l-hidden{display:none !important}.l-visible{display:block !important}}@media (min-width: 720px) and (orientation:portrait){body{font-size:25px}}.vertical-center{display:flex;align-items:center}.horizontal-center{display:flex;justify-content:center;margin-left:auto;margin-right:auto}.hidden{display:none !important}.selected{background:#c8ffd0}.pull-right{text-align:right !important}.clickable{cursor:pointer}a:focus{outline:none}::-moz-focus-outer,::-moz-focus-inner{border:0}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}button[disabled],.button[disabled]{color:#bbb;background:#f0f0f0;border:1px solid}.btn-primary{background-color:#d8ffe0 !important;border:1px solid #c2f0cf !important}@font-face{font-family:'Audiowide';font-style:normal;font-weight:400;src:local("Audiowide"),local("Audiowide-Regular"),url(http://themes.googleusercontent.com/static/fonts/audiowide/v2/8XtYtNKEyyZh481XVWfVOj8E0i7KZn-EPnyo3HZu7kw.woff) format("woff")}.switch{display:inline-block;text-align:center;user-select:none;padding:.5rem 0}.switch input[type=checkbox]{display:none !important}.switch label,.switch label:before,.switch label:after,.switch input[type=checkbox],.switch input[type=checkbox]:before,.switch input[type=checkbox]:after,.switch .feature,.switch .feature:before,.switch .feature:after{transition:all 250ms ease-in}.switch label:before,.switch label:after,.switch input[type=checkbox]:before,.switch input[type=checkbox]:after,.switch .feature:before,.switch .feature:after{content:'';display:block}.switch label{position:relative;width:50px;height:50px;background-color:#f9f8f6;border-radius:50%;box-shadow:0 5px 10px 0 #333,0 15px 20px 0 #ccc;display:block;margin:.5rem auto 0 auto;font-size:1.4em;transition:all 350ms ease-in}.switch label:before{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:22.72727px;height:22.72727px;border-radius:50%;background-color:#38ffa0;box-shadow:inset 0 0 0 5px #ccc,inset 0 0 0 14px #f9f8f6}.switch label:after{position:absolute;left:50%;top:35%;transform:translate(-50%, -50%);width:4px;height:12px;background-color:#ccc;box-shadow:0 0 0 2.5px #f9f8f6}.switch label:before,.switch label:after{transition-duration:150ms}.switch label:hover{cursor:pointer}.switch label:hover:before{box-shadow:inset 0 0 0 5px #b3b3b3,inset 0 0 0 14px #f9f8f6}.switch label:hover:after{background-color:#b3b3b3}.switch input[type=checkbox]:checked + label{box-shadow:0 2px 5px 0 gray,0 15px 20px 0 transparent}.switch input[type=checkbox]:checked + label:before{box-shadow:inset 0 0 0 5px #38ffa0,inset 0 0 0 14px #f9f8f6}.switch input[type=checkbox]:checked + label:after{background-color:#38ffa0}.switch.glow label{background-color:#fff;box-shadow:0 5px 10px 0 #aaa,0 0 0 3px #bbb,0 0 8px 2px transparent,0 0 0 6px #eee}.switch.glow label:before{box-shadow:inset 0 0 0 5px #aaa,inset 0 0 0 14px #fff}.switch.glow label:after{background-color:#aaa}.switch.glow label label:hover:before{box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 14px #fff}.switch.glow label label:hover:after{background-color:#fff}.switch.glow input[type=checkbox]:checked + label{box-shadow:0 0 8px 0 #00ad72,0 0 0 3px #00e094,0 0 30px 0 #00e094,0 0 0 6px #fff}.switch.glow input[type=checkbox]:checked + label:before{box-shadow:inset 0 0 0 5px #00e094,inset 0 0 0 14px #fff}.switch.glow input[type=checkbox]:checked + label:after{background-color:#00e094}@supports (--css: variables){.input-range-container{position:relative}input[type="range"].multirange{padding:0;margin:0;display:inline-block;vertical-align:top;opacity:1 !important}input[type="range"].multirange.original{position:absolute}input[type="range"].multirange.original::-webkit-slider-thumb{position:relative;z-index:2}input[type="range"].multirange.original::-moz-range-thumb{transform:scale(1);z-index:1}input[type="range"].multirange::-moz-range-track{border-color:transparent}input[type="range"].multirange.ghost{position:relative;background:var(--track-background);--track-background:linear-gradient(to right, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 45% / 100% 40%;--range-color:rgba(0,215,80,0.2)}input[type="range"].multirange.ghost::-webkit-slider-runnable-track,input[type="range"].multirange.ghost::-moz-range-track{background:var(--track-background);height:15px}input[type="range"].multirange[disabled]::-webkit-slider-thumb,input[type="range"].multirange[disabled]::-moz-range-thumb{display:none}input[type="range"].multirange::-webkit-progress-value,input[type="range"].multirange::-moz-range-progress{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;background:none}}.slider{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;-webkit-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;-ms-transition:opacity .2s;transition:opacity .2s;width:100%;height:15px;border-radius:5px;background:#e4e4e4;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;border:0;background:#00d750;cursor:pointer}.slider::-moz-range-thumb{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;border:0;background:#00d750;cursor:pointer}.slider[disabled]::-webkit-slider-thumb{display:none;width:0}.slider[disabled]::-moz-range-thumb{display:none;width:0}.slider.disabled{opacity:.3}.slider::-moz-range-track{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none}.slider::-moz-range-progress{background:rgba(0,215,80,0.2);height:15px}.slider[disabled]::-webkit-progress-value{background:none}.slider[disabled]::-moz-range-progress{background:none}.input-icon{position:absolute;min-width:3rem;padding:1rem;color:#888}input[type=text],input[type=password]{border-radius:5rem}input[type=text]:hover,input[type=password]:hover{border:1px solid rgba(159,180,152,0.83)}input[type=text]:focus,input[type=password]:focus{border:1px solid rgba(127,216,95,0.83)}input[type=text].with-icon,input[type=password].with-icon{padding-left:3rem}.dropdown{position:absolute;background:#f1f3f2;border-radius:.75rem;border:1px solid #ccc;box-shadow:1px 1px 1px #bbb;min-width:15rem}.dropdown .item{margin:0 !important;padding:1rem;cursor:pointer}.dropdown .item.disabled{color:#999;cursor:initial}.dropdown .item .icon{margin:0 .75rem}.autocomplete{position:relative;display:inline-block}.autocomplete-items{position:absolute;border:1px solid #ddd;border-bottom:none;border-top:none;z-index:99;top:100%;left:0;right:0}.autocomplete-items div{padding:1em;cursor:pointer;border-bottom:1px solid #ddd;background-color:#fff}.autocomplete-items div:hover{background-color:#def6ea}.autocomplete-active{background-color:#c8ffd0 !important}body{width:100vw;height:100vh;margin:0;overflow-x:hidden;font-family:"Raleway","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px}main{height:100%;display:flex;align-items:center;justify-content:center;margin:0}main form{border:1px solid #ccc;border-radius:3em;padding:4em}main form .row{margin:1em 0}main form input[type=text],main form input[type=password]{width:100%}main form input[type=submit]{border-radius:1em}a{color:#5f7869}
diff --git a/platypush/backend/http/static/css/dist/register.css b/platypush/backend/http/static/css/dist/register.css
new file mode 100644
index 0000000000..c70b08a170
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/register.css
@@ -0,0 +1 @@
+@import url(https://fonts.googleapis.com/css?family=Francois+One);@import url(https://fonts.googleapis.com/css?family=PT+Sans);.col-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-1:first-child{margin-left:0}.col-no-margin-1{float:left;box-sizing:border-box;width:8.33333%;margin:0}.col-offset-1:first-child{margin-left:8.66667% !important}.col-offset-1:not(first-child){margin-left:12.66667% !important}.col-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-2:first-child{margin-left:0}.col-no-margin-2{float:left;box-sizing:border-box;width:16.66667%;margin:0}.col-offset-2:first-child{margin-left:17.33333% !important}.col-offset-2:not(first-child){margin-left:21.33333% !important}.col-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-3:first-child{margin-left:0}.col-no-margin-3{float:left;box-sizing:border-box;width:25%;margin:0}.col-offset-3:first-child{margin-left:26% !important}.col-offset-3:not(first-child){margin-left:30% !important}.col-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-4:first-child{margin-left:0}.col-no-margin-4{float:left;box-sizing:border-box;width:33.33333%;margin:0}.col-offset-4:first-child{margin-left:34.66667% !important}.col-offset-4:not(first-child){margin-left:38.66667% !important}.col-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-5:first-child{margin-left:0}.col-no-margin-5{float:left;box-sizing:border-box;width:41.66667%;margin:0}.col-offset-5:first-child{margin-left:43.33333% !important}.col-offset-5:not(first-child){margin-left:47.33333% !important}.col-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-6:first-child{margin-left:0}.col-no-margin-6{float:left;box-sizing:border-box;width:50%;margin:0}.col-offset-6:first-child{margin-left:52% !important}.col-offset-6:not(first-child){margin-left:56% !important}.col-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-7:first-child{margin-left:0}.col-no-margin-7{float:left;box-sizing:border-box;width:58.33333%;margin:0}.col-offset-7:first-child{margin-left:60.66667% !important}.col-offset-7:not(first-child){margin-left:64.66667% !important}.col-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-8:first-child{margin-left:0}.col-no-margin-8{float:left;box-sizing:border-box;width:66.66667%;margin:0}.col-offset-8:first-child{margin-left:69.33333% !important}.col-offset-8:not(first-child){margin-left:73.33333% !important}.col-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-9:first-child{margin-left:0}.col-no-margin-9{float:left;box-sizing:border-box;width:75%;margin:0}.col-offset-9:first-child{margin-left:78% !important}.col-offset-9:not(first-child){margin-left:82% !important}.col-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-10:first-child{margin-left:0}.col-no-margin-10{float:left;box-sizing:border-box;width:83.33333%;margin:0}.col-offset-10:first-child{margin-left:86.66667% !important}.col-offset-10:not(first-child){margin-left:90.66667% !important}.col-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-11:first-child{margin-left:0}.col-no-margin-11{float:left;box-sizing:border-box;width:91.66667%;margin:0}.col-offset-11:first-child{margin-left:95.33333% !important}.col-offset-11:not(first-child){margin-left:99.33333% !important}.col-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-12:first-child{margin-left:0}.col-no-margin-12{float:left;box-sizing:border-box;width:100%;margin:0}@media (max-width: 720px){.col-s-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-s-1:first-child{margin-left:0}.col-offset-s-1{margin-left:8.66667%}.col-no-margin-s-1{float:left;box-sizing:border-box;width:8.33333%}.col-s-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-s-2:first-child{margin-left:0}.col-offset-s-2{margin-left:17.33333%}.col-no-margin-s-2{float:left;box-sizing:border-box;width:16.66667%}.col-s-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-s-3:first-child{margin-left:0}.col-offset-s-3{margin-left:26%}.col-no-margin-s-3{float:left;box-sizing:border-box;width:25%}.col-s-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-s-4:first-child{margin-left:0}.col-offset-s-4{margin-left:34.66667%}.col-no-margin-s-4{float:left;box-sizing:border-box;width:33.33333%}.col-s-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-s-5:first-child{margin-left:0}.col-offset-s-5{margin-left:43.33333%}.col-no-margin-s-5{float:left;box-sizing:border-box;width:41.66667%}.col-s-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-s-6:first-child{margin-left:0}.col-offset-s-6{margin-left:52%}.col-no-margin-s-6{float:left;box-sizing:border-box;width:50%}.col-s-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-s-7:first-child{margin-left:0}.col-offset-s-7{margin-left:60.66667%}.col-no-margin-s-7{float:left;box-sizing:border-box;width:58.33333%}.col-s-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-s-8:first-child{margin-left:0}.col-offset-s-8{margin-left:69.33333%}.col-no-margin-s-8{float:left;box-sizing:border-box;width:66.66667%}.col-s-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-s-9:first-child{margin-left:0}.col-offset-s-9{margin-left:78%}.col-no-margin-s-9{float:left;box-sizing:border-box;width:75%}.col-s-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-s-10:first-child{margin-left:0}.col-offset-s-10{margin-left:86.66667%}.col-no-margin-s-10{float:left;box-sizing:border-box;width:83.33333%}.col-s-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-s-11:first-child{margin-left:0}.col-offset-s-11{margin-left:95.33333%}.col-no-margin-s-11{float:left;box-sizing:border-box;width:91.66667%}.col-s-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-s-12:first-child{margin-left:0}.col-no-margin-s-12{float:left;box-sizing:border-box;width:100%}.s-hidden{display:none !important}.s-visible{display:block !important}}@media (max-width: 1024px) and (min-width: 720px){.col-m-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-m-1:first-child{margin-left:0}.col-offset-m-1{margin-left:8.66667%}.col-no-margin-m-1{float:left;box-sizing:border-box;width:8.33333%}.col-m-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-m-2:first-child{margin-left:0}.col-offset-m-2{margin-left:17.33333%}.col-no-margin-m-2{float:left;box-sizing:border-box;width:16.66667%}.col-m-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-m-3:first-child{margin-left:0}.col-offset-m-3{margin-left:26%}.col-no-margin-m-3{float:left;box-sizing:border-box;width:25%}.col-m-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-m-4:first-child{margin-left:0}.col-offset-m-4{margin-left:34.66667%}.col-no-margin-m-4{float:left;box-sizing:border-box;width:33.33333%}.col-m-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-m-5:first-child{margin-left:0}.col-offset-m-5{margin-left:43.33333%}.col-no-margin-m-5{float:left;box-sizing:border-box;width:41.66667%}.col-m-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-m-6:first-child{margin-left:0}.col-offset-m-6{margin-left:52%}.col-no-margin-m-6{float:left;box-sizing:border-box;width:50%}.col-m-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-m-7:first-child{margin-left:0}.col-offset-m-7{margin-left:60.66667%}.col-no-margin-m-7{float:left;box-sizing:border-box;width:58.33333%}.col-m-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-m-8:first-child{margin-left:0}.col-offset-m-8{margin-left:69.33333%}.col-no-margin-m-8{float:left;box-sizing:border-box;width:66.66667%}.col-m-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-m-9:first-child{margin-left:0}.col-offset-m-9{margin-left:78%}.col-no-margin-m-9{float:left;box-sizing:border-box;width:75%}.col-m-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-m-10:first-child{margin-left:0}.col-offset-m-10{margin-left:86.66667%}.col-no-margin-m-10{float:left;box-sizing:border-box;width:83.33333%}.col-m-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-m-11:first-child{margin-left:0}.col-offset-m-11{margin-left:95.33333%}.col-no-margin-m-11{float:left;box-sizing:border-box;width:91.66667%}.col-m-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-m-12:first-child{margin-left:0}.col-no-margin-m-12{float:left;box-sizing:border-box;width:100%}.m-hidden{display:none !important}.m-visible{display:block !important}}@media (min-width: 1024px){.col-l-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-l-1:first-child{margin-left:0}.col-offset-l-1{margin-left:8.66667%}.col-no-margin-l-1{float:left;box-sizing:border-box;width:8.33333%}.col-l-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-l-2:first-child{margin-left:0}.col-offset-l-2{margin-left:17.33333%}.col-no-margin-l-2{float:left;box-sizing:border-box;width:16.66667%}.col-l-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-l-3:first-child{margin-left:0}.col-offset-l-3{margin-left:26%}.col-no-margin-l-3{float:left;box-sizing:border-box;width:25%}.col-l-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-l-4:first-child{margin-left:0}.col-offset-l-4{margin-left:34.66667%}.col-no-margin-l-4{float:left;box-sizing:border-box;width:33.33333%}.col-l-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-l-5:first-child{margin-left:0}.col-offset-l-5{margin-left:43.33333%}.col-no-margin-l-5{float:left;box-sizing:border-box;width:41.66667%}.col-l-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-l-6:first-child{margin-left:0}.col-offset-l-6{margin-left:52%}.col-no-margin-l-6{float:left;box-sizing:border-box;width:50%}.col-l-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-l-7:first-child{margin-left:0}.col-offset-l-7{margin-left:60.66667%}.col-no-margin-l-7{float:left;box-sizing:border-box;width:58.33333%}.col-l-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-l-8:first-child{margin-left:0}.col-offset-l-8{margin-left:69.33333%}.col-no-margin-l-8{float:left;box-sizing:border-box;width:66.66667%}.col-l-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-l-9:first-child{margin-left:0}.col-offset-l-9{margin-left:78%}.col-no-margin-l-9{float:left;box-sizing:border-box;width:75%}.col-l-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-l-10:first-child{margin-left:0}.col-offset-l-10{margin-left:86.66667%}.col-no-margin-l-10{float:left;box-sizing:border-box;width:83.33333%}.col-l-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-l-11:first-child{margin-left:0}.col-offset-l-11{margin-left:95.33333%}.col-no-margin-l-11{float:left;box-sizing:border-box;width:91.66667%}.col-l-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-l-12:first-child{margin-left:0}.col-no-margin-l-12{float:left;box-sizing:border-box;width:100%}.l-hidden{display:none !important}.l-visible{display:block !important}}@media (min-width: 720px) and (orientation:portrait){body{font-size:25px}}.vertical-center{display:flex;align-items:center}.horizontal-center{display:flex;justify-content:center;margin-left:auto;margin-right:auto}.hidden{display:none !important}.selected{background:#c8ffd0}.pull-right{text-align:right !important}.clickable{cursor:pointer}a:focus{outline:none}::-moz-focus-outer,::-moz-focus-inner{border:0}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}button[disabled],.button[disabled]{color:#bbb;background:#f0f0f0;border:1px solid}.btn-primary{background-color:#d8ffe0 !important;border:1px solid #c2f0cf !important}@font-face{font-family:'Audiowide';font-style:normal;font-weight:400;src:local("Audiowide"),local("Audiowide-Regular"),url(http://themes.googleusercontent.com/static/fonts/audiowide/v2/8XtYtNKEyyZh481XVWfVOj8E0i7KZn-EPnyo3HZu7kw.woff) format("woff")}.switch{display:inline-block;text-align:center;user-select:none;padding:.5rem 0}.switch input[type=checkbox]{display:none !important}.switch label,.switch label:before,.switch label:after,.switch input[type=checkbox],.switch input[type=checkbox]:before,.switch input[type=checkbox]:after,.switch .feature,.switch .feature:before,.switch .feature:after{transition:all 250ms ease-in}.switch label:before,.switch label:after,.switch input[type=checkbox]:before,.switch input[type=checkbox]:after,.switch .feature:before,.switch .feature:after{content:'';display:block}.switch label{position:relative;width:50px;height:50px;background-color:#f9f8f6;border-radius:50%;box-shadow:0 5px 10px 0 #333,0 15px 20px 0 #ccc;display:block;margin:.5rem auto 0 auto;font-size:1.4em;transition:all 350ms ease-in}.switch label:before{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:22.72727px;height:22.72727px;border-radius:50%;background-color:#38ffa0;box-shadow:inset 0 0 0 5px #ccc,inset 0 0 0 14px #f9f8f6}.switch label:after{position:absolute;left:50%;top:35%;transform:translate(-50%, -50%);width:4px;height:12px;background-color:#ccc;box-shadow:0 0 0 2.5px #f9f8f6}.switch label:before,.switch label:after{transition-duration:150ms}.switch label:hover{cursor:pointer}.switch label:hover:before{box-shadow:inset 0 0 0 5px #b3b3b3,inset 0 0 0 14px #f9f8f6}.switch label:hover:after{background-color:#b3b3b3}.switch input[type=checkbox]:checked + label{box-shadow:0 2px 5px 0 gray,0 15px 20px 0 transparent}.switch input[type=checkbox]:checked + label:before{box-shadow:inset 0 0 0 5px #38ffa0,inset 0 0 0 14px #f9f8f6}.switch input[type=checkbox]:checked + label:after{background-color:#38ffa0}.switch.glow label{background-color:#fff;box-shadow:0 5px 10px 0 #aaa,0 0 0 3px #bbb,0 0 8px 2px transparent,0 0 0 6px #eee}.switch.glow label:before{box-shadow:inset 0 0 0 5px #aaa,inset 0 0 0 14px #fff}.switch.glow label:after{background-color:#aaa}.switch.glow label label:hover:before{box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 14px #fff}.switch.glow label label:hover:after{background-color:#fff}.switch.glow input[type=checkbox]:checked + label{box-shadow:0 0 8px 0 #00ad72,0 0 0 3px #00e094,0 0 30px 0 #00e094,0 0 0 6px #fff}.switch.glow input[type=checkbox]:checked + label:before{box-shadow:inset 0 0 0 5px #00e094,inset 0 0 0 14px #fff}.switch.glow input[type=checkbox]:checked + label:after{background-color:#00e094}@supports (--css: variables){.input-range-container{position:relative}input[type="range"].multirange{padding:0;margin:0;display:inline-block;vertical-align:top;opacity:1 !important}input[type="range"].multirange.original{position:absolute}input[type="range"].multirange.original::-webkit-slider-thumb{position:relative;z-index:2}input[type="range"].multirange.original::-moz-range-thumb{transform:scale(1);z-index:1}input[type="range"].multirange::-moz-range-track{border-color:transparent}input[type="range"].multirange.ghost{position:relative;background:var(--track-background);--track-background:linear-gradient(to right, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 45% / 100% 40%;--range-color:rgba(0,215,80,0.2)}input[type="range"].multirange.ghost::-webkit-slider-runnable-track,input[type="range"].multirange.ghost::-moz-range-track{background:var(--track-background);height:15px}input[type="range"].multirange[disabled]::-webkit-slider-thumb,input[type="range"].multirange[disabled]::-moz-range-thumb{display:none}input[type="range"].multirange::-webkit-progress-value,input[type="range"].multirange::-moz-range-progress{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;background:none}}.slider{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;-webkit-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;-ms-transition:opacity .2s;transition:opacity .2s;width:100%;height:15px;border-radius:5px;background:#e4e4e4;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;border:0;background:#00d750;cursor:pointer}.slider::-moz-range-thumb{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;border:0;background:#00d750;cursor:pointer}.slider[disabled]::-webkit-slider-thumb{display:none;width:0}.slider[disabled]::-moz-range-thumb{display:none;width:0}.slider.disabled{opacity:.3}.slider::-moz-range-track{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none}.slider::-moz-range-progress{background:rgba(0,215,80,0.2);height:15px}.slider[disabled]::-webkit-progress-value{background:none}.slider[disabled]::-moz-range-progress{background:none}.input-icon{position:absolute;min-width:3rem;padding:1rem;color:#888}input[type=text],input[type=password]{border-radius:5rem}input[type=text]:hover,input[type=password]:hover{border:1px solid rgba(159,180,152,0.83)}input[type=text]:focus,input[type=password]:focus{border:1px solid rgba(127,216,95,0.83)}input[type=text].with-icon,input[type=password].with-icon{padding-left:3rem}.dropdown{position:absolute;background:#f1f3f2;border-radius:.75rem;border:1px solid #ccc;box-shadow:1px 1px 1px #bbb;min-width:15rem}.dropdown .item{margin:0 !important;padding:1rem;cursor:pointer}.dropdown .item.disabled{color:#999;cursor:initial}.dropdown .item .icon{margin:0 .75rem}.autocomplete{position:relative;display:inline-block}.autocomplete-items{position:absolute;border:1px solid #ddd;border-bottom:none;border-top:none;z-index:99;top:100%;left:0;right:0}.autocomplete-items div{padding:1em;cursor:pointer;border-bottom:1px solid #ddd;background-color:#fff}.autocomplete-items div:hover{background-color:#def6ea}.autocomplete-active{background-color:#c8ffd0 !important}body{width:100vw;height:100vh;margin:0;overflow-x:hidden;font-family:"Raleway","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px}main{height:100%;display:flex;align-items:center;justify-content:center;margin:0}main form{border:1px solid #ccc;border-radius:3em;padding:4em}main form .row{margin:1em 0}main form input[type=text],main form input[type=password]{width:100%}main form input[type=submit]{border-radius:1em}a{color:#5f7869}
diff --git a/platypush/backend/http/static/css/dist/settings.css b/platypush/backend/http/static/css/dist/settings.css
new file mode 100644
index 0000000000..6c3db7dc7a
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/settings.css
@@ -0,0 +1 @@
+@import url(https://fonts.googleapis.com/css?family=Francois+One);@import url(https://fonts.googleapis.com/css?family=PT+Sans);.col-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-1:first-child{margin-left:0}.col-no-margin-1{float:left;box-sizing:border-box;width:8.33333%;margin:0}.col-offset-1:first-child{margin-left:8.66667% !important}.col-offset-1:not(first-child){margin-left:12.66667% !important}.col-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-2:first-child{margin-left:0}.col-no-margin-2{float:left;box-sizing:border-box;width:16.66667%;margin:0}.col-offset-2:first-child{margin-left:17.33333% !important}.col-offset-2:not(first-child){margin-left:21.33333% !important}.col-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-3:first-child{margin-left:0}.col-no-margin-3{float:left;box-sizing:border-box;width:25%;margin:0}.col-offset-3:first-child{margin-left:26% !important}.col-offset-3:not(first-child){margin-left:30% !important}.col-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-4:first-child{margin-left:0}.col-no-margin-4{float:left;box-sizing:border-box;width:33.33333%;margin:0}.col-offset-4:first-child{margin-left:34.66667% !important}.col-offset-4:not(first-child){margin-left:38.66667% !important}.col-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-5:first-child{margin-left:0}.col-no-margin-5{float:left;box-sizing:border-box;width:41.66667%;margin:0}.col-offset-5:first-child{margin-left:43.33333% !important}.col-offset-5:not(first-child){margin-left:47.33333% !important}.col-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-6:first-child{margin-left:0}.col-no-margin-6{float:left;box-sizing:border-box;width:50%;margin:0}.col-offset-6:first-child{margin-left:52% !important}.col-offset-6:not(first-child){margin-left:56% !important}.col-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-7:first-child{margin-left:0}.col-no-margin-7{float:left;box-sizing:border-box;width:58.33333%;margin:0}.col-offset-7:first-child{margin-left:60.66667% !important}.col-offset-7:not(first-child){margin-left:64.66667% !important}.col-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-8:first-child{margin-left:0}.col-no-margin-8{float:left;box-sizing:border-box;width:66.66667%;margin:0}.col-offset-8:first-child{margin-left:69.33333% !important}.col-offset-8:not(first-child){margin-left:73.33333% !important}.col-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-9:first-child{margin-left:0}.col-no-margin-9{float:left;box-sizing:border-box;width:75%;margin:0}.col-offset-9:first-child{margin-left:78% !important}.col-offset-9:not(first-child){margin-left:82% !important}.col-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-10:first-child{margin-left:0}.col-no-margin-10{float:left;box-sizing:border-box;width:83.33333%;margin:0}.col-offset-10:first-child{margin-left:86.66667% !important}.col-offset-10:not(first-child){margin-left:90.66667% !important}.col-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-11:first-child{margin-left:0}.col-no-margin-11{float:left;box-sizing:border-box;width:91.66667%;margin:0}.col-offset-11:first-child{margin-left:95.33333% !important}.col-offset-11:not(first-child){margin-left:99.33333% !important}.col-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-12:first-child{margin-left:0}.col-no-margin-12{float:left;box-sizing:border-box;width:100%;margin:0}@media (max-width: 720px){.col-s-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-s-1:first-child{margin-left:0}.col-offset-s-1{margin-left:8.66667%}.col-no-margin-s-1{float:left;box-sizing:border-box;width:8.33333%}.col-s-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-s-2:first-child{margin-left:0}.col-offset-s-2{margin-left:17.33333%}.col-no-margin-s-2{float:left;box-sizing:border-box;width:16.66667%}.col-s-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-s-3:first-child{margin-left:0}.col-offset-s-3{margin-left:26%}.col-no-margin-s-3{float:left;box-sizing:border-box;width:25%}.col-s-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-s-4:first-child{margin-left:0}.col-offset-s-4{margin-left:34.66667%}.col-no-margin-s-4{float:left;box-sizing:border-box;width:33.33333%}.col-s-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-s-5:first-child{margin-left:0}.col-offset-s-5{margin-left:43.33333%}.col-no-margin-s-5{float:left;box-sizing:border-box;width:41.66667%}.col-s-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-s-6:first-child{margin-left:0}.col-offset-s-6{margin-left:52%}.col-no-margin-s-6{float:left;box-sizing:border-box;width:50%}.col-s-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-s-7:first-child{margin-left:0}.col-offset-s-7{margin-left:60.66667%}.col-no-margin-s-7{float:left;box-sizing:border-box;width:58.33333%}.col-s-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-s-8:first-child{margin-left:0}.col-offset-s-8{margin-left:69.33333%}.col-no-margin-s-8{float:left;box-sizing:border-box;width:66.66667%}.col-s-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-s-9:first-child{margin-left:0}.col-offset-s-9{margin-left:78%}.col-no-margin-s-9{float:left;box-sizing:border-box;width:75%}.col-s-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-s-10:first-child{margin-left:0}.col-offset-s-10{margin-left:86.66667%}.col-no-margin-s-10{float:left;box-sizing:border-box;width:83.33333%}.col-s-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-s-11:first-child{margin-left:0}.col-offset-s-11{margin-left:95.33333%}.col-no-margin-s-11{float:left;box-sizing:border-box;width:91.66667%}.col-s-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-s-12:first-child{margin-left:0}.col-no-margin-s-12{float:left;box-sizing:border-box;width:100%}.s-hidden{display:none !important}.s-visible{display:block !important}}@media (max-width: 1024px) and (min-width: 720px){.col-m-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-m-1:first-child{margin-left:0}.col-offset-m-1{margin-left:8.66667%}.col-no-margin-m-1{float:left;box-sizing:border-box;width:8.33333%}.col-m-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-m-2:first-child{margin-left:0}.col-offset-m-2{margin-left:17.33333%}.col-no-margin-m-2{float:left;box-sizing:border-box;width:16.66667%}.col-m-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-m-3:first-child{margin-left:0}.col-offset-m-3{margin-left:26%}.col-no-margin-m-3{float:left;box-sizing:border-box;width:25%}.col-m-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-m-4:first-child{margin-left:0}.col-offset-m-4{margin-left:34.66667%}.col-no-margin-m-4{float:left;box-sizing:border-box;width:33.33333%}.col-m-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-m-5:first-child{margin-left:0}.col-offset-m-5{margin-left:43.33333%}.col-no-margin-m-5{float:left;box-sizing:border-box;width:41.66667%}.col-m-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-m-6:first-child{margin-left:0}.col-offset-m-6{margin-left:52%}.col-no-margin-m-6{float:left;box-sizing:border-box;width:50%}.col-m-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-m-7:first-child{margin-left:0}.col-offset-m-7{margin-left:60.66667%}.col-no-margin-m-7{float:left;box-sizing:border-box;width:58.33333%}.col-m-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-m-8:first-child{margin-left:0}.col-offset-m-8{margin-left:69.33333%}.col-no-margin-m-8{float:left;box-sizing:border-box;width:66.66667%}.col-m-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-m-9:first-child{margin-left:0}.col-offset-m-9{margin-left:78%}.col-no-margin-m-9{float:left;box-sizing:border-box;width:75%}.col-m-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-m-10:first-child{margin-left:0}.col-offset-m-10{margin-left:86.66667%}.col-no-margin-m-10{float:left;box-sizing:border-box;width:83.33333%}.col-m-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-m-11:first-child{margin-left:0}.col-offset-m-11{margin-left:95.33333%}.col-no-margin-m-11{float:left;box-sizing:border-box;width:91.66667%}.col-m-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-m-12:first-child{margin-left:0}.col-no-margin-m-12{float:left;box-sizing:border-box;width:100%}.m-hidden{display:none !important}.m-visible{display:block !important}}@media (min-width: 1024px){.col-l-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-l-1:first-child{margin-left:0}.col-offset-l-1{margin-left:8.66667%}.col-no-margin-l-1{float:left;box-sizing:border-box;width:8.33333%}.col-l-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-l-2:first-child{margin-left:0}.col-offset-l-2{margin-left:17.33333%}.col-no-margin-l-2{float:left;box-sizing:border-box;width:16.66667%}.col-l-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-l-3:first-child{margin-left:0}.col-offset-l-3{margin-left:26%}.col-no-margin-l-3{float:left;box-sizing:border-box;width:25%}.col-l-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-l-4:first-child{margin-left:0}.col-offset-l-4{margin-left:34.66667%}.col-no-margin-l-4{float:left;box-sizing:border-box;width:33.33333%}.col-l-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-l-5:first-child{margin-left:0}.col-offset-l-5{margin-left:43.33333%}.col-no-margin-l-5{float:left;box-sizing:border-box;width:41.66667%}.col-l-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-l-6:first-child{margin-left:0}.col-offset-l-6{margin-left:52%}.col-no-margin-l-6{float:left;box-sizing:border-box;width:50%}.col-l-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-l-7:first-child{margin-left:0}.col-offset-l-7{margin-left:60.66667%}.col-no-margin-l-7{float:left;box-sizing:border-box;width:58.33333%}.col-l-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-l-8:first-child{margin-left:0}.col-offset-l-8{margin-left:69.33333%}.col-no-margin-l-8{float:left;box-sizing:border-box;width:66.66667%}.col-l-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-l-9:first-child{margin-left:0}.col-offset-l-9{margin-left:78%}.col-no-margin-l-9{float:left;box-sizing:border-box;width:75%}.col-l-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-l-10:first-child{margin-left:0}.col-offset-l-10{margin-left:86.66667%}.col-no-margin-l-10{float:left;box-sizing:border-box;width:83.33333%}.col-l-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-l-11:first-child{margin-left:0}.col-offset-l-11{margin-left:95.33333%}.col-no-margin-l-11{float:left;box-sizing:border-box;width:91.66667%}.col-l-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-l-12:first-child{margin-left:0}.col-no-margin-l-12{float:left;box-sizing:border-box;width:100%}.l-hidden{display:none !important}.l-visible{display:block !important}}@media (min-width: 720px) and (orientation:portrait){body{font-size:25px}}.vertical-center,#notifications .notification .body,#notifications .notification .image .row{display:flex;align-items:center}.horizontal-center,#notifications .notification .image .row{display:flex;justify-content:center;margin-left:auto;margin-right:auto}.hidden{display:none !important}.selected{background:#c8ffd0}.pull-right{text-align:right !important}.clickable{cursor:pointer}a:focus{outline:none}::-moz-focus-outer,::-moz-focus-inner{border:0}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}button[disabled],.button[disabled]{color:#bbb;background:#f0f0f0;border:1px solid}.btn-primary{background-color:#d8ffe0 !important;border:1px solid #c2f0cf !important}@font-face{font-family:'Audiowide';font-style:normal;font-weight:400;src:local("Audiowide"),local("Audiowide-Regular"),url(http://themes.googleusercontent.com/static/fonts/audiowide/v2/8XtYtNKEyyZh481XVWfVOj8E0i7KZn-EPnyo3HZu7kw.woff) format("woff")}.switch{display:inline-block;text-align:center;user-select:none;padding:.5rem 0}.switch input[type=checkbox]{display:none !important}.switch label,.switch label:before,.switch label:after,.switch input[type=checkbox],.switch input[type=checkbox]:before,.switch input[type=checkbox]:after,.switch .feature,.switch .feature:before,.switch .feature:after{transition:all 250ms ease-in}.switch label:before,.switch label:after,.switch input[type=checkbox]:before,.switch input[type=checkbox]:after,.switch .feature:before,.switch .feature:after{content:'';display:block}.switch label{position:relative;width:50px;height:50px;background-color:#f9f8f6;border-radius:50%;box-shadow:0 5px 10px 0 #333,0 15px 20px 0 #ccc;display:block;margin:.5rem auto 0 auto;font-size:1.4em;transition:all 350ms ease-in}.switch label:before{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:22.72727px;height:22.72727px;border-radius:50%;background-color:#38ffa0;box-shadow:inset 0 0 0 5px #ccc,inset 0 0 0 14px #f9f8f6}.switch label:after{position:absolute;left:50%;top:35%;transform:translate(-50%, -50%);width:4px;height:12px;background-color:#ccc;box-shadow:0 0 0 2.5px #f9f8f6}.switch label:before,.switch label:after{transition-duration:150ms}.switch label:hover{cursor:pointer}.switch label:hover:before{box-shadow:inset 0 0 0 5px #b3b3b3,inset 0 0 0 14px #f9f8f6}.switch label:hover:after{background-color:#b3b3b3}.switch input[type=checkbox]:checked + label{box-shadow:0 2px 5px 0 gray,0 15px 20px 0 transparent}.switch input[type=checkbox]:checked + label:before{box-shadow:inset 0 0 0 5px #38ffa0,inset 0 0 0 14px #f9f8f6}.switch input[type=checkbox]:checked + label:after{background-color:#38ffa0}.switch.glow label{background-color:#fff;box-shadow:0 5px 10px 0 #aaa,0 0 0 3px #bbb,0 0 8px 2px transparent,0 0 0 6px #eee}.switch.glow label:before{box-shadow:inset 0 0 0 5px #aaa,inset 0 0 0 14px #fff}.switch.glow label:after{background-color:#aaa}.switch.glow label label:hover:before{box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 14px #fff}.switch.glow label label:hover:after{background-color:#fff}.switch.glow input[type=checkbox]:checked + label{box-shadow:0 0 8px 0 #00ad72,0 0 0 3px #00e094,0 0 30px 0 #00e094,0 0 0 6px #fff}.switch.glow input[type=checkbox]:checked + label:before{box-shadow:inset 0 0 0 5px #00e094,inset 0 0 0 14px #fff}.switch.glow input[type=checkbox]:checked + label:after{background-color:#00e094}@supports (--css: variables){.input-range-container{position:relative}input[type="range"].multirange{padding:0;margin:0;display:inline-block;vertical-align:top;opacity:1 !important}input[type="range"].multirange.original{position:absolute}input[type="range"].multirange.original::-webkit-slider-thumb{position:relative;z-index:2}input[type="range"].multirange.original::-moz-range-thumb{transform:scale(1);z-index:1}input[type="range"].multirange::-moz-range-track{border-color:transparent}input[type="range"].multirange.ghost{position:relative;background:var(--track-background);--track-background:linear-gradient(to right, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 45% / 100% 40%;--range-color:rgba(0,215,80,0.2)}input[type="range"].multirange.ghost::-webkit-slider-runnable-track,input[type="range"].multirange.ghost::-moz-range-track{background:var(--track-background);height:15px}input[type="range"].multirange[disabled]::-webkit-slider-thumb,input[type="range"].multirange[disabled]::-moz-range-thumb{display:none}input[type="range"].multirange::-webkit-progress-value,input[type="range"].multirange::-moz-range-progress{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;background:none}}.slider{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;-webkit-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;-ms-transition:opacity .2s;transition:opacity .2s;width:100%;height:15px;border-radius:5px;background:#e4e4e4;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;border:0;background:#00d750;cursor:pointer}.slider::-moz-range-thumb{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;border:0;background:#00d750;cursor:pointer}.slider[disabled]::-webkit-slider-thumb{display:none;width:0}.slider[disabled]::-moz-range-thumb{display:none;width:0}.slider.disabled{opacity:.3}.slider::-moz-range-track{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none}.slider::-moz-range-progress{background:rgba(0,215,80,0.2);height:15px}.slider[disabled]::-webkit-progress-value{background:none}.slider[disabled]::-moz-range-progress{background:none}.input-icon{position:absolute;min-width:3rem;padding:1rem;color:#888}input[type=text],input[type=password]{border-radius:5rem}input[type=text]:hover,input[type=password]:hover{border:1px solid rgba(159,180,152,0.83)}input[type=text]:focus,input[type=password]:focus{border:1px solid rgba(127,216,95,0.83)}input[type=text].with-icon,input[type=password].with-icon{padding-left:3rem}.dropdown{position:absolute;background:#f1f3f2;border-radius:.75rem;border:1px solid #ccc;box-shadow:1px 1px 1px #bbb;min-width:15rem}.dropdown .item{margin:0 !important;padding:1rem;cursor:pointer}.dropdown .item.disabled{color:#999;cursor:initial}.dropdown .item .icon{margin:0 .75rem}.autocomplete{position:relative;display:inline-block}.autocomplete-items{position:absolute;border:1px solid #ddd;border-bottom:none;border-top:none;z-index:99;top:100%;left:0;right:0}.autocomplete-items div{padding:1em;cursor:pointer;border-bottom:1px solid #ddd;background-color:#fff}.autocomplete-items div:hover{background-color:#def6ea}.autocomplete-active{background-color:#c8ffd0 !important}.fade-in{--duration:.5s;animation-name:fadeIn;animation-timing-function:ease-in;animation-duration:var(--duration);animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.roll-in{--duration:.5s;animation-name:rollIn;animation-timing-function:ease-in;animation-duration:var(--duration);animation-fill-mode:both}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}.active-glow{-webkit-animation:active-glow 5s infinite;-ms-animation:active-glow 5s infinite;-o-animation:active-glow 5s infinite;-ms-animation:active-glow 5s infinite;animation:active-glow 5s infinite}@keyframes active-glow{0%{background:#d4ffe3}50%{background:#9cdfb0}100%{background:#d4ffe3}}.modal-container{position:fixed;display:flex;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;z-index:var(--z-index);background:rgba(10,10,10,0.9)}.modal-container .modal{--width:auto;--height:auto;width:var(--width);height:var(--height)}.modal-container .modal .header{border-radius:1rem 1rem 0 0}.modal-container .modal .body:first-child{border-radius:1rem}.modal-container .modal .body:not(first-child){border-radius:0 0 1rem 1rem}.modal-container .modal .header{border-bottom:1px solid #ccc;padding:.5rem;text-align:center;background:#f0f0f0;text-transform:uppercase;letter-spacing:.1rem;line-height:3.8rem}.modal-container .modal .body{max-height:75vh;overflow:auto;padding:2.5rem 2rem 1.5rem 2rem;background:#fff}#notifications{position:fixed;bottom:0;right:0;width:25em;z-index:1000}#notifications .notification{background:rgba(185,255,193,0.9);border:1px solid rgba(109,205,134,0.62);border-radius:.5rem;margin-bottom:1rem;margin-right:1rem;cursor:pointer}#notifications .notification:hover{background:rgba(160,245,178,0.95)}#notifications .notification:hover.warning{background:rgba(218,245,68,0.95)}#notifications .notification:hover.error{background:rgba(245,90,90,0.95)}#notifications .notification.warning{background:rgba(228,255,78,0.9);border:1px solid rgba(205,205,109,0.62)}#notifications .notification.warning .image{--color:#662}#notifications .notification.error{background:rgba(255,100,100,0.9);border:1px solid rgba(205,109,109,0.62)}#notifications .notification.error .image{--color:darkred}#notifications .notification .title{padding:.4rem;line-height:3rem;letter-spacing:.1rem;font-weight:bold}#notifications .notification .body{height:6em;overflow:hidden;padding-bottom:1rem;letter-spacing:.05rem}#notifications .notification .image{height:100%;text-align:center;--color:#000}#notifications .notification .image .row{width:100%;height:100%}#notifications .notification .image .row .fa{font-size:2.5rem;color:var(--color)}#notifications .notification .image .row img{width:80%;height:80%}#users ul{list-style-type:none}#users ul li{margin:0;padding:1em .5em;border-bottom:1px solid #ccc;cursor:pointer}#users ul li:hover{background:#def6ea}#users form{display:flex;flex-direction:column;width:20em}#users form input{margin:1em .5em}#token .warning{background:rgba(255,100,100,0.9);border:1px solid rgba(205,109,109,0.62);margin:1em;padding:1em;border-radius:1em}#token .token-container{display:flex;align-items:center;justify-content:center;margin:2em}#token .token-container input{width:100%}body{width:100%;height:100%;margin:0;overflow-x:hidden;font-family:"Raleway","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px}#app{width:100vw;height:100vh;display:flex;flex-direction:row}#app nav{background:#f0f0f0;color:#5f7869;border-right:1px solid #ccc}#app nav ul{width:100%;height:100%;margin:0;overflow:auto;list-style-type:none}#app nav ul li{display:flex;margin:0;padding:1em;cursor:pointer}#app nav ul li:not(:first-of-type){border-top:1px solid #ccc}#app nav ul li:hover{background:#def6ea}#app nav ul li a:first-child{width:100%}#app main{margin:0;flex:1 1 auto;overflow:hidden;height:inherit}#app main .section{overflow:auto;height:inherit}#app main .section header{display:flex;align-items:center;border-bottom:1px solid #ddd;background:#eee}#app main .section header h1{margin:.45em .2em}#app main .section header button{border:0}#app main .section header button:hover{color:#35b870}#app a{color:#5f7869}.dropdown .item{display:flex;flex-direction:row;cursor:pointer}.dropdown .item:hover{background:#def6ea}
diff --git a/platypush/backend/http/static/css/dist/webpanel.css b/platypush/backend/http/static/css/dist/webpanel.css
new file mode 100644
index 0000000000..a63ae69ea8
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/webpanel.css
@@ -0,0 +1 @@
+@import url(https://fonts.googleapis.com/css?family=Francois+One);@import url(https://fonts.googleapis.com/css?family=PT+Sans);.col-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-1:first-child{margin-left:0}.col-no-margin-1{float:left;box-sizing:border-box;width:8.33333%;margin:0}.col-offset-1:first-child{margin-left:8.66667% !important}.col-offset-1:not(first-child){margin-left:12.66667% !important}.col-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-2:first-child{margin-left:0}.col-no-margin-2{float:left;box-sizing:border-box;width:16.66667%;margin:0}.col-offset-2:first-child{margin-left:17.33333% !important}.col-offset-2:not(first-child){margin-left:21.33333% !important}.col-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-3:first-child{margin-left:0}.col-no-margin-3{float:left;box-sizing:border-box;width:25%;margin:0}.col-offset-3:first-child{margin-left:26% !important}.col-offset-3:not(first-child){margin-left:30% !important}.col-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-4:first-child{margin-left:0}.col-no-margin-4{float:left;box-sizing:border-box;width:33.33333%;margin:0}.col-offset-4:first-child{margin-left:34.66667% !important}.col-offset-4:not(first-child){margin-left:38.66667% !important}.col-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-5:first-child{margin-left:0}.col-no-margin-5{float:left;box-sizing:border-box;width:41.66667%;margin:0}.col-offset-5:first-child{margin-left:43.33333% !important}.col-offset-5:not(first-child){margin-left:47.33333% !important}.col-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-6:first-child{margin-left:0}.col-no-margin-6{float:left;box-sizing:border-box;width:50%;margin:0}.col-offset-6:first-child{margin-left:52% !important}.col-offset-6:not(first-child){margin-left:56% !important}.col-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-7:first-child{margin-left:0}.col-no-margin-7{float:left;box-sizing:border-box;width:58.33333%;margin:0}.col-offset-7:first-child{margin-left:60.66667% !important}.col-offset-7:not(first-child){margin-left:64.66667% !important}.col-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-8:first-child{margin-left:0}.col-no-margin-8{float:left;box-sizing:border-box;width:66.66667%;margin:0}.col-offset-8:first-child{margin-left:69.33333% !important}.col-offset-8:not(first-child){margin-left:73.33333% !important}.col-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-9:first-child{margin-left:0}.col-no-margin-9{float:left;box-sizing:border-box;width:75%;margin:0}.col-offset-9:first-child{margin-left:78% !important}.col-offset-9:not(first-child){margin-left:82% !important}.col-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-10:first-child{margin-left:0}.col-no-margin-10{float:left;box-sizing:border-box;width:83.33333%;margin:0}.col-offset-10:first-child{margin-left:86.66667% !important}.col-offset-10:not(first-child){margin-left:90.66667% !important}.col-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-11:first-child{margin-left:0}.col-no-margin-11{float:left;box-sizing:border-box;width:91.66667%;margin:0}.col-offset-11:first-child{margin-left:95.33333% !important}.col-offset-11:not(first-child){margin-left:99.33333% !important}.col-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-12:first-child{margin-left:0}.col-no-margin-12{float:left;box-sizing:border-box;width:100%;margin:0}@media (max-width: 720px){.col-s-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-s-1:first-child{margin-left:0}.col-offset-s-1{margin-left:8.66667%}.col-no-margin-s-1{float:left;box-sizing:border-box;width:8.33333%}.col-s-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-s-2:first-child{margin-left:0}.col-offset-s-2{margin-left:17.33333%}.col-no-margin-s-2{float:left;box-sizing:border-box;width:16.66667%}.col-s-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-s-3:first-child{margin-left:0}.col-offset-s-3{margin-left:26%}.col-no-margin-s-3{float:left;box-sizing:border-box;width:25%}.col-s-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-s-4:first-child{margin-left:0}.col-offset-s-4{margin-left:34.66667%}.col-no-margin-s-4{float:left;box-sizing:border-box;width:33.33333%}.col-s-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-s-5:first-child{margin-left:0}.col-offset-s-5{margin-left:43.33333%}.col-no-margin-s-5{float:left;box-sizing:border-box;width:41.66667%}.col-s-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-s-6:first-child{margin-left:0}.col-offset-s-6{margin-left:52%}.col-no-margin-s-6{float:left;box-sizing:border-box;width:50%}.col-s-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-s-7:first-child{margin-left:0}.col-offset-s-7{margin-left:60.66667%}.col-no-margin-s-7{float:left;box-sizing:border-box;width:58.33333%}.col-s-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-s-8:first-child{margin-left:0}.col-offset-s-8{margin-left:69.33333%}.col-no-margin-s-8{float:left;box-sizing:border-box;width:66.66667%}.col-s-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-s-9:first-child{margin-left:0}.col-offset-s-9{margin-left:78%}.col-no-margin-s-9{float:left;box-sizing:border-box;width:75%}.col-s-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-s-10:first-child{margin-left:0}.col-offset-s-10{margin-left:86.66667%}.col-no-margin-s-10{float:left;box-sizing:border-box;width:83.33333%}.col-s-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-s-11:first-child{margin-left:0}.col-offset-s-11{margin-left:95.33333%}.col-no-margin-s-11{float:left;box-sizing:border-box;width:91.66667%}.col-s-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-s-12:first-child{margin-left:0}.col-no-margin-s-12{float:left;box-sizing:border-box;width:100%}.s-hidden{display:none !important}.s-visible{display:block !important}}@media (max-width: 1024px) and (min-width: 720px){.col-m-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-m-1:first-child{margin-left:0}.col-offset-m-1{margin-left:8.66667%}.col-no-margin-m-1{float:left;box-sizing:border-box;width:8.33333%}.col-m-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-m-2:first-child{margin-left:0}.col-offset-m-2{margin-left:17.33333%}.col-no-margin-m-2{float:left;box-sizing:border-box;width:16.66667%}.col-m-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-m-3:first-child{margin-left:0}.col-offset-m-3{margin-left:26%}.col-no-margin-m-3{float:left;box-sizing:border-box;width:25%}.col-m-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-m-4:first-child{margin-left:0}.col-offset-m-4{margin-left:34.66667%}.col-no-margin-m-4{float:left;box-sizing:border-box;width:33.33333%}.col-m-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-m-5:first-child{margin-left:0}.col-offset-m-5{margin-left:43.33333%}.col-no-margin-m-5{float:left;box-sizing:border-box;width:41.66667%}.col-m-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-m-6:first-child{margin-left:0}.col-offset-m-6{margin-left:52%}.col-no-margin-m-6{float:left;box-sizing:border-box;width:50%}.col-m-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-m-7:first-child{margin-left:0}.col-offset-m-7{margin-left:60.66667%}.col-no-margin-m-7{float:left;box-sizing:border-box;width:58.33333%}.col-m-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-m-8:first-child{margin-left:0}.col-offset-m-8{margin-left:69.33333%}.col-no-margin-m-8{float:left;box-sizing:border-box;width:66.66667%}.col-m-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-m-9:first-child{margin-left:0}.col-offset-m-9{margin-left:78%}.col-no-margin-m-9{float:left;box-sizing:border-box;width:75%}.col-m-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-m-10:first-child{margin-left:0}.col-offset-m-10{margin-left:86.66667%}.col-no-margin-m-10{float:left;box-sizing:border-box;width:83.33333%}.col-m-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-m-11:first-child{margin-left:0}.col-offset-m-11{margin-left:95.33333%}.col-no-margin-m-11{float:left;box-sizing:border-box;width:91.66667%}.col-m-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-m-12:first-child{margin-left:0}.col-no-margin-m-12{float:left;box-sizing:border-box;width:100%}.m-hidden{display:none !important}.m-visible{display:block !important}}@media (min-width: 1024px){.col-l-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-l-1:first-child{margin-left:0}.col-offset-l-1{margin-left:8.66667%}.col-no-margin-l-1{float:left;box-sizing:border-box;width:8.33333%}.col-l-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-l-2:first-child{margin-left:0}.col-offset-l-2{margin-left:17.33333%}.col-no-margin-l-2{float:left;box-sizing:border-box;width:16.66667%}.col-l-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-l-3:first-child{margin-left:0}.col-offset-l-3{margin-left:26%}.col-no-margin-l-3{float:left;box-sizing:border-box;width:25%}.col-l-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-l-4:first-child{margin-left:0}.col-offset-l-4{margin-left:34.66667%}.col-no-margin-l-4{float:left;box-sizing:border-box;width:33.33333%}.col-l-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-l-5:first-child{margin-left:0}.col-offset-l-5{margin-left:43.33333%}.col-no-margin-l-5{float:left;box-sizing:border-box;width:41.66667%}.col-l-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-l-6:first-child{margin-left:0}.col-offset-l-6{margin-left:52%}.col-no-margin-l-6{float:left;box-sizing:border-box;width:50%}.col-l-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-l-7:first-child{margin-left:0}.col-offset-l-7{margin-left:60.66667%}.col-no-margin-l-7{float:left;box-sizing:border-box;width:58.33333%}.col-l-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-l-8:first-child{margin-left:0}.col-offset-l-8{margin-left:69.33333%}.col-no-margin-l-8{float:left;box-sizing:border-box;width:66.66667%}.col-l-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-l-9:first-child{margin-left:0}.col-offset-l-9{margin-left:78%}.col-no-margin-l-9{float:left;box-sizing:border-box;width:75%}.col-l-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-l-10:first-child{margin-left:0}.col-offset-l-10{margin-left:86.66667%}.col-no-margin-l-10{float:left;box-sizing:border-box;width:83.33333%}.col-l-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-l-11:first-child{margin-left:0}.col-offset-l-11{margin-left:95.33333%}.col-no-margin-l-11{float:left;box-sizing:border-box;width:91.66667%}.col-l-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-l-12:first-child{margin-left:0}.col-no-margin-l-12{float:left;box-sizing:border-box;width:100%}.l-hidden{display:none !important}.l-visible{display:block !important}}@media (min-width: 720px) and (orientation:portrait){body{font-size:25px}}.vertical-center,#notifications .notification .body,#notifications .notification .image .row{display:flex;align-items:center}.horizontal-center,#notifications .notification .image .row{display:flex;justify-content:center;margin-left:auto;margin-right:auto}.hidden{display:none !important}.selected{background:#c8ffd0}.pull-right{text-align:right !important}.clickable{cursor:pointer}a:focus{outline:none}::-moz-focus-outer,::-moz-focus-inner{border:0}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}button[disabled],.button[disabled]{color:#bbb;background:#f0f0f0;border:1px solid}.btn-primary{background-color:#d8ffe0 !important;border:1px solid #c2f0cf !important}@font-face{font-family:'Audiowide';font-style:normal;font-weight:400;src:local("Audiowide"),local("Audiowide-Regular"),url(http://themes.googleusercontent.com/static/fonts/audiowide/v2/8XtYtNKEyyZh481XVWfVOj8E0i7KZn-EPnyo3HZu7kw.woff) format("woff")}.switch{display:inline-block;text-align:center;user-select:none;padding:.5rem 0}.switch input[type=checkbox]{display:none !important}.switch label,.switch label:before,.switch label:after,.switch input[type=checkbox],.switch input[type=checkbox]:before,.switch input[type=checkbox]:after,.switch .feature,.switch .feature:before,.switch .feature:after{transition:all 250ms ease-in}.switch label:before,.switch label:after,.switch input[type=checkbox]:before,.switch input[type=checkbox]:after,.switch .feature:before,.switch .feature:after{content:'';display:block}.switch label{position:relative;width:50px;height:50px;background-color:#f9f8f6;border-radius:50%;box-shadow:0 5px 10px 0 #333,0 15px 20px 0 #ccc;display:block;margin:.5rem auto 0 auto;font-size:1.4em;transition:all 350ms ease-in}.switch label:before{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:22.72727px;height:22.72727px;border-radius:50%;background-color:#38ffa0;box-shadow:inset 0 0 0 5px #ccc,inset 0 0 0 14px #f9f8f6}.switch label:after{position:absolute;left:50%;top:35%;transform:translate(-50%, -50%);width:4px;height:12px;background-color:#ccc;box-shadow:0 0 0 2.5px #f9f8f6}.switch label:before,.switch label:after{transition-duration:150ms}.switch label:hover{cursor:pointer}.switch label:hover:before{box-shadow:inset 0 0 0 5px #b3b3b3,inset 0 0 0 14px #f9f8f6}.switch label:hover:after{background-color:#b3b3b3}.switch input[type=checkbox]:checked + label{box-shadow:0 2px 5px 0 gray,0 15px 20px 0 transparent}.switch input[type=checkbox]:checked + label:before{box-shadow:inset 0 0 0 5px #38ffa0,inset 0 0 0 14px #f9f8f6}.switch input[type=checkbox]:checked + label:after{background-color:#38ffa0}.switch.glow label{background-color:#fff;box-shadow:0 5px 10px 0 #aaa,0 0 0 3px #bbb,0 0 8px 2px transparent,0 0 0 6px #eee}.switch.glow label:before{box-shadow:inset 0 0 0 5px #aaa,inset 0 0 0 14px #fff}.switch.glow label:after{background-color:#aaa}.switch.glow label label:hover:before{box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 14px #fff}.switch.glow label label:hover:after{background-color:#fff}.switch.glow input[type=checkbox]:checked + label{box-shadow:0 0 8px 0 #00ad72,0 0 0 3px #00e094,0 0 30px 0 #00e094,0 0 0 6px #fff}.switch.glow input[type=checkbox]:checked + label:before{box-shadow:inset 0 0 0 5px #00e094,inset 0 0 0 14px #fff}.switch.glow input[type=checkbox]:checked + label:after{background-color:#00e094}@supports (--css: variables){.input-range-container{position:relative}input[type="range"].multirange{padding:0;margin:0;display:inline-block;vertical-align:top;opacity:1 !important}input[type="range"].multirange.original{position:absolute}input[type="range"].multirange.original::-webkit-slider-thumb{position:relative;z-index:2}input[type="range"].multirange.original::-moz-range-thumb{transform:scale(1);z-index:1}input[type="range"].multirange::-moz-range-track{border-color:transparent}input[type="range"].multirange.ghost{position:relative;background:var(--track-background);--track-background:linear-gradient(to right, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 45% / 100% 40%;--range-color:rgba(0,215,80,0.2)}input[type="range"].multirange.ghost::-webkit-slider-runnable-track,input[type="range"].multirange.ghost::-moz-range-track{background:var(--track-background);height:15px}input[type="range"].multirange[disabled]::-webkit-slider-thumb,input[type="range"].multirange[disabled]::-moz-range-thumb{display:none}input[type="range"].multirange::-webkit-progress-value,input[type="range"].multirange::-moz-range-progress{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;background:none}}.slider{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;-webkit-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;-ms-transition:opacity .2s;transition:opacity .2s;width:100%;height:15px;border-radius:5px;background:#e4e4e4;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;border:0;background:#00d750;cursor:pointer}.slider::-moz-range-thumb{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;border:0;background:#00d750;cursor:pointer}.slider[disabled]::-webkit-slider-thumb{display:none;width:0}.slider[disabled]::-moz-range-thumb{display:none;width:0}.slider.disabled{opacity:.3}.slider::-moz-range-track{-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none}.slider::-moz-range-progress{background:rgba(0,215,80,0.2);height:15px}.slider[disabled]::-webkit-progress-value{background:none}.slider[disabled]::-moz-range-progress{background:none}.input-icon{position:absolute;min-width:3rem;padding:1rem;color:#888}input[type=text],input[type=password]{border-radius:5rem}input[type=text]:hover,input[type=password]:hover{border:1px solid rgba(159,180,152,0.83)}input[type=text]:focus,input[type=password]:focus{border:1px solid rgba(127,216,95,0.83)}input[type=text].with-icon,input[type=password].with-icon{padding-left:3rem}.dropdown{position:absolute;background:#f1f3f2;border-radius:.75rem;border:1px solid #ccc;box-shadow:1px 1px 1px #bbb;min-width:15rem}.dropdown .item{margin:0 !important;padding:1rem;cursor:pointer}.dropdown .item.disabled{color:#999;cursor:initial}.dropdown .item .icon{margin:0 .75rem}.autocomplete{position:relative;display:inline-block}.autocomplete-items{position:absolute;border:1px solid #ddd;border-bottom:none;border-top:none;z-index:99;top:100%;left:0;right:0}.autocomplete-items div{padding:1em;cursor:pointer;border-bottom:1px solid #ddd;background-color:#fff}.autocomplete-items div:hover{background-color:#def6ea}.autocomplete-active{background-color:#c8ffd0 !important}.fade-in{--duration:.5s;animation-name:fadeIn;animation-timing-function:ease-in;animation-duration:var(--duration);animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.roll-in{--duration:.5s;animation-name:rollIn;animation-timing-function:ease-in;animation-duration:var(--duration);animation-fill-mode:both}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}.active-glow{-webkit-animation:active-glow 5s infinite;-ms-animation:active-glow 5s infinite;-o-animation:active-glow 5s infinite;-ms-animation:active-glow 5s infinite;animation:active-glow 5s infinite}@keyframes active-glow{0%{background:#d4ffe3}50%{background:#9cdfb0}100%{background:#d4ffe3}}.modal-container{position:fixed;display:flex;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;z-index:var(--z-index);background:rgba(10,10,10,0.9)}.modal-container .modal{--width:auto;--height:auto;width:var(--width);height:var(--height)}.modal-container .modal .header{border-radius:1rem 1rem 0 0}.modal-container .modal .body:first-child{border-radius:1rem}.modal-container .modal .body:not(first-child){border-radius:0 0 1rem 1rem}.modal-container .modal .header{border-bottom:1px solid #ccc;padding:.5rem;text-align:center;background:#f0f0f0;text-transform:uppercase;letter-spacing:.1rem;line-height:3.8rem}.modal-container .modal .body{max-height:75vh;overflow:auto;padding:2.5rem 2rem 1.5rem 2rem;background:#fff}#notifications{position:fixed;bottom:0;right:0;width:25em;z-index:1000}#notifications .notification{background:rgba(185,255,193,0.9);border:1px solid rgba(109,205,134,0.62);border-radius:.5rem;margin-bottom:1rem;margin-right:1rem;cursor:pointer}#notifications .notification:hover{background:rgba(160,245,178,0.95)}#notifications .notification:hover.warning{background:rgba(218,245,68,0.95)}#notifications .notification:hover.error{background:rgba(245,90,90,0.95)}#notifications .notification.warning{background:rgba(228,255,78,0.9);border:1px solid rgba(205,205,109,0.62)}#notifications .notification.warning .image{--color:#662}#notifications .notification.error{background:rgba(255,100,100,0.9);border:1px solid rgba(205,109,109,0.62)}#notifications .notification.error .image{--color:darkred}#notifications .notification .title{padding:.4rem;line-height:3rem;letter-spacing:.1rem;font-weight:bold}#notifications .notification .body{height:6em;overflow:hidden;padding-bottom:1rem;letter-spacing:.05rem}#notifications .notification .image{height:100%;text-align:center;--color:#000}#notifications .notification .image .row{width:100%;height:100%}#notifications .notification .image .row .fa{font-size:2.5rem;color:var(--color)}#notifications .notification .image .row img{width:80%;height:80%}:root{--nav-height:4.5rem}nav{width:100%;position:relative;height:var(--nav-height);background:#e8e8e8;margin-bottom:.2rem;border-bottom:1px solid #e1e4e8;box-shadow:0 2.5px 4px 0 #bbb;flex:0 1 auto;z-index:2}nav ul{position:relative;width:75%;display:inline-flex;margin:0;padding:0;list-style-type:none;align-items:center}nav ul li{padding:1rem 1.5rem;display:inline-block;margin:0;text-transform:uppercase;letter-spacing:.1rem;border-radius:2rem}nav ul li:hover{background:#def6ea;letter-spacing:.4rem}nav ul li a{text-decoration:none;display:block;color:#5f7869}nav ul li a:hover{color:#5f7869}nav ul:hover .decorator{display:none}nav ul:hover li.selected{border-radius:2rem}nav .date-time{position:absolute;width:25%;display:inline-block;right:0;margin-right:.7rem;font-size:14pt;text-shadow:.2rem .2rem .2rem #ccc}nav .date-time .time{display:inline-block}nav .settings{display:inline-block;padding:.75rem 1rem}nav .settings:hover{background:#def6ea;border-radius:3rem}body{width:100%;height:100%;margin:0;overflow-x:hidden;font-family:"Raleway","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px}#app{display:flex;flex-flow:column;height:100%}#app main{background:#fff;margin:0;flex:1 1 auto;overflow:hidden;height:-webkit-calc( 100vh - 4.8rem );height:-moz-calc( 100vh - 4.8rem );height:calc( 100vh - 4.8rem )}#app main .plugins-container{height:inherit}#app main .plugins-container .plugin-container{overflow:auto;height:inherit}#app main .plugins-container .plugin-container .plugin{overflow:auto}#app a{color:#5f7869}
diff --git a/platypush/backend/http/static/css/dist/webpanel/plugins/assistant.google.css b/platypush/backend/http/static/css/dist/webpanel/plugins/assistant.google.css
new file mode 100644
index 0000000000..462e73c860
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/webpanel/plugins/assistant.google.css
@@ -0,0 +1 @@
+#assistant-google-modal .modal{width:50vw;height:50vh}#assistant-google-modal .modal .body{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}#assistant-google-modal .modal .body .icon{font-size:3em;color:#7e8;box-shadow:2px 2px 2px #ccc;border:1px solid #ccc;border-radius:3em;padding:.7em 1em .5em 1em}#assistant-google-modal .modal .body .text{margin-top:2.5em}
diff --git a/platypush/backend/http/static/css/dist/webpanel/plugins/camera.android.ipcam.css b/platypush/backend/http/static/css/dist/webpanel/plugins/camera.android.ipcam.css
new file mode 100644
index 0000000000..5037c711c4
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/webpanel/plugins/camera.android.ipcam.css
@@ -0,0 +1 @@
+.camera{min-height:90%;margin-top:4%;overflow:auto;display:flex;flex-direction:column;align-items:center}.camera .camera-container{min-width:640px;min-height:480px;position:relative;background:#000;margin-bottom:1em}.camera .camera-container .frame,.camera .camera-container .no-frame{position:absolute;top:0;width:100%;height:100%}.camera .camera-container .frame{z-index:1}.camera .camera-container .no-frame{display:flex;background:rgba(0,0,0,0.1);color:#fff;align-items:center;justify-content:center;z-index:2}
diff --git a/platypush/backend/http/static/css/dist/webpanel/plugins/camera.css b/platypush/backend/http/static/css/dist/webpanel/plugins/camera.css
new file mode 100644
index 0000000000..5037c711c4
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/webpanel/plugins/camera.css
@@ -0,0 +1 @@
+.camera{min-height:90%;margin-top:4%;overflow:auto;display:flex;flex-direction:column;align-items:center}.camera .camera-container{min-width:640px;min-height:480px;position:relative;background:#000;margin-bottom:1em}.camera .camera-container .frame,.camera .camera-container .no-frame{position:absolute;top:0;width:100%;height:100%}.camera .camera-container .frame{z-index:1}.camera .camera-container .no-frame{display:flex;background:rgba(0,0,0,0.1);color:#fff;align-items:center;justify-content:center;z-index:2}
diff --git a/platypush/backend/http/static/css/dist/webpanel/plugins/camera.ir.mlx90640.css b/platypush/backend/http/static/css/dist/webpanel/plugins/camera.ir.mlx90640.css
new file mode 100644
index 0000000000..5037c711c4
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/webpanel/plugins/camera.ir.mlx90640.css
@@ -0,0 +1 @@
+.camera{min-height:90%;margin-top:4%;overflow:auto;display:flex;flex-direction:column;align-items:center}.camera .camera-container{min-width:640px;min-height:480px;position:relative;background:#000;margin-bottom:1em}.camera .camera-container .frame,.camera .camera-container .no-frame{position:absolute;top:0;width:100%;height:100%}.camera .camera-container .frame{z-index:1}.camera .camera-container .no-frame{display:flex;background:rgba(0,0,0,0.1);color:#fff;align-items:center;justify-content:center;z-index:2}
diff --git a/platypush/backend/http/static/css/dist/webpanel/plugins/camera.pi.css b/platypush/backend/http/static/css/dist/webpanel/plugins/camera.pi.css
new file mode 100644
index 0000000000..5037c711c4
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/webpanel/plugins/camera.pi.css
@@ -0,0 +1 @@
+.camera{min-height:90%;margin-top:4%;overflow:auto;display:flex;flex-direction:column;align-items:center}.camera .camera-container{min-width:640px;min-height:480px;position:relative;background:#000;margin-bottom:1em}.camera .camera-container .frame,.camera .camera-container .no-frame{position:absolute;top:0;width:100%;height:100%}.camera .camera-container .frame{z-index:1}.camera .camera-container .no-frame{display:flex;background:rgba(0,0,0,0.1);color:#fff;align-items:center;justify-content:center;z-index:2}
diff --git a/platypush/backend/http/static/css/dist/webpanel/plugins/execute.css b/platypush/backend/http/static/css/dist/webpanel/plugins/execute.css
new file mode 100644
index 0000000000..b1573d3ca8
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/webpanel/plugins/execute.css
@@ -0,0 +1 @@
+.col-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-1:first-child{margin-left:0}.col-no-margin-1{float:left;box-sizing:border-box;width:8.33333%;margin:0}.col-offset-1:first-child{margin-left:8.66667% !important}.col-offset-1:not(first-child){margin-left:12.66667% !important}.col-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-2:first-child{margin-left:0}.col-no-margin-2{float:left;box-sizing:border-box;width:16.66667%;margin:0}.col-offset-2:first-child{margin-left:17.33333% !important}.col-offset-2:not(first-child){margin-left:21.33333% !important}.col-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-3:first-child{margin-left:0}.col-no-margin-3{float:left;box-sizing:border-box;width:25%;margin:0}.col-offset-3:first-child{margin-left:26% !important}.col-offset-3:not(first-child){margin-left:30% !important}.col-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-4:first-child{margin-left:0}.col-no-margin-4{float:left;box-sizing:border-box;width:33.33333%;margin:0}.col-offset-4:first-child{margin-left:34.66667% !important}.col-offset-4:not(first-child){margin-left:38.66667% !important}.col-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-5:first-child{margin-left:0}.col-no-margin-5{float:left;box-sizing:border-box;width:41.66667%;margin:0}.col-offset-5:first-child{margin-left:43.33333% !important}.col-offset-5:not(first-child){margin-left:47.33333% !important}.col-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-6:first-child{margin-left:0}.col-no-margin-6{float:left;box-sizing:border-box;width:50%;margin:0}.col-offset-6:first-child{margin-left:52% !important}.col-offset-6:not(first-child){margin-left:56% !important}.col-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-7:first-child{margin-left:0}.col-no-margin-7{float:left;box-sizing:border-box;width:58.33333%;margin:0}.col-offset-7:first-child{margin-left:60.66667% !important}.col-offset-7:not(first-child){margin-left:64.66667% !important}.col-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-8:first-child{margin-left:0}.col-no-margin-8{float:left;box-sizing:border-box;width:66.66667%;margin:0}.col-offset-8:first-child{margin-left:69.33333% !important}.col-offset-8:not(first-child){margin-left:73.33333% !important}.col-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-9:first-child{margin-left:0}.col-no-margin-9{float:left;box-sizing:border-box;width:75%;margin:0}.col-offset-9:first-child{margin-left:78% !important}.col-offset-9:not(first-child){margin-left:82% !important}.col-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-10:first-child{margin-left:0}.col-no-margin-10{float:left;box-sizing:border-box;width:83.33333%;margin:0}.col-offset-10:first-child{margin-left:86.66667% !important}.col-offset-10:not(first-child){margin-left:90.66667% !important}.col-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-11:first-child{margin-left:0}.col-no-margin-11{float:left;box-sizing:border-box;width:91.66667%;margin:0}.col-offset-11:first-child{margin-left:95.33333% !important}.col-offset-11:not(first-child){margin-left:99.33333% !important}.col-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-12:first-child{margin-left:0}.col-no-margin-12{float:left;box-sizing:border-box;width:100%;margin:0}@media (max-width: 720px){.col-s-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-s-1:first-child{margin-left:0}.col-offset-s-1{margin-left:8.66667%}.col-no-margin-s-1{float:left;box-sizing:border-box;width:8.33333%}.col-s-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-s-2:first-child{margin-left:0}.col-offset-s-2{margin-left:17.33333%}.col-no-margin-s-2{float:left;box-sizing:border-box;width:16.66667%}.col-s-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-s-3:first-child{margin-left:0}.col-offset-s-3{margin-left:26%}.col-no-margin-s-3{float:left;box-sizing:border-box;width:25%}.col-s-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-s-4:first-child{margin-left:0}.col-offset-s-4{margin-left:34.66667%}.col-no-margin-s-4{float:left;box-sizing:border-box;width:33.33333%}.col-s-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-s-5:first-child{margin-left:0}.col-offset-s-5{margin-left:43.33333%}.col-no-margin-s-5{float:left;box-sizing:border-box;width:41.66667%}.col-s-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-s-6:first-child{margin-left:0}.col-offset-s-6{margin-left:52%}.col-no-margin-s-6{float:left;box-sizing:border-box;width:50%}.col-s-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-s-7:first-child{margin-left:0}.col-offset-s-7{margin-left:60.66667%}.col-no-margin-s-7{float:left;box-sizing:border-box;width:58.33333%}.col-s-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-s-8:first-child{margin-left:0}.col-offset-s-8{margin-left:69.33333%}.col-no-margin-s-8{float:left;box-sizing:border-box;width:66.66667%}.col-s-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-s-9:first-child{margin-left:0}.col-offset-s-9{margin-left:78%}.col-no-margin-s-9{float:left;box-sizing:border-box;width:75%}.col-s-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-s-10:first-child{margin-left:0}.col-offset-s-10{margin-left:86.66667%}.col-no-margin-s-10{float:left;box-sizing:border-box;width:83.33333%}.col-s-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-s-11:first-child{margin-left:0}.col-offset-s-11{margin-left:95.33333%}.col-no-margin-s-11{float:left;box-sizing:border-box;width:91.66667%}.col-s-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-s-12:first-child{margin-left:0}.col-no-margin-s-12{float:left;box-sizing:border-box;width:100%}.s-hidden{display:none !important}.s-visible{display:block !important}}@media (max-width: 1024px) and (min-width: 720px){.col-m-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-m-1:first-child{margin-left:0}.col-offset-m-1{margin-left:8.66667%}.col-no-margin-m-1{float:left;box-sizing:border-box;width:8.33333%}.col-m-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-m-2:first-child{margin-left:0}.col-offset-m-2{margin-left:17.33333%}.col-no-margin-m-2{float:left;box-sizing:border-box;width:16.66667%}.col-m-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-m-3:first-child{margin-left:0}.col-offset-m-3{margin-left:26%}.col-no-margin-m-3{float:left;box-sizing:border-box;width:25%}.col-m-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-m-4:first-child{margin-left:0}.col-offset-m-4{margin-left:34.66667%}.col-no-margin-m-4{float:left;box-sizing:border-box;width:33.33333%}.col-m-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-m-5:first-child{margin-left:0}.col-offset-m-5{margin-left:43.33333%}.col-no-margin-m-5{float:left;box-sizing:border-box;width:41.66667%}.col-m-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-m-6:first-child{margin-left:0}.col-offset-m-6{margin-left:52%}.col-no-margin-m-6{float:left;box-sizing:border-box;width:50%}.col-m-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-m-7:first-child{margin-left:0}.col-offset-m-7{margin-left:60.66667%}.col-no-margin-m-7{float:left;box-sizing:border-box;width:58.33333%}.col-m-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-m-8:first-child{margin-left:0}.col-offset-m-8{margin-left:69.33333%}.col-no-margin-m-8{float:left;box-sizing:border-box;width:66.66667%}.col-m-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-m-9:first-child{margin-left:0}.col-offset-m-9{margin-left:78%}.col-no-margin-m-9{float:left;box-sizing:border-box;width:75%}.col-m-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-m-10:first-child{margin-left:0}.col-offset-m-10{margin-left:86.66667%}.col-no-margin-m-10{float:left;box-sizing:border-box;width:83.33333%}.col-m-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-m-11:first-child{margin-left:0}.col-offset-m-11{margin-left:95.33333%}.col-no-margin-m-11{float:left;box-sizing:border-box;width:91.66667%}.col-m-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-m-12:first-child{margin-left:0}.col-no-margin-m-12{float:left;box-sizing:border-box;width:100%}.m-hidden{display:none !important}.m-visible{display:block !important}}@media (min-width: 1024px){.col-l-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-l-1:first-child{margin-left:0}.col-offset-l-1{margin-left:8.66667%}.col-no-margin-l-1{float:left;box-sizing:border-box;width:8.33333%}.col-l-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-l-2:first-child{margin-left:0}.col-offset-l-2{margin-left:17.33333%}.col-no-margin-l-2{float:left;box-sizing:border-box;width:16.66667%}.col-l-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-l-3:first-child{margin-left:0}.col-offset-l-3{margin-left:26%}.col-no-margin-l-3{float:left;box-sizing:border-box;width:25%}.col-l-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-l-4:first-child{margin-left:0}.col-offset-l-4{margin-left:34.66667%}.col-no-margin-l-4{float:left;box-sizing:border-box;width:33.33333%}.col-l-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-l-5:first-child{margin-left:0}.col-offset-l-5{margin-left:43.33333%}.col-no-margin-l-5{float:left;box-sizing:border-box;width:41.66667%}.col-l-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-l-6:first-child{margin-left:0}.col-offset-l-6{margin-left:52%}.col-no-margin-l-6{float:left;box-sizing:border-box;width:50%}.col-l-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-l-7:first-child{margin-left:0}.col-offset-l-7{margin-left:60.66667%}.col-no-margin-l-7{float:left;box-sizing:border-box;width:58.33333%}.col-l-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-l-8:first-child{margin-left:0}.col-offset-l-8{margin-left:69.33333%}.col-no-margin-l-8{float:left;box-sizing:border-box;width:66.66667%}.col-l-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-l-9:first-child{margin-left:0}.col-offset-l-9{margin-left:78%}.col-no-margin-l-9{float:left;box-sizing:border-box;width:75%}.col-l-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-l-10:first-child{margin-left:0}.col-offset-l-10{margin-left:86.66667%}.col-no-margin-l-10{float:left;box-sizing:border-box;width:83.33333%}.col-l-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-l-11:first-child{margin-left:0}.col-offset-l-11{margin-left:95.33333%}.col-no-margin-l-11{float:left;box-sizing:border-box;width:91.66667%}.col-l-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-l-12:first-child{margin-left:0}.col-no-margin-l-12{float:left;box-sizing:border-box;width:100%}.l-hidden{display:none !important}.l-visible{display:block !important}}@media (min-width: 720px) and (orientation:portrait){body{font-size:25px}}.vertical-center{display:flex;align-items:center}.horizontal-center{display:flex;justify-content:center;margin-left:auto;margin-right:auto}.execute-container{height:99%;color:#333;font-weight:400;border-bottom:1px solid #ddd;border-radius:0 0 1em 1em}.execute-container .title{background:#eee;padding:.2em;border:1px solid #ddd;box-shadow:0 3px 3px 0 rgba(187,187,187,0.75);font-size:1.1em}.execute-container .request-type-container{display:flex;flex-direction:row;align-items:baseline;margin:1em 0 0 1em}.execute-container .request-type-container label{margin:0 1em 0 .5em}.execute-container .request{margin:0 .5em}.execute-container .request form{margin-bottom:0 !important}.execute-container .request .autocomplete{width:80%;max-width:60em}.execute-container .request .action-name{box-shadow:1px 1px 1px 1px #ddd;width:100%}.execute-container .request [type=submit]{margin-left:2em}.execute-container .request .options{display:flex;margin-top:.5em;margin-bottom:1.5em;padding-top:.5em}.execute-container .request .params{margin-right:1.5em;max-height:50vh;overflow:auto}.execute-container .request .params .param{margin-bottom:.25em}.execute-container .request .params .action-param-value{width:100%}.execute-container .request .add-param{width:100%}.execute-container .request .add-param button{width:100%;background:#eee;border:1px solid #ddd}.execute-container .request .extra-param{display:flex;margin-bottom:.5em}.execute-container .request .extra-param .action-extra-param-del{border:0;text-align:right;padding:0 .5em}.execute-container .request .output-container{max-height:50vh;overflow:auto}.execute-container .request .output-container .response,.execute-container .request .output-container .error,.execute-container .request .output-container .doc{padding:.5em .5em 0 .5em;border-radius:1em}.execute-container .request .output-container .response{background:#edfff2;border:1px dashed #98ff98}.execute-container .request .output-container .error{background:#ffbcbc;border:1px dashed #ff5353}.execute-container .request .output-container .doc{background:#e8feff;border:1px dashed #84f9ff}.execute-container .request textarea{width:80%;max-width:60em;height:10em;border-radius:1em}.execute-container .raw-request .first-row{display:flex;flex-direction:row}.execute-container .procedures-container .procedure{border-bottom:1px solid #ddd;padding:1.5em .5em;cursor:pointer}.execute-container .procedures-container .procedure:hover{background:#def6ea}.execute-container .procedures-container .procedure.selected{background:#c8ffd0}.execute-container .procedures-container .procedure form{display:flex;margin-bottom:0 !important;flex-direction:column}.execute-container .procedures-container .procedure .head{display:flex;align-items:center}.execute-container .procedures-container .procedure .btn-container{text-align:right}.execute-container .procedures-container .procedure button{background:#ebffeb}
diff --git a/platypush/backend/http/static/css/dist/webpanel/plugins/gpio.css b/platypush/backend/http/static/css/dist/webpanel/plugins/gpio.css
new file mode 100644
index 0000000000..51db543bc4
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/webpanel/plugins/gpio.css
@@ -0,0 +1 @@
+.gpio-container{display:flex;flex-direction:column;height:100%;overflow:auto}.gpio-container .refresh{border-bottom:1px solid #ddd;background:#f8f8f8}.gpio-container .refresh button{border:0}.gpio-container .refresh button:hover{color:#35b870}.gpio-container .pins .pin{padding:1em;border-bottom:1px solid #ddd;display:flex;flex-direction:row;align-items:center}.gpio-container .pins .pin:nth-child(even){background:#f0f0f0}.gpio-container .pins .pin:hover{background:#def6ea}
diff --git a/platypush/backend/http/static/css/dist/webpanel/plugins/light.hue.css b/platypush/backend/http/static/css/dist/webpanel/plugins/light.hue.css
new file mode 100644
index 0000000000..a7a1d9fdc8
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/webpanel/plugins/light.hue.css
@@ -0,0 +1 @@
+.col-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-1:first-child{margin-left:0}.col-no-margin-1{float:left;box-sizing:border-box;width:8.33333%;margin:0}.col-offset-1:first-child{margin-left:8.66667% !important}.col-offset-1:not(first-child){margin-left:12.66667% !important}.col-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-2:first-child{margin-left:0}.col-no-margin-2{float:left;box-sizing:border-box;width:16.66667%;margin:0}.col-offset-2:first-child{margin-left:17.33333% !important}.col-offset-2:not(first-child){margin-left:21.33333% !important}.col-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-3:first-child{margin-left:0}.col-no-margin-3{float:left;box-sizing:border-box;width:25%;margin:0}.col-offset-3:first-child{margin-left:26% !important}.col-offset-3:not(first-child){margin-left:30% !important}.col-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-4:first-child{margin-left:0}.col-no-margin-4{float:left;box-sizing:border-box;width:33.33333%;margin:0}.col-offset-4:first-child{margin-left:34.66667% !important}.col-offset-4:not(first-child){margin-left:38.66667% !important}.col-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-5:first-child{margin-left:0}.col-no-margin-5{float:left;box-sizing:border-box;width:41.66667%;margin:0}.col-offset-5:first-child{margin-left:43.33333% !important}.col-offset-5:not(first-child){margin-left:47.33333% !important}.col-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-6:first-child{margin-left:0}.col-no-margin-6{float:left;box-sizing:border-box;width:50%;margin:0}.col-offset-6:first-child{margin-left:52% !important}.col-offset-6:not(first-child){margin-left:56% !important}.col-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-7:first-child{margin-left:0}.col-no-margin-7{float:left;box-sizing:border-box;width:58.33333%;margin:0}.col-offset-7:first-child{margin-left:60.66667% !important}.col-offset-7:not(first-child){margin-left:64.66667% !important}.col-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-8:first-child{margin-left:0}.col-no-margin-8{float:left;box-sizing:border-box;width:66.66667%;margin:0}.col-offset-8:first-child{margin-left:69.33333% !important}.col-offset-8:not(first-child){margin-left:73.33333% !important}.col-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-9:first-child{margin-left:0}.col-no-margin-9{float:left;box-sizing:border-box;width:75%;margin:0}.col-offset-9:first-child{margin-left:78% !important}.col-offset-9:not(first-child){margin-left:82% !important}.col-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-10:first-child{margin-left:0}.col-no-margin-10{float:left;box-sizing:border-box;width:83.33333%;margin:0}.col-offset-10:first-child{margin-left:86.66667% !important}.col-offset-10:not(first-child){margin-left:90.66667% !important}.col-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-11:first-child{margin-left:0}.col-no-margin-11{float:left;box-sizing:border-box;width:91.66667%;margin:0}.col-offset-11:first-child{margin-left:95.33333% !important}.col-offset-11:not(first-child){margin-left:99.33333% !important}.col-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-12:first-child{margin-left:0}.col-no-margin-12{float:left;box-sizing:border-box;width:100%;margin:0}@media (max-width: 720px){.col-s-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-s-1:first-child{margin-left:0}.col-offset-s-1{margin-left:8.66667%}.col-no-margin-s-1{float:left;box-sizing:border-box;width:8.33333%}.col-s-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-s-2:first-child{margin-left:0}.col-offset-s-2{margin-left:17.33333%}.col-no-margin-s-2{float:left;box-sizing:border-box;width:16.66667%}.col-s-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-s-3:first-child{margin-left:0}.col-offset-s-3{margin-left:26%}.col-no-margin-s-3{float:left;box-sizing:border-box;width:25%}.col-s-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-s-4:first-child{margin-left:0}.col-offset-s-4{margin-left:34.66667%}.col-no-margin-s-4{float:left;box-sizing:border-box;width:33.33333%}.col-s-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-s-5:first-child{margin-left:0}.col-offset-s-5{margin-left:43.33333%}.col-no-margin-s-5{float:left;box-sizing:border-box;width:41.66667%}.col-s-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-s-6:first-child{margin-left:0}.col-offset-s-6{margin-left:52%}.col-no-margin-s-6{float:left;box-sizing:border-box;width:50%}.col-s-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-s-7:first-child{margin-left:0}.col-offset-s-7{margin-left:60.66667%}.col-no-margin-s-7{float:left;box-sizing:border-box;width:58.33333%}.col-s-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-s-8:first-child{margin-left:0}.col-offset-s-8{margin-left:69.33333%}.col-no-margin-s-8{float:left;box-sizing:border-box;width:66.66667%}.col-s-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-s-9:first-child{margin-left:0}.col-offset-s-9{margin-left:78%}.col-no-margin-s-9{float:left;box-sizing:border-box;width:75%}.col-s-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-s-10:first-child{margin-left:0}.col-offset-s-10{margin-left:86.66667%}.col-no-margin-s-10{float:left;box-sizing:border-box;width:83.33333%}.col-s-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-s-11:first-child{margin-left:0}.col-offset-s-11{margin-left:95.33333%}.col-no-margin-s-11{float:left;box-sizing:border-box;width:91.66667%}.col-s-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-s-12:first-child{margin-left:0}.col-no-margin-s-12{float:left;box-sizing:border-box;width:100%}.s-hidden{display:none !important}.s-visible{display:block !important}}@media (max-width: 1024px) and (min-width: 720px){.col-m-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-m-1:first-child{margin-left:0}.col-offset-m-1{margin-left:8.66667%}.col-no-margin-m-1{float:left;box-sizing:border-box;width:8.33333%}.col-m-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-m-2:first-child{margin-left:0}.col-offset-m-2{margin-left:17.33333%}.col-no-margin-m-2{float:left;box-sizing:border-box;width:16.66667%}.col-m-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-m-3:first-child{margin-left:0}.col-offset-m-3{margin-left:26%}.col-no-margin-m-3{float:left;box-sizing:border-box;width:25%}.col-m-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-m-4:first-child{margin-left:0}.col-offset-m-4{margin-left:34.66667%}.col-no-margin-m-4{float:left;box-sizing:border-box;width:33.33333%}.col-m-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-m-5:first-child{margin-left:0}.col-offset-m-5{margin-left:43.33333%}.col-no-margin-m-5{float:left;box-sizing:border-box;width:41.66667%}.col-m-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-m-6:first-child{margin-left:0}.col-offset-m-6{margin-left:52%}.col-no-margin-m-6{float:left;box-sizing:border-box;width:50%}.col-m-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-m-7:first-child{margin-left:0}.col-offset-m-7{margin-left:60.66667%}.col-no-margin-m-7{float:left;box-sizing:border-box;width:58.33333%}.col-m-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-m-8:first-child{margin-left:0}.col-offset-m-8{margin-left:69.33333%}.col-no-margin-m-8{float:left;box-sizing:border-box;width:66.66667%}.col-m-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-m-9:first-child{margin-left:0}.col-offset-m-9{margin-left:78%}.col-no-margin-m-9{float:left;box-sizing:border-box;width:75%}.col-m-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-m-10:first-child{margin-left:0}.col-offset-m-10{margin-left:86.66667%}.col-no-margin-m-10{float:left;box-sizing:border-box;width:83.33333%}.col-m-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-m-11:first-child{margin-left:0}.col-offset-m-11{margin-left:95.33333%}.col-no-margin-m-11{float:left;box-sizing:border-box;width:91.66667%}.col-m-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-m-12:first-child{margin-left:0}.col-no-margin-m-12{float:left;box-sizing:border-box;width:100%}.m-hidden{display:none !important}.m-visible{display:block !important}}@media (min-width: 1024px){.col-l-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-l-1:first-child{margin-left:0}.col-offset-l-1{margin-left:8.66667%}.col-no-margin-l-1{float:left;box-sizing:border-box;width:8.33333%}.col-l-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-l-2:first-child{margin-left:0}.col-offset-l-2{margin-left:17.33333%}.col-no-margin-l-2{float:left;box-sizing:border-box;width:16.66667%}.col-l-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-l-3:first-child{margin-left:0}.col-offset-l-3{margin-left:26%}.col-no-margin-l-3{float:left;box-sizing:border-box;width:25%}.col-l-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-l-4:first-child{margin-left:0}.col-offset-l-4{margin-left:34.66667%}.col-no-margin-l-4{float:left;box-sizing:border-box;width:33.33333%}.col-l-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-l-5:first-child{margin-left:0}.col-offset-l-5{margin-left:43.33333%}.col-no-margin-l-5{float:left;box-sizing:border-box;width:41.66667%}.col-l-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-l-6:first-child{margin-left:0}.col-offset-l-6{margin-left:52%}.col-no-margin-l-6{float:left;box-sizing:border-box;width:50%}.col-l-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-l-7:first-child{margin-left:0}.col-offset-l-7{margin-left:60.66667%}.col-no-margin-l-7{float:left;box-sizing:border-box;width:58.33333%}.col-l-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-l-8:first-child{margin-left:0}.col-offset-l-8{margin-left:69.33333%}.col-no-margin-l-8{float:left;box-sizing:border-box;width:66.66667%}.col-l-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-l-9:first-child{margin-left:0}.col-offset-l-9{margin-left:78%}.col-no-margin-l-9{float:left;box-sizing:border-box;width:75%}.col-l-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-l-10:first-child{margin-left:0}.col-offset-l-10{margin-left:86.66667%}.col-no-margin-l-10{float:left;box-sizing:border-box;width:83.33333%}.col-l-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-l-11:first-child{margin-left:0}.col-offset-l-11{margin-left:95.33333%}.col-no-margin-l-11{float:left;box-sizing:border-box;width:91.66667%}.col-l-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-l-12:first-child{margin-left:0}.col-no-margin-l-12{float:left;box-sizing:border-box;width:100%}.l-hidden{display:none !important}.l-visible{display:block !important}}@media (min-width: 720px) and (orientation:portrait){body{font-size:25px}}.vertical-center,.light-hue-container .groups .group * > .properties .slider-container,.light-hue-container .groups .scene * > .properties .slider-container,.light-hue-container .groups .unit * > .properties .slider-container,.light-hue-container .groups .animations * > .properties .slider-container,.light-hue-container .groups .group-controller * > .properties .slider-container,.light-hue-container .scenes .group * > .properties .slider-container,.light-hue-container .scenes .scene * > .properties .slider-container,.light-hue-container .scenes .unit * > .properties .slider-container,.light-hue-container .scenes .animations * > .properties .slider-container,.light-hue-container .scenes .group-controller * > .properties .slider-container,.light-hue-container .units .group * > .properties .slider-container,.light-hue-container .units .scene * > .properties .slider-container,.light-hue-container .units .unit * > .properties .slider-container,.light-hue-container .units .animations * > .properties .slider-container,.light-hue-container .units .group-controller * > .properties .slider-container{display:flex;align-items:center}.horizontal-center{display:flex;justify-content:center;margin-left:auto;margin-right:auto}.light-hue-container{display:flex;color:#333;font-weight:400;line-height:3.8rem;letter-spacing:.1rem;border-bottom:1px solid #ddd;border-radius:0 0 1em 1em}.light-hue-container .groups .group * > .properties,.light-hue-container .groups .scene * > .properties,.light-hue-container .groups .unit * > .properties,.light-hue-container .groups .animations * > .properties,.light-hue-container .groups .group-controller * > .properties,.light-hue-container .scenes .group * > .properties,.light-hue-container .scenes .scene * > .properties,.light-hue-container .scenes .unit * > .properties,.light-hue-container .scenes .animations * > .properties,.light-hue-container .scenes .group-controller * > .properties,.light-hue-container .units .group * > .properties,.light-hue-container .units .scene * > .properties,.light-hue-container .units .unit * > .properties,.light-hue-container .units .animations * > .properties,.light-hue-container .units .group-controller * > .properties,.light-hue-container .groups .animations .row .animation-container,.light-hue-container .scenes .animations .row .animation-container,.light-hue-container .units .animations .row .animation-container{margin:1.5rem auto;padding:1.5rem;font-weight:100;border:1px solid #ddd;border-radius:1.5rem;background:rgba(239,239,240,0.5);box-shadow:0 0 4px 2px rgba(187,187,187,0.75)}.light-hue-container .groups:not(:last-child),.light-hue-container .scenes:not(:last-child),.light-hue-container .units:not(:last-child){border-right:1px solid #ddd}.light-hue-container .groups .title,.light-hue-container .scenes .title,.light-hue-container .units .title{padding:.75rem;background:#f4f5f6;border-bottom:1px solid #ddd}.light-hue-container .groups .title:last-child,.light-hue-container .scenes .title:last-child,.light-hue-container .units .title:last-child{border-radius:0 1rem 0 0}.light-hue-container .groups .group,.light-hue-container .groups .scene,.light-hue-container .groups .unit,.light-hue-container .groups .animations,.light-hue-container .groups .group-controller,.light-hue-container .scenes .group,.light-hue-container .scenes .scene,.light-hue-container .scenes .unit,.light-hue-container .scenes .animations,.light-hue-container .scenes .group-controller,.light-hue-container .units .group,.light-hue-container .units .scene,.light-hue-container .units .unit,.light-hue-container .units .animations,.light-hue-container .units .group-controller{padding:1rem;cursor:pointer}.light-hue-container .groups .group:hover,.light-hue-container .groups .scene:hover,.light-hue-container .groups .unit:hover,.light-hue-container .groups .animations:hover,.light-hue-container .groups .group-controller:hover,.light-hue-container .scenes .group:hover,.light-hue-container .scenes .scene:hover,.light-hue-container .scenes .unit:hover,.light-hue-container .scenes .animations:hover,.light-hue-container .scenes .group-controller:hover,.light-hue-container .units .group:hover,.light-hue-container .units .scene:hover,.light-hue-container .units .unit:hover,.light-hue-container .units .animations:hover,.light-hue-container .units .group-controller:hover{background:#def6ea}.light-hue-container .groups .group:not(:last-child),.light-hue-container .groups .scene:not(:last-child),.light-hue-container .groups .unit:not(:last-child),.light-hue-container .groups .animations:not(:last-child),.light-hue-container .groups .group-controller:not(:last-child),.light-hue-container .scenes .group:not(:last-child),.light-hue-container .scenes .scene:not(:last-child),.light-hue-container .scenes .unit:not(:last-child),.light-hue-container .scenes .animations:not(:last-child),.light-hue-container .scenes .group-controller:not(:last-child),.light-hue-container .units .group:not(:last-child),.light-hue-container .units .scene:not(:last-child),.light-hue-container .units .unit:not(:last-child),.light-hue-container .units .animations:not(:last-child),.light-hue-container .units .group-controller:not(:last-child){border-bottom:1px solid #ddd}.light-hue-container .groups .group:not(.hidden) .row,.light-hue-container .groups .scene:not(.hidden) .row,.light-hue-container .groups .unit:not(.hidden) .row,.light-hue-container .groups .animations:not(.hidden) .row,.light-hue-container .groups .group-controller:not(.hidden) .row,.light-hue-container .scenes .group:not(.hidden) .row,.light-hue-container .scenes .scene:not(.hidden) .row,.light-hue-container .scenes .unit:not(.hidden) .row,.light-hue-container .scenes .animations:not(.hidden) .row,.light-hue-container .scenes .group-controller:not(.hidden) .row,.light-hue-container .units .group:not(.hidden) .row,.light-hue-container .units .scene:not(.hidden) .row,.light-hue-container .units .unit:not(.hidden) .row,.light-hue-container .units .animations:not(.hidden) .row,.light-hue-container .units .group-controller:not(.hidden) .row{width:100%}.light-hue-container .groups .group * > .properties .slider-container,.light-hue-container .groups .scene * > .properties .slider-container,.light-hue-container .groups .unit * > .properties .slider-container,.light-hue-container .groups .animations * > .properties .slider-container,.light-hue-container .groups .group-controller * > .properties .slider-container,.light-hue-container .scenes .group * > .properties .slider-container,.light-hue-container .scenes .scene * > .properties .slider-container,.light-hue-container .scenes .unit * > .properties .slider-container,.light-hue-container .scenes .animations * > .properties .slider-container,.light-hue-container .scenes .group-controller * > .properties .slider-container,.light-hue-container .units .group * > .properties .slider-container,.light-hue-container .units .scene * > .properties .slider-container,.light-hue-container .units .unit * > .properties .slider-container,.light-hue-container .units .animations * > .properties .slider-container,.light-hue-container .units .group-controller * > .properties .slider-container{margin:1rem auto}.light-hue-container .groups .group * > .properties * > .fa,.light-hue-container .groups .scene * > .properties * > .fa,.light-hue-container .groups .unit * > .properties * > .fa,.light-hue-container .groups .animations * > .properties * > .fa,.light-hue-container .groups .group-controller * > .properties * > .fa,.light-hue-container .scenes .group * > .properties * > .fa,.light-hue-container .scenes .scene * > .properties * > .fa,.light-hue-container .scenes .unit * > .properties * > .fa,.light-hue-container .scenes .animations * > .properties * > .fa,.light-hue-container .scenes .group-controller * > .properties * > .fa,.light-hue-container .units .group * > .properties * > .fa,.light-hue-container .units .scene * > .properties * > .fa,.light-hue-container .units .unit * > .properties * > .fa,.light-hue-container .units .animations * > .properties * > .fa,.light-hue-container .units .group-controller * > .properties * > .fa{font-size:2.5rem;color:#555}.light-hue-container .groups .group * > .properties * > .color-logo,.light-hue-container .groups .scene * > .properties * > .color-logo,.light-hue-container .groups .unit * > .properties * > .color-logo,.light-hue-container .groups .animations * > .properties * > .color-logo,.light-hue-container .groups .group-controller * > .properties * > .color-logo,.light-hue-container .scenes .group * > .properties * > .color-logo,.light-hue-container .scenes .scene * > .properties * > .color-logo,.light-hue-container .scenes .unit * > .properties * > .color-logo,.light-hue-container .scenes .animations * > .properties * > .color-logo,.light-hue-container .scenes .group-controller * > .properties * > .color-logo,.light-hue-container .units .group * > .properties * > .color-logo,.light-hue-container .units .scene * > .properties * > .color-logo,.light-hue-container .units .unit * > .properties * > .color-logo,.light-hue-container .units .animations * > .properties * > .color-logo,.light-hue-container .units .group-controller * > .properties * > .color-logo{width:2rem;height:2rem;border-radius:1rem}.light-hue-container .groups .group * > .properties * > .color-logo-red,.light-hue-container .groups .scene * > .properties * > .color-logo-red,.light-hue-container .groups .unit * > .properties * > .color-logo-red,.light-hue-container .groups .animations * > .properties * > .color-logo-red,.light-hue-container .groups .group-controller * > .properties * > .color-logo-red,.light-hue-container .scenes .group * > .properties * > .color-logo-red,.light-hue-container .scenes .scene * > .properties * > .color-logo-red,.light-hue-container .scenes .unit * > .properties * > .color-logo-red,.light-hue-container .scenes .animations * > .properties * > .color-logo-red,.light-hue-container .scenes .group-controller * > .properties * > .color-logo-red,.light-hue-container .units .group * > .properties * > .color-logo-red,.light-hue-container .units .scene * > .properties * > .color-logo-red,.light-hue-container .units .unit * > .properties * > .color-logo-red,.light-hue-container .units .animations * > .properties * > .color-logo-red,.light-hue-container .units .group-controller * > .properties * > .color-logo-red{background-color:red}.light-hue-container .groups .group * > .properties * > .color-logo-green,.light-hue-container .groups .scene * > .properties * > .color-logo-green,.light-hue-container .groups .unit * > .properties * > .color-logo-green,.light-hue-container .groups .animations * > .properties * > .color-logo-green,.light-hue-container .groups .group-controller * > .properties * > .color-logo-green,.light-hue-container .scenes .group * > .properties * > .color-logo-green,.light-hue-container .scenes .scene * > .properties * > .color-logo-green,.light-hue-container .scenes .unit * > .properties * > .color-logo-green,.light-hue-container .scenes .animations * > .properties * > .color-logo-green,.light-hue-container .scenes .group-controller * > .properties * > .color-logo-green,.light-hue-container .units .group * > .properties * > .color-logo-green,.light-hue-container .units .scene * > .properties * > .color-logo-green,.light-hue-container .units .unit * > .properties * > .color-logo-green,.light-hue-container .units .animations * > .properties * > .color-logo-green,.light-hue-container .units .group-controller * > .properties * > .color-logo-green{background-color:green}.light-hue-container .groups .group * > .properties * > .color-logo-blue,.light-hue-container .groups .scene * > .properties * > .color-logo-blue,.light-hue-container .groups .unit * > .properties * > .color-logo-blue,.light-hue-container .groups .animations * > .properties * > .color-logo-blue,.light-hue-container .groups .group-controller * > .properties * > .color-logo-blue,.light-hue-container .scenes .group * > .properties * > .color-logo-blue,.light-hue-container .scenes .scene * > .properties * > .color-logo-blue,.light-hue-container .scenes .unit * > .properties * > .color-logo-blue,.light-hue-container .scenes .animations * > .properties * > .color-logo-blue,.light-hue-container .scenes .group-controller * > .properties * > .color-logo-blue,.light-hue-container .units .group * > .properties * > .color-logo-blue,.light-hue-container .units .scene * > .properties * > .color-logo-blue,.light-hue-container .units .unit * > .properties * > .color-logo-blue,.light-hue-container .units .animations * > .properties * > .color-logo-blue,.light-hue-container .units .group-controller * > .properties * > .color-logo-blue{background-color:blue}.light-hue-container .groups .group:hover * > .properties,.light-hue-container .groups .scene:hover * > .properties,.light-hue-container .groups .unit:hover * > .properties,.light-hue-container .groups .animations:hover * > .properties,.light-hue-container .groups .group-controller:hover * > .properties,.light-hue-container .scenes .group:hover * > .properties,.light-hue-container .scenes .scene:hover * > .properties,.light-hue-container .scenes .unit:hover * > .properties,.light-hue-container .scenes .animations:hover * > .properties,.light-hue-container .scenes .group-controller:hover * > .properties,.light-hue-container .units .group:hover * > .properties,.light-hue-container .units .scene:hover * > .properties,.light-hue-container .units .unit:hover * > .properties,.light-hue-container .units .animations:hover * > .properties,.light-hue-container .units .group-controller:hover * > .properties{background:#fff}.light-hue-container .groups .group,.light-hue-container .scenes .group,.light-hue-container .units .group{text-transform:uppercase}.light-hue-container .groups .group-controller,.light-hue-container .scenes .group-controller,.light-hue-container .units .group-controller{font-weight:600}.light-hue-container .groups .animations .row .caption,.light-hue-container .scenes .animations .row .caption,.light-hue-container .units .animations .row .caption{font-style:italic}.light-hue-container .groups .animations .row .animation-container,.light-hue-container .scenes .animations .row .animation-container,.light-hue-container .units .animations .row .animation-container{cursor:auto}.light-hue-container .groups .animations .row .animation-container .animation .row,.light-hue-container .scenes .animations .row .animation-container .animation .row,.light-hue-container .units .animations .row .animation-container .animation .row{padding:1rem .3333rem}.light-hue-container .groups .animations .row .animation-container .animation .row:hover,.light-hue-container .scenes .animations .row .animation-container .animation .row:hover,.light-hue-container .units .animations .row .animation-container .animation .row:hover{background:#def6ea;border-radius:1.5rem}.light-hue-container .groups .animations .row .animation-container .animation .row:hover * > input[type=range],.light-hue-container .scenes .animations .row .animation-container .animation .row:hover * > input[type=range],.light-hue-container .units .animations .row .animation-container .animation .row:hover * > input[type=range]{background:#d2d2d2}.light-hue-container .groups .animations .row select[name=animation-type],.light-hue-container .scenes .animations .row select[name=animation-type],.light-hue-container .units .animations .row select[name=animation-type]{width:100%}.light-hue-container .groups .animations * > .input-range-container,.light-hue-container .scenes .animations * > .input-range-container,.light-hue-container .units .animations * > .input-range-container{margin-top:1rem;margin-bottom:-1rem}.light-hue-container .groups .animations * > input[type="text"],.light-hue-container .scenes .animations * > input[type="text"],.light-hue-container .units .animations * > input[type="text"]{width:100%}.light-hue-container .groups .animations:hover .row .animation-container,.light-hue-container .scenes .animations:hover .row .animation-container,.light-hue-container .units .animations:hover .row .animation-container{background:#fff}.light-hue-container .groups .title{border-radius:1rem 0 0 0}.light-hue-container .units .title{border-radius:0 1rem 0 0}
diff --git a/platypush/backend/http/static/css/dist/webpanel/plugins/media.css b/platypush/backend/http/static/css/dist/webpanel/plugins/media.css
new file mode 100644
index 0000000000..4647e8a852
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/webpanel/plugins/media.css
@@ -0,0 +1 @@
+.col-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-1:first-child{margin-left:0}.col-no-margin-1{float:left;box-sizing:border-box;width:8.33333%;margin:0}.col-offset-1:first-child{margin-left:8.66667% !important}.col-offset-1:not(first-child){margin-left:12.66667% !important}.col-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-2:first-child{margin-left:0}.col-no-margin-2{float:left;box-sizing:border-box;width:16.66667%;margin:0}.col-offset-2:first-child{margin-left:17.33333% !important}.col-offset-2:not(first-child){margin-left:21.33333% !important}.col-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-3:first-child{margin-left:0}.col-no-margin-3{float:left;box-sizing:border-box;width:25%;margin:0}.col-offset-3:first-child{margin-left:26% !important}.col-offset-3:not(first-child){margin-left:30% !important}.col-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-4:first-child{margin-left:0}.col-no-margin-4{float:left;box-sizing:border-box;width:33.33333%;margin:0}.col-offset-4:first-child{margin-left:34.66667% !important}.col-offset-4:not(first-child){margin-left:38.66667% !important}.col-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-5:first-child{margin-left:0}.col-no-margin-5{float:left;box-sizing:border-box;width:41.66667%;margin:0}.col-offset-5:first-child{margin-left:43.33333% !important}.col-offset-5:not(first-child){margin-left:47.33333% !important}.col-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-6:first-child{margin-left:0}.col-no-margin-6{float:left;box-sizing:border-box;width:50%;margin:0}.col-offset-6:first-child{margin-left:52% !important}.col-offset-6:not(first-child){margin-left:56% !important}.col-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-7:first-child{margin-left:0}.col-no-margin-7{float:left;box-sizing:border-box;width:58.33333%;margin:0}.col-offset-7:first-child{margin-left:60.66667% !important}.col-offset-7:not(first-child){margin-left:64.66667% !important}.col-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-8:first-child{margin-left:0}.col-no-margin-8{float:left;box-sizing:border-box;width:66.66667%;margin:0}.col-offset-8:first-child{margin-left:69.33333% !important}.col-offset-8:not(first-child){margin-left:73.33333% !important}.col-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-9:first-child{margin-left:0}.col-no-margin-9{float:left;box-sizing:border-box;width:75%;margin:0}.col-offset-9:first-child{margin-left:78% !important}.col-offset-9:not(first-child){margin-left:82% !important}.col-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-10:first-child{margin-left:0}.col-no-margin-10{float:left;box-sizing:border-box;width:83.33333%;margin:0}.col-offset-10:first-child{margin-left:86.66667% !important}.col-offset-10:not(first-child){margin-left:90.66667% !important}.col-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-11:first-child{margin-left:0}.col-no-margin-11{float:left;box-sizing:border-box;width:91.66667%;margin:0}.col-offset-11:first-child{margin-left:95.33333% !important}.col-offset-11:not(first-child){margin-left:99.33333% !important}.col-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-12:first-child{margin-left:0}.col-no-margin-12{float:left;box-sizing:border-box;width:100%;margin:0}@media (max-width: 720px){.col-s-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-s-1:first-child{margin-left:0}.col-offset-s-1{margin-left:8.66667%}.col-no-margin-s-1{float:left;box-sizing:border-box;width:8.33333%}.col-s-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-s-2:first-child{margin-left:0}.col-offset-s-2{margin-left:17.33333%}.col-no-margin-s-2{float:left;box-sizing:border-box;width:16.66667%}.col-s-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-s-3:first-child{margin-left:0}.col-offset-s-3{margin-left:26%}.col-no-margin-s-3{float:left;box-sizing:border-box;width:25%}.col-s-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-s-4:first-child{margin-left:0}.col-offset-s-4{margin-left:34.66667%}.col-no-margin-s-4{float:left;box-sizing:border-box;width:33.33333%}.col-s-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-s-5:first-child{margin-left:0}.col-offset-s-5{margin-left:43.33333%}.col-no-margin-s-5{float:left;box-sizing:border-box;width:41.66667%}.col-s-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-s-6:first-child{margin-left:0}.col-offset-s-6{margin-left:52%}.col-no-margin-s-6{float:left;box-sizing:border-box;width:50%}.col-s-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-s-7:first-child{margin-left:0}.col-offset-s-7{margin-left:60.66667%}.col-no-margin-s-7{float:left;box-sizing:border-box;width:58.33333%}.col-s-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-s-8:first-child{margin-left:0}.col-offset-s-8{margin-left:69.33333%}.col-no-margin-s-8{float:left;box-sizing:border-box;width:66.66667%}.col-s-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-s-9:first-child{margin-left:0}.col-offset-s-9{margin-left:78%}.col-no-margin-s-9{float:left;box-sizing:border-box;width:75%}.col-s-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-s-10:first-child{margin-left:0}.col-offset-s-10{margin-left:86.66667%}.col-no-margin-s-10{float:left;box-sizing:border-box;width:83.33333%}.col-s-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-s-11:first-child{margin-left:0}.col-offset-s-11{margin-left:95.33333%}.col-no-margin-s-11{float:left;box-sizing:border-box;width:91.66667%}.col-s-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-s-12:first-child{margin-left:0}.col-no-margin-s-12{float:left;box-sizing:border-box;width:100%}.s-hidden{display:none !important}.s-visible{display:block !important}}@media (max-width: 1024px) and (min-width: 720px){.col-m-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-m-1:first-child{margin-left:0}.col-offset-m-1{margin-left:8.66667%}.col-no-margin-m-1{float:left;box-sizing:border-box;width:8.33333%}.col-m-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-m-2:first-child{margin-left:0}.col-offset-m-2{margin-left:17.33333%}.col-no-margin-m-2{float:left;box-sizing:border-box;width:16.66667%}.col-m-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-m-3:first-child{margin-left:0}.col-offset-m-3{margin-left:26%}.col-no-margin-m-3{float:left;box-sizing:border-box;width:25%}.col-m-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-m-4:first-child{margin-left:0}.col-offset-m-4{margin-left:34.66667%}.col-no-margin-m-4{float:left;box-sizing:border-box;width:33.33333%}.col-m-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-m-5:first-child{margin-left:0}.col-offset-m-5{margin-left:43.33333%}.col-no-margin-m-5{float:left;box-sizing:border-box;width:41.66667%}.col-m-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-m-6:first-child{margin-left:0}.col-offset-m-6{margin-left:52%}.col-no-margin-m-6{float:left;box-sizing:border-box;width:50%}.col-m-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-m-7:first-child{margin-left:0}.col-offset-m-7{margin-left:60.66667%}.col-no-margin-m-7{float:left;box-sizing:border-box;width:58.33333%}.col-m-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-m-8:first-child{margin-left:0}.col-offset-m-8{margin-left:69.33333%}.col-no-margin-m-8{float:left;box-sizing:border-box;width:66.66667%}.col-m-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-m-9:first-child{margin-left:0}.col-offset-m-9{margin-left:78%}.col-no-margin-m-9{float:left;box-sizing:border-box;width:75%}.col-m-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-m-10:first-child{margin-left:0}.col-offset-m-10{margin-left:86.66667%}.col-no-margin-m-10{float:left;box-sizing:border-box;width:83.33333%}.col-m-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-m-11:first-child{margin-left:0}.col-offset-m-11{margin-left:95.33333%}.col-no-margin-m-11{float:left;box-sizing:border-box;width:91.66667%}.col-m-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-m-12:first-child{margin-left:0}.col-no-margin-m-12{float:left;box-sizing:border-box;width:100%}.m-hidden{display:none !important}.m-visible{display:block !important}}@media (min-width: 1024px){.col-l-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-l-1:first-child{margin-left:0}.col-offset-l-1{margin-left:8.66667%}.col-no-margin-l-1{float:left;box-sizing:border-box;width:8.33333%}.col-l-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-l-2:first-child{margin-left:0}.col-offset-l-2{margin-left:17.33333%}.col-no-margin-l-2{float:left;box-sizing:border-box;width:16.66667%}.col-l-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-l-3:first-child{margin-left:0}.col-offset-l-3{margin-left:26%}.col-no-margin-l-3{float:left;box-sizing:border-box;width:25%}.col-l-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-l-4:first-child{margin-left:0}.col-offset-l-4{margin-left:34.66667%}.col-no-margin-l-4{float:left;box-sizing:border-box;width:33.33333%}.col-l-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-l-5:first-child{margin-left:0}.col-offset-l-5{margin-left:43.33333%}.col-no-margin-l-5{float:left;box-sizing:border-box;width:41.66667%}.col-l-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-l-6:first-child{margin-left:0}.col-offset-l-6{margin-left:52%}.col-no-margin-l-6{float:left;box-sizing:border-box;width:50%}.col-l-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-l-7:first-child{margin-left:0}.col-offset-l-7{margin-left:60.66667%}.col-no-margin-l-7{float:left;box-sizing:border-box;width:58.33333%}.col-l-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-l-8:first-child{margin-left:0}.col-offset-l-8{margin-left:69.33333%}.col-no-margin-l-8{float:left;box-sizing:border-box;width:66.66667%}.col-l-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-l-9:first-child{margin-left:0}.col-offset-l-9{margin-left:78%}.col-no-margin-l-9{float:left;box-sizing:border-box;width:75%}.col-l-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-l-10:first-child{margin-left:0}.col-offset-l-10{margin-left:86.66667%}.col-no-margin-l-10{float:left;box-sizing:border-box;width:83.33333%}.col-l-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-l-11:first-child{margin-left:0}.col-offset-l-11{margin-left:95.33333%}.col-no-margin-l-11{float:left;box-sizing:border-box;width:91.66667%}.col-l-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-l-12:first-child{margin-left:0}.col-no-margin-l-12{float:left;box-sizing:border-box;width:100%}.l-hidden{display:none !important}.l-visible{display:block !important}}@media (min-width: 720px) and (orientation:portrait){body{font-size:25px}}.vertical-center,.media-plugin .controls,.media-plugin .controls .item-container,.media-plugin .controls .playback-controls .row{display:flex;align-items:center}.horizontal-center{display:flex;justify-content:center;margin-left:auto;margin-right:auto}.fade-in{--duration:.5s;animation-name:fadeIn;animation-timing-function:ease-in;animation-duration:var(--duration);animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.roll-in{--duration:.5s;animation-name:rollIn;animation-timing-function:ease-in;animation-duration:var(--duration);animation-fill-mode:both}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}.active-glow,.media-plugin .results .active{-webkit-animation:active-glow 5s infinite;-ms-animation:active-glow 5s infinite;-o-animation:active-glow 5s infinite;-ms-animation:active-glow 5s infinite;animation:active-glow 5s infinite}@keyframes active-glow{0%{background:#d4ffe3}50%{background:#9cdfb0}100%{background:#d4ffe3}}.media-plugin .search{display:flex;align-items:center;width:100%;background:#f1f3f2;border-bottom:1px solid #ccc}.media-plugin .search input[type=text]{width:80%;max-width:600px}.media-plugin .search [type=submit]{color:#35b870;font-size:1.2em}.media-plugin .search [type=submit]:hover{border:1px solid #ddd;border-radius:5rem}.media-plugin .search .types .type{display:inline-block;padding:1rem 1rem 0 1rem}.media-plugin .search .types label{display:inline-block;font-weight:normal;margin:0}.media-plugin .search button{padding:0 2rem;border:0}.media-plugin .search button:hover{color:#35b870}.media-plugin .search form{width:100%;margin:0;padding:1rem 0}.media-plugin .devices{display:inline-block}.media-plugin .devices button{padding:.5rem;margin-right:.5rem}.media-plugin .devices button.selected{background:initial;color:#35b870}.media-plugin .devices button.selected:hover{color:#38cf80}.media-plugin .devices .dropdown{white-space:nowrap}.media-plugin .devices .dropdown .item{display:flex;align-items:center}.media-plugin .devices .dropdown .item .text{text-align:left;margin-left:2rem}.media-plugin .devices .dropdown .item:first-child{border-bottom:1px solid #ccc;color:#666;font-size:.8em}.media-plugin .devices .dropdown .item:hover{background:#def6ea}.media-plugin .results{position:relative;overflow:auto;height:-webkit-calc( 100% );height:-moz-calc( 100% );height:calc( 100% )}.media-plugin .results.resize{height:-webkit-calc( 100% - 16rem );height:-moz-calc( 100% - 16rem );height:calc( 100% - 16rem )}.media-plugin .results .active{height:4rem}.media-plugin .results .empty{height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5em;letter-spacing:.1rem;color:#506050}.media-plugin .results .media-item{display:flex;align-items:center;cursor:pointer;border-radius:1rem;padding:.5rem}.media-plugin .results .media-item:nth-child(odd){background:rgba(255,255,255,0)}.media-plugin .results .media-item:nth-child(even){background:#f1f3f2}.media-plugin .results .media-item:hover{background:#def6ea}.media-plugin .results .media-item.selected{background:#c8ffd0}.media-plugin .controls{width:100%;border-top:1px solid #ddd;box-shadow:0 -2.5px 4px 0 silver;flex:0 0 10rem}.media-plugin .controls .item-container{padding-left:1rem;line-height:2.6rem}.media-plugin .controls .item-container .item-info{font-size:1.15em;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.media-plugin .controls .item-container .item-info:hover{color:#35b870}.media-plugin .controls button:hover .fa{color:#59df3e}.media-plugin .controls .playback-controls .row{justify-content:center}.media-plugin .controls .playback-controls .position{margin-top:.75em}.media-plugin .controls .playback-controls button{padding:0 1.5rem}.media-plugin .controls .playback-controls button .fa-play,.media-plugin .controls .playback-controls button .fa-pause{color:#59df3e;font-size:30px;margin-top:.3rem}.media-plugin .controls .playback-controls button .fa-play:hover,.media-plugin .controls .playback-controls button .fa-pause:hover{color:#64ef4a}.media-plugin .controls .pull-right button:not(last-child){padding:0 .7rem}.media-plugin .controls .pull-right button:last-child{padding:0}.media-plugin .controls .pull-right .volume-container button{padding:0 .3rem 0 0;background:none}.media-plugin .controls .seek-slider{width:75%}.media-plugin .controls .volume-slider{width:75%;margin-right:1rem}.media-plugin .controls .elapsed-time,.media-plugin .controls .total-time{font-size:.7em;color:.7em}.media-plugin .controls .elapsed-time{margin-right:1.5rem}.media-plugin .controls .total-time{margin-left:1.5rem}.media-plugin #media-info .modal{max-width:90%}.media-plugin .info-container .row{display:flex;align-items:center;padding:.75em .5em;border-bottom:1px solid #ddd}.media-plugin .info-container .row:nth-child(odd){background:rgba(255,255,255,0)}.media-plugin .info-container .row:nth-child(even){background:#f1f3f2}.media-plugin .info-container .row:hover{background:#def6ea;border-radius:1em}.media-plugin .info-container .row .attr{font-size:1.1em}.media-plugin .info-container .row .value{text-align:right}.media-plugin #media-subs .body{padding:0}.media-plugin .subs-container .loading,.media-plugin .subs-container .no-results{display:flex;align-items:center;padding:3rem;font-size:1.5em}.media-plugin .subs-container .subs .list{max-height:50vh;overflow:auto}.media-plugin .subs-container .subs .sub{display:flex;align-items:center;padding:.75em .5em;border-bottom:1px solid #ddd;cursor:pointer}.media-plugin .subs-container .subs .sub:nth-child(odd){background:rgba(255,255,255,0)}.media-plugin .subs-container .subs .sub:nth-child(even){background:#f1f3f2}.media-plugin .subs-container .subs .sub.selected{background:#c8ffd0}.media-plugin .subs-container .subs .sub:hover{background:#def6ea;border-radius:1em}.media-plugin .subs-container .subs .controls{position:relative;padding:1.5rem 0;height:4rem}.media-plugin .subs-container .subs .controls button{position:absolute;right:0;margin-right:1rem;border:1px solid #ddd;box-shadow:2px 2px 2px #ddd}.media-plugin .subs-container .subs .controls button:hover:not([disabled]){box-shadow:3px 3px 3px #ddd;color:#35b870}.media-plugin #media-torrents .modal{width:90%}.media-plugin #media-torrents .modal .body{padding:0;text-align:center}.media-plugin #media-torrents .modal .body .search input[type=text]{width:88%;max-width:none}.media-plugin #media-torrents .modal .body .search input[type=submit]{width:8%}.media-plugin #media-torrents .modal .body .head{font-weight:bold;padding:.5rem 0 2.5rem 0;background:#e8e8e8;border-bottom:1px solid #ccc}.media-plugin #media-torrents .modal .body .transfers-container{margin:0;width:100%}.media-plugin #media-torrents .modal .body .transfer{display:flex;padding:1.5rem;cursor:pointer}.media-plugin #media-torrents .modal .body .transfer:nth-child(odd){background:rgba(255,255,255,0)}.media-plugin #media-torrents .modal .body .transfer:nth-child(even){background:#f1f3f2}.media-plugin #media-torrents .modal .body .transfer.selected{background:#c8ffd0}.media-plugin #media-torrents .modal .body .transfer:hover{background:#def6ea;border-radius:.5rem}.media-plugin{display:flex;flex-direction:column;height:inherit;letter-spacing:.03rem}.media-plugin .dropdown{z-index:2}.media-plugin .dropdown .item{display:flex;align-items:center}.media-plugin .dropdown .item .text{margin-left:1rem}.media-plugin .dropdown .item:hover{background:#def6ea}.media-plugin input[type=text]{width:100%}.media-plugin input[type=text]:hover{border-color:#35b870}.media-plugin button{border:0}.media-plugin .icon{color:#444;margin-right:.5em}.media-plugin .top-buttons{text-align:right;float:right}
diff --git a/platypush/backend/http/static/css/dist/webpanel/plugins/media.mplayer.css b/platypush/backend/http/static/css/dist/webpanel/plugins/media.mplayer.css
new file mode 100644
index 0000000000..4647e8a852
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/webpanel/plugins/media.mplayer.css
@@ -0,0 +1 @@
+.col-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-1:first-child{margin-left:0}.col-no-margin-1{float:left;box-sizing:border-box;width:8.33333%;margin:0}.col-offset-1:first-child{margin-left:8.66667% !important}.col-offset-1:not(first-child){margin-left:12.66667% !important}.col-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-2:first-child{margin-left:0}.col-no-margin-2{float:left;box-sizing:border-box;width:16.66667%;margin:0}.col-offset-2:first-child{margin-left:17.33333% !important}.col-offset-2:not(first-child){margin-left:21.33333% !important}.col-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-3:first-child{margin-left:0}.col-no-margin-3{float:left;box-sizing:border-box;width:25%;margin:0}.col-offset-3:first-child{margin-left:26% !important}.col-offset-3:not(first-child){margin-left:30% !important}.col-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-4:first-child{margin-left:0}.col-no-margin-4{float:left;box-sizing:border-box;width:33.33333%;margin:0}.col-offset-4:first-child{margin-left:34.66667% !important}.col-offset-4:not(first-child){margin-left:38.66667% !important}.col-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-5:first-child{margin-left:0}.col-no-margin-5{float:left;box-sizing:border-box;width:41.66667%;margin:0}.col-offset-5:first-child{margin-left:43.33333% !important}.col-offset-5:not(first-child){margin-left:47.33333% !important}.col-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-6:first-child{margin-left:0}.col-no-margin-6{float:left;box-sizing:border-box;width:50%;margin:0}.col-offset-6:first-child{margin-left:52% !important}.col-offset-6:not(first-child){margin-left:56% !important}.col-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-7:first-child{margin-left:0}.col-no-margin-7{float:left;box-sizing:border-box;width:58.33333%;margin:0}.col-offset-7:first-child{margin-left:60.66667% !important}.col-offset-7:not(first-child){margin-left:64.66667% !important}.col-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-8:first-child{margin-left:0}.col-no-margin-8{float:left;box-sizing:border-box;width:66.66667%;margin:0}.col-offset-8:first-child{margin-left:69.33333% !important}.col-offset-8:not(first-child){margin-left:73.33333% !important}.col-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-9:first-child{margin-left:0}.col-no-margin-9{float:left;box-sizing:border-box;width:75%;margin:0}.col-offset-9:first-child{margin-left:78% !important}.col-offset-9:not(first-child){margin-left:82% !important}.col-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-10:first-child{margin-left:0}.col-no-margin-10{float:left;box-sizing:border-box;width:83.33333%;margin:0}.col-offset-10:first-child{margin-left:86.66667% !important}.col-offset-10:not(first-child){margin-left:90.66667% !important}.col-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-11:first-child{margin-left:0}.col-no-margin-11{float:left;box-sizing:border-box;width:91.66667%;margin:0}.col-offset-11:first-child{margin-left:95.33333% !important}.col-offset-11:not(first-child){margin-left:99.33333% !important}.col-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-12:first-child{margin-left:0}.col-no-margin-12{float:left;box-sizing:border-box;width:100%;margin:0}@media (max-width: 720px){.col-s-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-s-1:first-child{margin-left:0}.col-offset-s-1{margin-left:8.66667%}.col-no-margin-s-1{float:left;box-sizing:border-box;width:8.33333%}.col-s-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-s-2:first-child{margin-left:0}.col-offset-s-2{margin-left:17.33333%}.col-no-margin-s-2{float:left;box-sizing:border-box;width:16.66667%}.col-s-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-s-3:first-child{margin-left:0}.col-offset-s-3{margin-left:26%}.col-no-margin-s-3{float:left;box-sizing:border-box;width:25%}.col-s-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-s-4:first-child{margin-left:0}.col-offset-s-4{margin-left:34.66667%}.col-no-margin-s-4{float:left;box-sizing:border-box;width:33.33333%}.col-s-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-s-5:first-child{margin-left:0}.col-offset-s-5{margin-left:43.33333%}.col-no-margin-s-5{float:left;box-sizing:border-box;width:41.66667%}.col-s-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-s-6:first-child{margin-left:0}.col-offset-s-6{margin-left:52%}.col-no-margin-s-6{float:left;box-sizing:border-box;width:50%}.col-s-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-s-7:first-child{margin-left:0}.col-offset-s-7{margin-left:60.66667%}.col-no-margin-s-7{float:left;box-sizing:border-box;width:58.33333%}.col-s-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-s-8:first-child{margin-left:0}.col-offset-s-8{margin-left:69.33333%}.col-no-margin-s-8{float:left;box-sizing:border-box;width:66.66667%}.col-s-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-s-9:first-child{margin-left:0}.col-offset-s-9{margin-left:78%}.col-no-margin-s-9{float:left;box-sizing:border-box;width:75%}.col-s-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-s-10:first-child{margin-left:0}.col-offset-s-10{margin-left:86.66667%}.col-no-margin-s-10{float:left;box-sizing:border-box;width:83.33333%}.col-s-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-s-11:first-child{margin-left:0}.col-offset-s-11{margin-left:95.33333%}.col-no-margin-s-11{float:left;box-sizing:border-box;width:91.66667%}.col-s-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-s-12:first-child{margin-left:0}.col-no-margin-s-12{float:left;box-sizing:border-box;width:100%}.s-hidden{display:none !important}.s-visible{display:block !important}}@media (max-width: 1024px) and (min-width: 720px){.col-m-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-m-1:first-child{margin-left:0}.col-offset-m-1{margin-left:8.66667%}.col-no-margin-m-1{float:left;box-sizing:border-box;width:8.33333%}.col-m-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-m-2:first-child{margin-left:0}.col-offset-m-2{margin-left:17.33333%}.col-no-margin-m-2{float:left;box-sizing:border-box;width:16.66667%}.col-m-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-m-3:first-child{margin-left:0}.col-offset-m-3{margin-left:26%}.col-no-margin-m-3{float:left;box-sizing:border-box;width:25%}.col-m-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-m-4:first-child{margin-left:0}.col-offset-m-4{margin-left:34.66667%}.col-no-margin-m-4{float:left;box-sizing:border-box;width:33.33333%}.col-m-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-m-5:first-child{margin-left:0}.col-offset-m-5{margin-left:43.33333%}.col-no-margin-m-5{float:left;box-sizing:border-box;width:41.66667%}.col-m-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-m-6:first-child{margin-left:0}.col-offset-m-6{margin-left:52%}.col-no-margin-m-6{float:left;box-sizing:border-box;width:50%}.col-m-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-m-7:first-child{margin-left:0}.col-offset-m-7{margin-left:60.66667%}.col-no-margin-m-7{float:left;box-sizing:border-box;width:58.33333%}.col-m-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-m-8:first-child{margin-left:0}.col-offset-m-8{margin-left:69.33333%}.col-no-margin-m-8{float:left;box-sizing:border-box;width:66.66667%}.col-m-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-m-9:first-child{margin-left:0}.col-offset-m-9{margin-left:78%}.col-no-margin-m-9{float:left;box-sizing:border-box;width:75%}.col-m-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-m-10:first-child{margin-left:0}.col-offset-m-10{margin-left:86.66667%}.col-no-margin-m-10{float:left;box-sizing:border-box;width:83.33333%}.col-m-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-m-11:first-child{margin-left:0}.col-offset-m-11{margin-left:95.33333%}.col-no-margin-m-11{float:left;box-sizing:border-box;width:91.66667%}.col-m-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-m-12:first-child{margin-left:0}.col-no-margin-m-12{float:left;box-sizing:border-box;width:100%}.m-hidden{display:none !important}.m-visible{display:block !important}}@media (min-width: 1024px){.col-l-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-l-1:first-child{margin-left:0}.col-offset-l-1{margin-left:8.66667%}.col-no-margin-l-1{float:left;box-sizing:border-box;width:8.33333%}.col-l-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-l-2:first-child{margin-left:0}.col-offset-l-2{margin-left:17.33333%}.col-no-margin-l-2{float:left;box-sizing:border-box;width:16.66667%}.col-l-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-l-3:first-child{margin-left:0}.col-offset-l-3{margin-left:26%}.col-no-margin-l-3{float:left;box-sizing:border-box;width:25%}.col-l-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-l-4:first-child{margin-left:0}.col-offset-l-4{margin-left:34.66667%}.col-no-margin-l-4{float:left;box-sizing:border-box;width:33.33333%}.col-l-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-l-5:first-child{margin-left:0}.col-offset-l-5{margin-left:43.33333%}.col-no-margin-l-5{float:left;box-sizing:border-box;width:41.66667%}.col-l-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-l-6:first-child{margin-left:0}.col-offset-l-6{margin-left:52%}.col-no-margin-l-6{float:left;box-sizing:border-box;width:50%}.col-l-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-l-7:first-child{margin-left:0}.col-offset-l-7{margin-left:60.66667%}.col-no-margin-l-7{float:left;box-sizing:border-box;width:58.33333%}.col-l-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-l-8:first-child{margin-left:0}.col-offset-l-8{margin-left:69.33333%}.col-no-margin-l-8{float:left;box-sizing:border-box;width:66.66667%}.col-l-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-l-9:first-child{margin-left:0}.col-offset-l-9{margin-left:78%}.col-no-margin-l-9{float:left;box-sizing:border-box;width:75%}.col-l-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-l-10:first-child{margin-left:0}.col-offset-l-10{margin-left:86.66667%}.col-no-margin-l-10{float:left;box-sizing:border-box;width:83.33333%}.col-l-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-l-11:first-child{margin-left:0}.col-offset-l-11{margin-left:95.33333%}.col-no-margin-l-11{float:left;box-sizing:border-box;width:91.66667%}.col-l-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-l-12:first-child{margin-left:0}.col-no-margin-l-12{float:left;box-sizing:border-box;width:100%}.l-hidden{display:none !important}.l-visible{display:block !important}}@media (min-width: 720px) and (orientation:portrait){body{font-size:25px}}.vertical-center,.media-plugin .controls,.media-plugin .controls .item-container,.media-plugin .controls .playback-controls .row{display:flex;align-items:center}.horizontal-center{display:flex;justify-content:center;margin-left:auto;margin-right:auto}.fade-in{--duration:.5s;animation-name:fadeIn;animation-timing-function:ease-in;animation-duration:var(--duration);animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.roll-in{--duration:.5s;animation-name:rollIn;animation-timing-function:ease-in;animation-duration:var(--duration);animation-fill-mode:both}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}.active-glow,.media-plugin .results .active{-webkit-animation:active-glow 5s infinite;-ms-animation:active-glow 5s infinite;-o-animation:active-glow 5s infinite;-ms-animation:active-glow 5s infinite;animation:active-glow 5s infinite}@keyframes active-glow{0%{background:#d4ffe3}50%{background:#9cdfb0}100%{background:#d4ffe3}}.media-plugin .search{display:flex;align-items:center;width:100%;background:#f1f3f2;border-bottom:1px solid #ccc}.media-plugin .search input[type=text]{width:80%;max-width:600px}.media-plugin .search [type=submit]{color:#35b870;font-size:1.2em}.media-plugin .search [type=submit]:hover{border:1px solid #ddd;border-radius:5rem}.media-plugin .search .types .type{display:inline-block;padding:1rem 1rem 0 1rem}.media-plugin .search .types label{display:inline-block;font-weight:normal;margin:0}.media-plugin .search button{padding:0 2rem;border:0}.media-plugin .search button:hover{color:#35b870}.media-plugin .search form{width:100%;margin:0;padding:1rem 0}.media-plugin .devices{display:inline-block}.media-plugin .devices button{padding:.5rem;margin-right:.5rem}.media-plugin .devices button.selected{background:initial;color:#35b870}.media-plugin .devices button.selected:hover{color:#38cf80}.media-plugin .devices .dropdown{white-space:nowrap}.media-plugin .devices .dropdown .item{display:flex;align-items:center}.media-plugin .devices .dropdown .item .text{text-align:left;margin-left:2rem}.media-plugin .devices .dropdown .item:first-child{border-bottom:1px solid #ccc;color:#666;font-size:.8em}.media-plugin .devices .dropdown .item:hover{background:#def6ea}.media-plugin .results{position:relative;overflow:auto;height:-webkit-calc( 100% );height:-moz-calc( 100% );height:calc( 100% )}.media-plugin .results.resize{height:-webkit-calc( 100% - 16rem );height:-moz-calc( 100% - 16rem );height:calc( 100% - 16rem )}.media-plugin .results .active{height:4rem}.media-plugin .results .empty{height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5em;letter-spacing:.1rem;color:#506050}.media-plugin .results .media-item{display:flex;align-items:center;cursor:pointer;border-radius:1rem;padding:.5rem}.media-plugin .results .media-item:nth-child(odd){background:rgba(255,255,255,0)}.media-plugin .results .media-item:nth-child(even){background:#f1f3f2}.media-plugin .results .media-item:hover{background:#def6ea}.media-plugin .results .media-item.selected{background:#c8ffd0}.media-plugin .controls{width:100%;border-top:1px solid #ddd;box-shadow:0 -2.5px 4px 0 silver;flex:0 0 10rem}.media-plugin .controls .item-container{padding-left:1rem;line-height:2.6rem}.media-plugin .controls .item-container .item-info{font-size:1.15em;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.media-plugin .controls .item-container .item-info:hover{color:#35b870}.media-plugin .controls button:hover .fa{color:#59df3e}.media-plugin .controls .playback-controls .row{justify-content:center}.media-plugin .controls .playback-controls .position{margin-top:.75em}.media-plugin .controls .playback-controls button{padding:0 1.5rem}.media-plugin .controls .playback-controls button .fa-play,.media-plugin .controls .playback-controls button .fa-pause{color:#59df3e;font-size:30px;margin-top:.3rem}.media-plugin .controls .playback-controls button .fa-play:hover,.media-plugin .controls .playback-controls button .fa-pause:hover{color:#64ef4a}.media-plugin .controls .pull-right button:not(last-child){padding:0 .7rem}.media-plugin .controls .pull-right button:last-child{padding:0}.media-plugin .controls .pull-right .volume-container button{padding:0 .3rem 0 0;background:none}.media-plugin .controls .seek-slider{width:75%}.media-plugin .controls .volume-slider{width:75%;margin-right:1rem}.media-plugin .controls .elapsed-time,.media-plugin .controls .total-time{font-size:.7em;color:.7em}.media-plugin .controls .elapsed-time{margin-right:1.5rem}.media-plugin .controls .total-time{margin-left:1.5rem}.media-plugin #media-info .modal{max-width:90%}.media-plugin .info-container .row{display:flex;align-items:center;padding:.75em .5em;border-bottom:1px solid #ddd}.media-plugin .info-container .row:nth-child(odd){background:rgba(255,255,255,0)}.media-plugin .info-container .row:nth-child(even){background:#f1f3f2}.media-plugin .info-container .row:hover{background:#def6ea;border-radius:1em}.media-plugin .info-container .row .attr{font-size:1.1em}.media-plugin .info-container .row .value{text-align:right}.media-plugin #media-subs .body{padding:0}.media-plugin .subs-container .loading,.media-plugin .subs-container .no-results{display:flex;align-items:center;padding:3rem;font-size:1.5em}.media-plugin .subs-container .subs .list{max-height:50vh;overflow:auto}.media-plugin .subs-container .subs .sub{display:flex;align-items:center;padding:.75em .5em;border-bottom:1px solid #ddd;cursor:pointer}.media-plugin .subs-container .subs .sub:nth-child(odd){background:rgba(255,255,255,0)}.media-plugin .subs-container .subs .sub:nth-child(even){background:#f1f3f2}.media-plugin .subs-container .subs .sub.selected{background:#c8ffd0}.media-plugin .subs-container .subs .sub:hover{background:#def6ea;border-radius:1em}.media-plugin .subs-container .subs .controls{position:relative;padding:1.5rem 0;height:4rem}.media-plugin .subs-container .subs .controls button{position:absolute;right:0;margin-right:1rem;border:1px solid #ddd;box-shadow:2px 2px 2px #ddd}.media-plugin .subs-container .subs .controls button:hover:not([disabled]){box-shadow:3px 3px 3px #ddd;color:#35b870}.media-plugin #media-torrents .modal{width:90%}.media-plugin #media-torrents .modal .body{padding:0;text-align:center}.media-plugin #media-torrents .modal .body .search input[type=text]{width:88%;max-width:none}.media-plugin #media-torrents .modal .body .search input[type=submit]{width:8%}.media-plugin #media-torrents .modal .body .head{font-weight:bold;padding:.5rem 0 2.5rem 0;background:#e8e8e8;border-bottom:1px solid #ccc}.media-plugin #media-torrents .modal .body .transfers-container{margin:0;width:100%}.media-plugin #media-torrents .modal .body .transfer{display:flex;padding:1.5rem;cursor:pointer}.media-plugin #media-torrents .modal .body .transfer:nth-child(odd){background:rgba(255,255,255,0)}.media-plugin #media-torrents .modal .body .transfer:nth-child(even){background:#f1f3f2}.media-plugin #media-torrents .modal .body .transfer.selected{background:#c8ffd0}.media-plugin #media-torrents .modal .body .transfer:hover{background:#def6ea;border-radius:.5rem}.media-plugin{display:flex;flex-direction:column;height:inherit;letter-spacing:.03rem}.media-plugin .dropdown{z-index:2}.media-plugin .dropdown .item{display:flex;align-items:center}.media-plugin .dropdown .item .text{margin-left:1rem}.media-plugin .dropdown .item:hover{background:#def6ea}.media-plugin input[type=text]{width:100%}.media-plugin input[type=text]:hover{border-color:#35b870}.media-plugin button{border:0}.media-plugin .icon{color:#444;margin-right:.5em}.media-plugin .top-buttons{text-align:right;float:right}
diff --git a/platypush/backend/http/static/css/dist/webpanel/plugins/media.mpv.css b/platypush/backend/http/static/css/dist/webpanel/plugins/media.mpv.css
new file mode 100644
index 0000000000..4647e8a852
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/webpanel/plugins/media.mpv.css
@@ -0,0 +1 @@
+.col-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-1:first-child{margin-left:0}.col-no-margin-1{float:left;box-sizing:border-box;width:8.33333%;margin:0}.col-offset-1:first-child{margin-left:8.66667% !important}.col-offset-1:not(first-child){margin-left:12.66667% !important}.col-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-2:first-child{margin-left:0}.col-no-margin-2{float:left;box-sizing:border-box;width:16.66667%;margin:0}.col-offset-2:first-child{margin-left:17.33333% !important}.col-offset-2:not(first-child){margin-left:21.33333% !important}.col-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-3:first-child{margin-left:0}.col-no-margin-3{float:left;box-sizing:border-box;width:25%;margin:0}.col-offset-3:first-child{margin-left:26% !important}.col-offset-3:not(first-child){margin-left:30% !important}.col-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-4:first-child{margin-left:0}.col-no-margin-4{float:left;box-sizing:border-box;width:33.33333%;margin:0}.col-offset-4:first-child{margin-left:34.66667% !important}.col-offset-4:not(first-child){margin-left:38.66667% !important}.col-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-5:first-child{margin-left:0}.col-no-margin-5{float:left;box-sizing:border-box;width:41.66667%;margin:0}.col-offset-5:first-child{margin-left:43.33333% !important}.col-offset-5:not(first-child){margin-left:47.33333% !important}.col-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-6:first-child{margin-left:0}.col-no-margin-6{float:left;box-sizing:border-box;width:50%;margin:0}.col-offset-6:first-child{margin-left:52% !important}.col-offset-6:not(first-child){margin-left:56% !important}.col-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-7:first-child{margin-left:0}.col-no-margin-7{float:left;box-sizing:border-box;width:58.33333%;margin:0}.col-offset-7:first-child{margin-left:60.66667% !important}.col-offset-7:not(first-child){margin-left:64.66667% !important}.col-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-8:first-child{margin-left:0}.col-no-margin-8{float:left;box-sizing:border-box;width:66.66667%;margin:0}.col-offset-8:first-child{margin-left:69.33333% !important}.col-offset-8:not(first-child){margin-left:73.33333% !important}.col-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-9:first-child{margin-left:0}.col-no-margin-9{float:left;box-sizing:border-box;width:75%;margin:0}.col-offset-9:first-child{margin-left:78% !important}.col-offset-9:not(first-child){margin-left:82% !important}.col-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-10:first-child{margin-left:0}.col-no-margin-10{float:left;box-sizing:border-box;width:83.33333%;margin:0}.col-offset-10:first-child{margin-left:86.66667% !important}.col-offset-10:not(first-child){margin-left:90.66667% !important}.col-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-11:first-child{margin-left:0}.col-no-margin-11{float:left;box-sizing:border-box;width:91.66667%;margin:0}.col-offset-11:first-child{margin-left:95.33333% !important}.col-offset-11:not(first-child){margin-left:99.33333% !important}.col-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-12:first-child{margin-left:0}.col-no-margin-12{float:left;box-sizing:border-box;width:100%;margin:0}@media (max-width: 720px){.col-s-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-s-1:first-child{margin-left:0}.col-offset-s-1{margin-left:8.66667%}.col-no-margin-s-1{float:left;box-sizing:border-box;width:8.33333%}.col-s-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-s-2:first-child{margin-left:0}.col-offset-s-2{margin-left:17.33333%}.col-no-margin-s-2{float:left;box-sizing:border-box;width:16.66667%}.col-s-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-s-3:first-child{margin-left:0}.col-offset-s-3{margin-left:26%}.col-no-margin-s-3{float:left;box-sizing:border-box;width:25%}.col-s-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-s-4:first-child{margin-left:0}.col-offset-s-4{margin-left:34.66667%}.col-no-margin-s-4{float:left;box-sizing:border-box;width:33.33333%}.col-s-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-s-5:first-child{margin-left:0}.col-offset-s-5{margin-left:43.33333%}.col-no-margin-s-5{float:left;box-sizing:border-box;width:41.66667%}.col-s-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-s-6:first-child{margin-left:0}.col-offset-s-6{margin-left:52%}.col-no-margin-s-6{float:left;box-sizing:border-box;width:50%}.col-s-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-s-7:first-child{margin-left:0}.col-offset-s-7{margin-left:60.66667%}.col-no-margin-s-7{float:left;box-sizing:border-box;width:58.33333%}.col-s-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-s-8:first-child{margin-left:0}.col-offset-s-8{margin-left:69.33333%}.col-no-margin-s-8{float:left;box-sizing:border-box;width:66.66667%}.col-s-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-s-9:first-child{margin-left:0}.col-offset-s-9{margin-left:78%}.col-no-margin-s-9{float:left;box-sizing:border-box;width:75%}.col-s-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-s-10:first-child{margin-left:0}.col-offset-s-10{margin-left:86.66667%}.col-no-margin-s-10{float:left;box-sizing:border-box;width:83.33333%}.col-s-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-s-11:first-child{margin-left:0}.col-offset-s-11{margin-left:95.33333%}.col-no-margin-s-11{float:left;box-sizing:border-box;width:91.66667%}.col-s-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-s-12:first-child{margin-left:0}.col-no-margin-s-12{float:left;box-sizing:border-box;width:100%}.s-hidden{display:none !important}.s-visible{display:block !important}}@media (max-width: 1024px) and (min-width: 720px){.col-m-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-m-1:first-child{margin-left:0}.col-offset-m-1{margin-left:8.66667%}.col-no-margin-m-1{float:left;box-sizing:border-box;width:8.33333%}.col-m-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-m-2:first-child{margin-left:0}.col-offset-m-2{margin-left:17.33333%}.col-no-margin-m-2{float:left;box-sizing:border-box;width:16.66667%}.col-m-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-m-3:first-child{margin-left:0}.col-offset-m-3{margin-left:26%}.col-no-margin-m-3{float:left;box-sizing:border-box;width:25%}.col-m-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-m-4:first-child{margin-left:0}.col-offset-m-4{margin-left:34.66667%}.col-no-margin-m-4{float:left;box-sizing:border-box;width:33.33333%}.col-m-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-m-5:first-child{margin-left:0}.col-offset-m-5{margin-left:43.33333%}.col-no-margin-m-5{float:left;box-sizing:border-box;width:41.66667%}.col-m-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-m-6:first-child{margin-left:0}.col-offset-m-6{margin-left:52%}.col-no-margin-m-6{float:left;box-sizing:border-box;width:50%}.col-m-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-m-7:first-child{margin-left:0}.col-offset-m-7{margin-left:60.66667%}.col-no-margin-m-7{float:left;box-sizing:border-box;width:58.33333%}.col-m-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-m-8:first-child{margin-left:0}.col-offset-m-8{margin-left:69.33333%}.col-no-margin-m-8{float:left;box-sizing:border-box;width:66.66667%}.col-m-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-m-9:first-child{margin-left:0}.col-offset-m-9{margin-left:78%}.col-no-margin-m-9{float:left;box-sizing:border-box;width:75%}.col-m-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-m-10:first-child{margin-left:0}.col-offset-m-10{margin-left:86.66667%}.col-no-margin-m-10{float:left;box-sizing:border-box;width:83.33333%}.col-m-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-m-11:first-child{margin-left:0}.col-offset-m-11{margin-left:95.33333%}.col-no-margin-m-11{float:left;box-sizing:border-box;width:91.66667%}.col-m-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-m-12:first-child{margin-left:0}.col-no-margin-m-12{float:left;box-sizing:border-box;width:100%}.m-hidden{display:none !important}.m-visible{display:block !important}}@media (min-width: 1024px){.col-l-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-l-1:first-child{margin-left:0}.col-offset-l-1{margin-left:8.66667%}.col-no-margin-l-1{float:left;box-sizing:border-box;width:8.33333%}.col-l-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-l-2:first-child{margin-left:0}.col-offset-l-2{margin-left:17.33333%}.col-no-margin-l-2{float:left;box-sizing:border-box;width:16.66667%}.col-l-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-l-3:first-child{margin-left:0}.col-offset-l-3{margin-left:26%}.col-no-margin-l-3{float:left;box-sizing:border-box;width:25%}.col-l-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-l-4:first-child{margin-left:0}.col-offset-l-4{margin-left:34.66667%}.col-no-margin-l-4{float:left;box-sizing:border-box;width:33.33333%}.col-l-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-l-5:first-child{margin-left:0}.col-offset-l-5{margin-left:43.33333%}.col-no-margin-l-5{float:left;box-sizing:border-box;width:41.66667%}.col-l-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-l-6:first-child{margin-left:0}.col-offset-l-6{margin-left:52%}.col-no-margin-l-6{float:left;box-sizing:border-box;width:50%}.col-l-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-l-7:first-child{margin-left:0}.col-offset-l-7{margin-left:60.66667%}.col-no-margin-l-7{float:left;box-sizing:border-box;width:58.33333%}.col-l-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-l-8:first-child{margin-left:0}.col-offset-l-8{margin-left:69.33333%}.col-no-margin-l-8{float:left;box-sizing:border-box;width:66.66667%}.col-l-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-l-9:first-child{margin-left:0}.col-offset-l-9{margin-left:78%}.col-no-margin-l-9{float:left;box-sizing:border-box;width:75%}.col-l-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-l-10:first-child{margin-left:0}.col-offset-l-10{margin-left:86.66667%}.col-no-margin-l-10{float:left;box-sizing:border-box;width:83.33333%}.col-l-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-l-11:first-child{margin-left:0}.col-offset-l-11{margin-left:95.33333%}.col-no-margin-l-11{float:left;box-sizing:border-box;width:91.66667%}.col-l-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-l-12:first-child{margin-left:0}.col-no-margin-l-12{float:left;box-sizing:border-box;width:100%}.l-hidden{display:none !important}.l-visible{display:block !important}}@media (min-width: 720px) and (orientation:portrait){body{font-size:25px}}.vertical-center,.media-plugin .controls,.media-plugin .controls .item-container,.media-plugin .controls .playback-controls .row{display:flex;align-items:center}.horizontal-center{display:flex;justify-content:center;margin-left:auto;margin-right:auto}.fade-in{--duration:.5s;animation-name:fadeIn;animation-timing-function:ease-in;animation-duration:var(--duration);animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.roll-in{--duration:.5s;animation-name:rollIn;animation-timing-function:ease-in;animation-duration:var(--duration);animation-fill-mode:both}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}.active-glow,.media-plugin .results .active{-webkit-animation:active-glow 5s infinite;-ms-animation:active-glow 5s infinite;-o-animation:active-glow 5s infinite;-ms-animation:active-glow 5s infinite;animation:active-glow 5s infinite}@keyframes active-glow{0%{background:#d4ffe3}50%{background:#9cdfb0}100%{background:#d4ffe3}}.media-plugin .search{display:flex;align-items:center;width:100%;background:#f1f3f2;border-bottom:1px solid #ccc}.media-plugin .search input[type=text]{width:80%;max-width:600px}.media-plugin .search [type=submit]{color:#35b870;font-size:1.2em}.media-plugin .search [type=submit]:hover{border:1px solid #ddd;border-radius:5rem}.media-plugin .search .types .type{display:inline-block;padding:1rem 1rem 0 1rem}.media-plugin .search .types label{display:inline-block;font-weight:normal;margin:0}.media-plugin .search button{padding:0 2rem;border:0}.media-plugin .search button:hover{color:#35b870}.media-plugin .search form{width:100%;margin:0;padding:1rem 0}.media-plugin .devices{display:inline-block}.media-plugin .devices button{padding:.5rem;margin-right:.5rem}.media-plugin .devices button.selected{background:initial;color:#35b870}.media-plugin .devices button.selected:hover{color:#38cf80}.media-plugin .devices .dropdown{white-space:nowrap}.media-plugin .devices .dropdown .item{display:flex;align-items:center}.media-plugin .devices .dropdown .item .text{text-align:left;margin-left:2rem}.media-plugin .devices .dropdown .item:first-child{border-bottom:1px solid #ccc;color:#666;font-size:.8em}.media-plugin .devices .dropdown .item:hover{background:#def6ea}.media-plugin .results{position:relative;overflow:auto;height:-webkit-calc( 100% );height:-moz-calc( 100% );height:calc( 100% )}.media-plugin .results.resize{height:-webkit-calc( 100% - 16rem );height:-moz-calc( 100% - 16rem );height:calc( 100% - 16rem )}.media-plugin .results .active{height:4rem}.media-plugin .results .empty{height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5em;letter-spacing:.1rem;color:#506050}.media-plugin .results .media-item{display:flex;align-items:center;cursor:pointer;border-radius:1rem;padding:.5rem}.media-plugin .results .media-item:nth-child(odd){background:rgba(255,255,255,0)}.media-plugin .results .media-item:nth-child(even){background:#f1f3f2}.media-plugin .results .media-item:hover{background:#def6ea}.media-plugin .results .media-item.selected{background:#c8ffd0}.media-plugin .controls{width:100%;border-top:1px solid #ddd;box-shadow:0 -2.5px 4px 0 silver;flex:0 0 10rem}.media-plugin .controls .item-container{padding-left:1rem;line-height:2.6rem}.media-plugin .controls .item-container .item-info{font-size:1.15em;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.media-plugin .controls .item-container .item-info:hover{color:#35b870}.media-plugin .controls button:hover .fa{color:#59df3e}.media-plugin .controls .playback-controls .row{justify-content:center}.media-plugin .controls .playback-controls .position{margin-top:.75em}.media-plugin .controls .playback-controls button{padding:0 1.5rem}.media-plugin .controls .playback-controls button .fa-play,.media-plugin .controls .playback-controls button .fa-pause{color:#59df3e;font-size:30px;margin-top:.3rem}.media-plugin .controls .playback-controls button .fa-play:hover,.media-plugin .controls .playback-controls button .fa-pause:hover{color:#64ef4a}.media-plugin .controls .pull-right button:not(last-child){padding:0 .7rem}.media-plugin .controls .pull-right button:last-child{padding:0}.media-plugin .controls .pull-right .volume-container button{padding:0 .3rem 0 0;background:none}.media-plugin .controls .seek-slider{width:75%}.media-plugin .controls .volume-slider{width:75%;margin-right:1rem}.media-plugin .controls .elapsed-time,.media-plugin .controls .total-time{font-size:.7em;color:.7em}.media-plugin .controls .elapsed-time{margin-right:1.5rem}.media-plugin .controls .total-time{margin-left:1.5rem}.media-plugin #media-info .modal{max-width:90%}.media-plugin .info-container .row{display:flex;align-items:center;padding:.75em .5em;border-bottom:1px solid #ddd}.media-plugin .info-container .row:nth-child(odd){background:rgba(255,255,255,0)}.media-plugin .info-container .row:nth-child(even){background:#f1f3f2}.media-plugin .info-container .row:hover{background:#def6ea;border-radius:1em}.media-plugin .info-container .row .attr{font-size:1.1em}.media-plugin .info-container .row .value{text-align:right}.media-plugin #media-subs .body{padding:0}.media-plugin .subs-container .loading,.media-plugin .subs-container .no-results{display:flex;align-items:center;padding:3rem;font-size:1.5em}.media-plugin .subs-container .subs .list{max-height:50vh;overflow:auto}.media-plugin .subs-container .subs .sub{display:flex;align-items:center;padding:.75em .5em;border-bottom:1px solid #ddd;cursor:pointer}.media-plugin .subs-container .subs .sub:nth-child(odd){background:rgba(255,255,255,0)}.media-plugin .subs-container .subs .sub:nth-child(even){background:#f1f3f2}.media-plugin .subs-container .subs .sub.selected{background:#c8ffd0}.media-plugin .subs-container .subs .sub:hover{background:#def6ea;border-radius:1em}.media-plugin .subs-container .subs .controls{position:relative;padding:1.5rem 0;height:4rem}.media-plugin .subs-container .subs .controls button{position:absolute;right:0;margin-right:1rem;border:1px solid #ddd;box-shadow:2px 2px 2px #ddd}.media-plugin .subs-container .subs .controls button:hover:not([disabled]){box-shadow:3px 3px 3px #ddd;color:#35b870}.media-plugin #media-torrents .modal{width:90%}.media-plugin #media-torrents .modal .body{padding:0;text-align:center}.media-plugin #media-torrents .modal .body .search input[type=text]{width:88%;max-width:none}.media-plugin #media-torrents .modal .body .search input[type=submit]{width:8%}.media-plugin #media-torrents .modal .body .head{font-weight:bold;padding:.5rem 0 2.5rem 0;background:#e8e8e8;border-bottom:1px solid #ccc}.media-plugin #media-torrents .modal .body .transfers-container{margin:0;width:100%}.media-plugin #media-torrents .modal .body .transfer{display:flex;padding:1.5rem;cursor:pointer}.media-plugin #media-torrents .modal .body .transfer:nth-child(odd){background:rgba(255,255,255,0)}.media-plugin #media-torrents .modal .body .transfer:nth-child(even){background:#f1f3f2}.media-plugin #media-torrents .modal .body .transfer.selected{background:#c8ffd0}.media-plugin #media-torrents .modal .body .transfer:hover{background:#def6ea;border-radius:.5rem}.media-plugin{display:flex;flex-direction:column;height:inherit;letter-spacing:.03rem}.media-plugin .dropdown{z-index:2}.media-plugin .dropdown .item{display:flex;align-items:center}.media-plugin .dropdown .item .text{margin-left:1rem}.media-plugin .dropdown .item:hover{background:#def6ea}.media-plugin input[type=text]{width:100%}.media-plugin input[type=text]:hover{border-color:#35b870}.media-plugin button{border:0}.media-plugin .icon{color:#444;margin-right:.5em}.media-plugin .top-buttons{text-align:right;float:right}
diff --git a/platypush/backend/http/static/css/dist/webpanel/plugins/media.omxplayer.css b/platypush/backend/http/static/css/dist/webpanel/plugins/media.omxplayer.css
new file mode 100644
index 0000000000..4647e8a852
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/webpanel/plugins/media.omxplayer.css
@@ -0,0 +1 @@
+.col-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-1:first-child{margin-left:0}.col-no-margin-1{float:left;box-sizing:border-box;width:8.33333%;margin:0}.col-offset-1:first-child{margin-left:8.66667% !important}.col-offset-1:not(first-child){margin-left:12.66667% !important}.col-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-2:first-child{margin-left:0}.col-no-margin-2{float:left;box-sizing:border-box;width:16.66667%;margin:0}.col-offset-2:first-child{margin-left:17.33333% !important}.col-offset-2:not(first-child){margin-left:21.33333% !important}.col-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-3:first-child{margin-left:0}.col-no-margin-3{float:left;box-sizing:border-box;width:25%;margin:0}.col-offset-3:first-child{margin-left:26% !important}.col-offset-3:not(first-child){margin-left:30% !important}.col-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-4:first-child{margin-left:0}.col-no-margin-4{float:left;box-sizing:border-box;width:33.33333%;margin:0}.col-offset-4:first-child{margin-left:34.66667% !important}.col-offset-4:not(first-child){margin-left:38.66667% !important}.col-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-5:first-child{margin-left:0}.col-no-margin-5{float:left;box-sizing:border-box;width:41.66667%;margin:0}.col-offset-5:first-child{margin-left:43.33333% !important}.col-offset-5:not(first-child){margin-left:47.33333% !important}.col-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-6:first-child{margin-left:0}.col-no-margin-6{float:left;box-sizing:border-box;width:50%;margin:0}.col-offset-6:first-child{margin-left:52% !important}.col-offset-6:not(first-child){margin-left:56% !important}.col-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-7:first-child{margin-left:0}.col-no-margin-7{float:left;box-sizing:border-box;width:58.33333%;margin:0}.col-offset-7:first-child{margin-left:60.66667% !important}.col-offset-7:not(first-child){margin-left:64.66667% !important}.col-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-8:first-child{margin-left:0}.col-no-margin-8{float:left;box-sizing:border-box;width:66.66667%;margin:0}.col-offset-8:first-child{margin-left:69.33333% !important}.col-offset-8:not(first-child){margin-left:73.33333% !important}.col-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-9:first-child{margin-left:0}.col-no-margin-9{float:left;box-sizing:border-box;width:75%;margin:0}.col-offset-9:first-child{margin-left:78% !important}.col-offset-9:not(first-child){margin-left:82% !important}.col-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-10:first-child{margin-left:0}.col-no-margin-10{float:left;box-sizing:border-box;width:83.33333%;margin:0}.col-offset-10:first-child{margin-left:86.66667% !important}.col-offset-10:not(first-child){margin-left:90.66667% !important}.col-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-11:first-child{margin-left:0}.col-no-margin-11{float:left;box-sizing:border-box;width:91.66667%;margin:0}.col-offset-11:first-child{margin-left:95.33333% !important}.col-offset-11:not(first-child){margin-left:99.33333% !important}.col-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-12:first-child{margin-left:0}.col-no-margin-12{float:left;box-sizing:border-box;width:100%;margin:0}@media (max-width: 720px){.col-s-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-s-1:first-child{margin-left:0}.col-offset-s-1{margin-left:8.66667%}.col-no-margin-s-1{float:left;box-sizing:border-box;width:8.33333%}.col-s-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-s-2:first-child{margin-left:0}.col-offset-s-2{margin-left:17.33333%}.col-no-margin-s-2{float:left;box-sizing:border-box;width:16.66667%}.col-s-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-s-3:first-child{margin-left:0}.col-offset-s-3{margin-left:26%}.col-no-margin-s-3{float:left;box-sizing:border-box;width:25%}.col-s-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-s-4:first-child{margin-left:0}.col-offset-s-4{margin-left:34.66667%}.col-no-margin-s-4{float:left;box-sizing:border-box;width:33.33333%}.col-s-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-s-5:first-child{margin-left:0}.col-offset-s-5{margin-left:43.33333%}.col-no-margin-s-5{float:left;box-sizing:border-box;width:41.66667%}.col-s-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-s-6:first-child{margin-left:0}.col-offset-s-6{margin-left:52%}.col-no-margin-s-6{float:left;box-sizing:border-box;width:50%}.col-s-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-s-7:first-child{margin-left:0}.col-offset-s-7{margin-left:60.66667%}.col-no-margin-s-7{float:left;box-sizing:border-box;width:58.33333%}.col-s-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-s-8:first-child{margin-left:0}.col-offset-s-8{margin-left:69.33333%}.col-no-margin-s-8{float:left;box-sizing:border-box;width:66.66667%}.col-s-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-s-9:first-child{margin-left:0}.col-offset-s-9{margin-left:78%}.col-no-margin-s-9{float:left;box-sizing:border-box;width:75%}.col-s-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-s-10:first-child{margin-left:0}.col-offset-s-10{margin-left:86.66667%}.col-no-margin-s-10{float:left;box-sizing:border-box;width:83.33333%}.col-s-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-s-11:first-child{margin-left:0}.col-offset-s-11{margin-left:95.33333%}.col-no-margin-s-11{float:left;box-sizing:border-box;width:91.66667%}.col-s-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-s-12:first-child{margin-left:0}.col-no-margin-s-12{float:left;box-sizing:border-box;width:100%}.s-hidden{display:none !important}.s-visible{display:block !important}}@media (max-width: 1024px) and (min-width: 720px){.col-m-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-m-1:first-child{margin-left:0}.col-offset-m-1{margin-left:8.66667%}.col-no-margin-m-1{float:left;box-sizing:border-box;width:8.33333%}.col-m-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-m-2:first-child{margin-left:0}.col-offset-m-2{margin-left:17.33333%}.col-no-margin-m-2{float:left;box-sizing:border-box;width:16.66667%}.col-m-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-m-3:first-child{margin-left:0}.col-offset-m-3{margin-left:26%}.col-no-margin-m-3{float:left;box-sizing:border-box;width:25%}.col-m-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-m-4:first-child{margin-left:0}.col-offset-m-4{margin-left:34.66667%}.col-no-margin-m-4{float:left;box-sizing:border-box;width:33.33333%}.col-m-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-m-5:first-child{margin-left:0}.col-offset-m-5{margin-left:43.33333%}.col-no-margin-m-5{float:left;box-sizing:border-box;width:41.66667%}.col-m-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-m-6:first-child{margin-left:0}.col-offset-m-6{margin-left:52%}.col-no-margin-m-6{float:left;box-sizing:border-box;width:50%}.col-m-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-m-7:first-child{margin-left:0}.col-offset-m-7{margin-left:60.66667%}.col-no-margin-m-7{float:left;box-sizing:border-box;width:58.33333%}.col-m-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-m-8:first-child{margin-left:0}.col-offset-m-8{margin-left:69.33333%}.col-no-margin-m-8{float:left;box-sizing:border-box;width:66.66667%}.col-m-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-m-9:first-child{margin-left:0}.col-offset-m-9{margin-left:78%}.col-no-margin-m-9{float:left;box-sizing:border-box;width:75%}.col-m-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-m-10:first-child{margin-left:0}.col-offset-m-10{margin-left:86.66667%}.col-no-margin-m-10{float:left;box-sizing:border-box;width:83.33333%}.col-m-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-m-11:first-child{margin-left:0}.col-offset-m-11{margin-left:95.33333%}.col-no-margin-m-11{float:left;box-sizing:border-box;width:91.66667%}.col-m-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-m-12:first-child{margin-left:0}.col-no-margin-m-12{float:left;box-sizing:border-box;width:100%}.m-hidden{display:none !important}.m-visible{display:block !important}}@media (min-width: 1024px){.col-l-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-l-1:first-child{margin-left:0}.col-offset-l-1{margin-left:8.66667%}.col-no-margin-l-1{float:left;box-sizing:border-box;width:8.33333%}.col-l-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-l-2:first-child{margin-left:0}.col-offset-l-2{margin-left:17.33333%}.col-no-margin-l-2{float:left;box-sizing:border-box;width:16.66667%}.col-l-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-l-3:first-child{margin-left:0}.col-offset-l-3{margin-left:26%}.col-no-margin-l-3{float:left;box-sizing:border-box;width:25%}.col-l-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-l-4:first-child{margin-left:0}.col-offset-l-4{margin-left:34.66667%}.col-no-margin-l-4{float:left;box-sizing:border-box;width:33.33333%}.col-l-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-l-5:first-child{margin-left:0}.col-offset-l-5{margin-left:43.33333%}.col-no-margin-l-5{float:left;box-sizing:border-box;width:41.66667%}.col-l-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-l-6:first-child{margin-left:0}.col-offset-l-6{margin-left:52%}.col-no-margin-l-6{float:left;box-sizing:border-box;width:50%}.col-l-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-l-7:first-child{margin-left:0}.col-offset-l-7{margin-left:60.66667%}.col-no-margin-l-7{float:left;box-sizing:border-box;width:58.33333%}.col-l-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-l-8:first-child{margin-left:0}.col-offset-l-8{margin-left:69.33333%}.col-no-margin-l-8{float:left;box-sizing:border-box;width:66.66667%}.col-l-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-l-9:first-child{margin-left:0}.col-offset-l-9{margin-left:78%}.col-no-margin-l-9{float:left;box-sizing:border-box;width:75%}.col-l-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-l-10:first-child{margin-left:0}.col-offset-l-10{margin-left:86.66667%}.col-no-margin-l-10{float:left;box-sizing:border-box;width:83.33333%}.col-l-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-l-11:first-child{margin-left:0}.col-offset-l-11{margin-left:95.33333%}.col-no-margin-l-11{float:left;box-sizing:border-box;width:91.66667%}.col-l-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-l-12:first-child{margin-left:0}.col-no-margin-l-12{float:left;box-sizing:border-box;width:100%}.l-hidden{display:none !important}.l-visible{display:block !important}}@media (min-width: 720px) and (orientation:portrait){body{font-size:25px}}.vertical-center,.media-plugin .controls,.media-plugin .controls .item-container,.media-plugin .controls .playback-controls .row{display:flex;align-items:center}.horizontal-center{display:flex;justify-content:center;margin-left:auto;margin-right:auto}.fade-in{--duration:.5s;animation-name:fadeIn;animation-timing-function:ease-in;animation-duration:var(--duration);animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.roll-in{--duration:.5s;animation-name:rollIn;animation-timing-function:ease-in;animation-duration:var(--duration);animation-fill-mode:both}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}.active-glow,.media-plugin .results .active{-webkit-animation:active-glow 5s infinite;-ms-animation:active-glow 5s infinite;-o-animation:active-glow 5s infinite;-ms-animation:active-glow 5s infinite;animation:active-glow 5s infinite}@keyframes active-glow{0%{background:#d4ffe3}50%{background:#9cdfb0}100%{background:#d4ffe3}}.media-plugin .search{display:flex;align-items:center;width:100%;background:#f1f3f2;border-bottom:1px solid #ccc}.media-plugin .search input[type=text]{width:80%;max-width:600px}.media-plugin .search [type=submit]{color:#35b870;font-size:1.2em}.media-plugin .search [type=submit]:hover{border:1px solid #ddd;border-radius:5rem}.media-plugin .search .types .type{display:inline-block;padding:1rem 1rem 0 1rem}.media-plugin .search .types label{display:inline-block;font-weight:normal;margin:0}.media-plugin .search button{padding:0 2rem;border:0}.media-plugin .search button:hover{color:#35b870}.media-plugin .search form{width:100%;margin:0;padding:1rem 0}.media-plugin .devices{display:inline-block}.media-plugin .devices button{padding:.5rem;margin-right:.5rem}.media-plugin .devices button.selected{background:initial;color:#35b870}.media-plugin .devices button.selected:hover{color:#38cf80}.media-plugin .devices .dropdown{white-space:nowrap}.media-plugin .devices .dropdown .item{display:flex;align-items:center}.media-plugin .devices .dropdown .item .text{text-align:left;margin-left:2rem}.media-plugin .devices .dropdown .item:first-child{border-bottom:1px solid #ccc;color:#666;font-size:.8em}.media-plugin .devices .dropdown .item:hover{background:#def6ea}.media-plugin .results{position:relative;overflow:auto;height:-webkit-calc( 100% );height:-moz-calc( 100% );height:calc( 100% )}.media-plugin .results.resize{height:-webkit-calc( 100% - 16rem );height:-moz-calc( 100% - 16rem );height:calc( 100% - 16rem )}.media-plugin .results .active{height:4rem}.media-plugin .results .empty{height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5em;letter-spacing:.1rem;color:#506050}.media-plugin .results .media-item{display:flex;align-items:center;cursor:pointer;border-radius:1rem;padding:.5rem}.media-plugin .results .media-item:nth-child(odd){background:rgba(255,255,255,0)}.media-plugin .results .media-item:nth-child(even){background:#f1f3f2}.media-plugin .results .media-item:hover{background:#def6ea}.media-plugin .results .media-item.selected{background:#c8ffd0}.media-plugin .controls{width:100%;border-top:1px solid #ddd;box-shadow:0 -2.5px 4px 0 silver;flex:0 0 10rem}.media-plugin .controls .item-container{padding-left:1rem;line-height:2.6rem}.media-plugin .controls .item-container .item-info{font-size:1.15em;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.media-plugin .controls .item-container .item-info:hover{color:#35b870}.media-plugin .controls button:hover .fa{color:#59df3e}.media-plugin .controls .playback-controls .row{justify-content:center}.media-plugin .controls .playback-controls .position{margin-top:.75em}.media-plugin .controls .playback-controls button{padding:0 1.5rem}.media-plugin .controls .playback-controls button .fa-play,.media-plugin .controls .playback-controls button .fa-pause{color:#59df3e;font-size:30px;margin-top:.3rem}.media-plugin .controls .playback-controls button .fa-play:hover,.media-plugin .controls .playback-controls button .fa-pause:hover{color:#64ef4a}.media-plugin .controls .pull-right button:not(last-child){padding:0 .7rem}.media-plugin .controls .pull-right button:last-child{padding:0}.media-plugin .controls .pull-right .volume-container button{padding:0 .3rem 0 0;background:none}.media-plugin .controls .seek-slider{width:75%}.media-plugin .controls .volume-slider{width:75%;margin-right:1rem}.media-plugin .controls .elapsed-time,.media-plugin .controls .total-time{font-size:.7em;color:.7em}.media-plugin .controls .elapsed-time{margin-right:1.5rem}.media-plugin .controls .total-time{margin-left:1.5rem}.media-plugin #media-info .modal{max-width:90%}.media-plugin .info-container .row{display:flex;align-items:center;padding:.75em .5em;border-bottom:1px solid #ddd}.media-plugin .info-container .row:nth-child(odd){background:rgba(255,255,255,0)}.media-plugin .info-container .row:nth-child(even){background:#f1f3f2}.media-plugin .info-container .row:hover{background:#def6ea;border-radius:1em}.media-plugin .info-container .row .attr{font-size:1.1em}.media-plugin .info-container .row .value{text-align:right}.media-plugin #media-subs .body{padding:0}.media-plugin .subs-container .loading,.media-plugin .subs-container .no-results{display:flex;align-items:center;padding:3rem;font-size:1.5em}.media-plugin .subs-container .subs .list{max-height:50vh;overflow:auto}.media-plugin .subs-container .subs .sub{display:flex;align-items:center;padding:.75em .5em;border-bottom:1px solid #ddd;cursor:pointer}.media-plugin .subs-container .subs .sub:nth-child(odd){background:rgba(255,255,255,0)}.media-plugin .subs-container .subs .sub:nth-child(even){background:#f1f3f2}.media-plugin .subs-container .subs .sub.selected{background:#c8ffd0}.media-plugin .subs-container .subs .sub:hover{background:#def6ea;border-radius:1em}.media-plugin .subs-container .subs .controls{position:relative;padding:1.5rem 0;height:4rem}.media-plugin .subs-container .subs .controls button{position:absolute;right:0;margin-right:1rem;border:1px solid #ddd;box-shadow:2px 2px 2px #ddd}.media-plugin .subs-container .subs .controls button:hover:not([disabled]){box-shadow:3px 3px 3px #ddd;color:#35b870}.media-plugin #media-torrents .modal{width:90%}.media-plugin #media-torrents .modal .body{padding:0;text-align:center}.media-plugin #media-torrents .modal .body .search input[type=text]{width:88%;max-width:none}.media-plugin #media-torrents .modal .body .search input[type=submit]{width:8%}.media-plugin #media-torrents .modal .body .head{font-weight:bold;padding:.5rem 0 2.5rem 0;background:#e8e8e8;border-bottom:1px solid #ccc}.media-plugin #media-torrents .modal .body .transfers-container{margin:0;width:100%}.media-plugin #media-torrents .modal .body .transfer{display:flex;padding:1.5rem;cursor:pointer}.media-plugin #media-torrents .modal .body .transfer:nth-child(odd){background:rgba(255,255,255,0)}.media-plugin #media-torrents .modal .body .transfer:nth-child(even){background:#f1f3f2}.media-plugin #media-torrents .modal .body .transfer.selected{background:#c8ffd0}.media-plugin #media-torrents .modal .body .transfer:hover{background:#def6ea;border-radius:.5rem}.media-plugin{display:flex;flex-direction:column;height:inherit;letter-spacing:.03rem}.media-plugin .dropdown{z-index:2}.media-plugin .dropdown .item{display:flex;align-items:center}.media-plugin .dropdown .item .text{margin-left:1rem}.media-plugin .dropdown .item:hover{background:#def6ea}.media-plugin input[type=text]{width:100%}.media-plugin input[type=text]:hover{border-color:#35b870}.media-plugin button{border:0}.media-plugin .icon{color:#444;margin-right:.5em}.media-plugin .top-buttons{text-align:right;float:right}
diff --git a/platypush/backend/http/static/css/dist/webpanel/plugins/media.vlc.css b/platypush/backend/http/static/css/dist/webpanel/plugins/media.vlc.css
new file mode 100644
index 0000000000..4647e8a852
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/webpanel/plugins/media.vlc.css
@@ -0,0 +1 @@
+.col-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-1:first-child{margin-left:0}.col-no-margin-1{float:left;box-sizing:border-box;width:8.33333%;margin:0}.col-offset-1:first-child{margin-left:8.66667% !important}.col-offset-1:not(first-child){margin-left:12.66667% !important}.col-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-2:first-child{margin-left:0}.col-no-margin-2{float:left;box-sizing:border-box;width:16.66667%;margin:0}.col-offset-2:first-child{margin-left:17.33333% !important}.col-offset-2:not(first-child){margin-left:21.33333% !important}.col-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-3:first-child{margin-left:0}.col-no-margin-3{float:left;box-sizing:border-box;width:25%;margin:0}.col-offset-3:first-child{margin-left:26% !important}.col-offset-3:not(first-child){margin-left:30% !important}.col-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-4:first-child{margin-left:0}.col-no-margin-4{float:left;box-sizing:border-box;width:33.33333%;margin:0}.col-offset-4:first-child{margin-left:34.66667% !important}.col-offset-4:not(first-child){margin-left:38.66667% !important}.col-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-5:first-child{margin-left:0}.col-no-margin-5{float:left;box-sizing:border-box;width:41.66667%;margin:0}.col-offset-5:first-child{margin-left:43.33333% !important}.col-offset-5:not(first-child){margin-left:47.33333% !important}.col-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-6:first-child{margin-left:0}.col-no-margin-6{float:left;box-sizing:border-box;width:50%;margin:0}.col-offset-6:first-child{margin-left:52% !important}.col-offset-6:not(first-child){margin-left:56% !important}.col-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-7:first-child{margin-left:0}.col-no-margin-7{float:left;box-sizing:border-box;width:58.33333%;margin:0}.col-offset-7:first-child{margin-left:60.66667% !important}.col-offset-7:not(first-child){margin-left:64.66667% !important}.col-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-8:first-child{margin-left:0}.col-no-margin-8{float:left;box-sizing:border-box;width:66.66667%;margin:0}.col-offset-8:first-child{margin-left:69.33333% !important}.col-offset-8:not(first-child){margin-left:73.33333% !important}.col-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-9:first-child{margin-left:0}.col-no-margin-9{float:left;box-sizing:border-box;width:75%;margin:0}.col-offset-9:first-child{margin-left:78% !important}.col-offset-9:not(first-child){margin-left:82% !important}.col-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-10:first-child{margin-left:0}.col-no-margin-10{float:left;box-sizing:border-box;width:83.33333%;margin:0}.col-offset-10:first-child{margin-left:86.66667% !important}.col-offset-10:not(first-child){margin-left:90.66667% !important}.col-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-11:first-child{margin-left:0}.col-no-margin-11{float:left;box-sizing:border-box;width:91.66667%;margin:0}.col-offset-11:first-child{margin-left:95.33333% !important}.col-offset-11:not(first-child){margin-left:99.33333% !important}.col-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-12:first-child{margin-left:0}.col-no-margin-12{float:left;box-sizing:border-box;width:100%;margin:0}@media (max-width: 720px){.col-s-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-s-1:first-child{margin-left:0}.col-offset-s-1{margin-left:8.66667%}.col-no-margin-s-1{float:left;box-sizing:border-box;width:8.33333%}.col-s-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-s-2:first-child{margin-left:0}.col-offset-s-2{margin-left:17.33333%}.col-no-margin-s-2{float:left;box-sizing:border-box;width:16.66667%}.col-s-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-s-3:first-child{margin-left:0}.col-offset-s-3{margin-left:26%}.col-no-margin-s-3{float:left;box-sizing:border-box;width:25%}.col-s-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-s-4:first-child{margin-left:0}.col-offset-s-4{margin-left:34.66667%}.col-no-margin-s-4{float:left;box-sizing:border-box;width:33.33333%}.col-s-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-s-5:first-child{margin-left:0}.col-offset-s-5{margin-left:43.33333%}.col-no-margin-s-5{float:left;box-sizing:border-box;width:41.66667%}.col-s-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-s-6:first-child{margin-left:0}.col-offset-s-6{margin-left:52%}.col-no-margin-s-6{float:left;box-sizing:border-box;width:50%}.col-s-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-s-7:first-child{margin-left:0}.col-offset-s-7{margin-left:60.66667%}.col-no-margin-s-7{float:left;box-sizing:border-box;width:58.33333%}.col-s-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-s-8:first-child{margin-left:0}.col-offset-s-8{margin-left:69.33333%}.col-no-margin-s-8{float:left;box-sizing:border-box;width:66.66667%}.col-s-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-s-9:first-child{margin-left:0}.col-offset-s-9{margin-left:78%}.col-no-margin-s-9{float:left;box-sizing:border-box;width:75%}.col-s-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-s-10:first-child{margin-left:0}.col-offset-s-10{margin-left:86.66667%}.col-no-margin-s-10{float:left;box-sizing:border-box;width:83.33333%}.col-s-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-s-11:first-child{margin-left:0}.col-offset-s-11{margin-left:95.33333%}.col-no-margin-s-11{float:left;box-sizing:border-box;width:91.66667%}.col-s-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-s-12:first-child{margin-left:0}.col-no-margin-s-12{float:left;box-sizing:border-box;width:100%}.s-hidden{display:none !important}.s-visible{display:block !important}}@media (max-width: 1024px) and (min-width: 720px){.col-m-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-m-1:first-child{margin-left:0}.col-offset-m-1{margin-left:8.66667%}.col-no-margin-m-1{float:left;box-sizing:border-box;width:8.33333%}.col-m-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-m-2:first-child{margin-left:0}.col-offset-m-2{margin-left:17.33333%}.col-no-margin-m-2{float:left;box-sizing:border-box;width:16.66667%}.col-m-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-m-3:first-child{margin-left:0}.col-offset-m-3{margin-left:26%}.col-no-margin-m-3{float:left;box-sizing:border-box;width:25%}.col-m-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-m-4:first-child{margin-left:0}.col-offset-m-4{margin-left:34.66667%}.col-no-margin-m-4{float:left;box-sizing:border-box;width:33.33333%}.col-m-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-m-5:first-child{margin-left:0}.col-offset-m-5{margin-left:43.33333%}.col-no-margin-m-5{float:left;box-sizing:border-box;width:41.66667%}.col-m-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-m-6:first-child{margin-left:0}.col-offset-m-6{margin-left:52%}.col-no-margin-m-6{float:left;box-sizing:border-box;width:50%}.col-m-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-m-7:first-child{margin-left:0}.col-offset-m-7{margin-left:60.66667%}.col-no-margin-m-7{float:left;box-sizing:border-box;width:58.33333%}.col-m-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-m-8:first-child{margin-left:0}.col-offset-m-8{margin-left:69.33333%}.col-no-margin-m-8{float:left;box-sizing:border-box;width:66.66667%}.col-m-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-m-9:first-child{margin-left:0}.col-offset-m-9{margin-left:78%}.col-no-margin-m-9{float:left;box-sizing:border-box;width:75%}.col-m-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-m-10:first-child{margin-left:0}.col-offset-m-10{margin-left:86.66667%}.col-no-margin-m-10{float:left;box-sizing:border-box;width:83.33333%}.col-m-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-m-11:first-child{margin-left:0}.col-offset-m-11{margin-left:95.33333%}.col-no-margin-m-11{float:left;box-sizing:border-box;width:91.66667%}.col-m-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-m-12:first-child{margin-left:0}.col-no-margin-m-12{float:left;box-sizing:border-box;width:100%}.m-hidden{display:none !important}.m-visible{display:block !important}}@media (min-width: 1024px){.col-l-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-l-1:first-child{margin-left:0}.col-offset-l-1{margin-left:8.66667%}.col-no-margin-l-1{float:left;box-sizing:border-box;width:8.33333%}.col-l-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-l-2:first-child{margin-left:0}.col-offset-l-2{margin-left:17.33333%}.col-no-margin-l-2{float:left;box-sizing:border-box;width:16.66667%}.col-l-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-l-3:first-child{margin-left:0}.col-offset-l-3{margin-left:26%}.col-no-margin-l-3{float:left;box-sizing:border-box;width:25%}.col-l-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-l-4:first-child{margin-left:0}.col-offset-l-4{margin-left:34.66667%}.col-no-margin-l-4{float:left;box-sizing:border-box;width:33.33333%}.col-l-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-l-5:first-child{margin-left:0}.col-offset-l-5{margin-left:43.33333%}.col-no-margin-l-5{float:left;box-sizing:border-box;width:41.66667%}.col-l-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-l-6:first-child{margin-left:0}.col-offset-l-6{margin-left:52%}.col-no-margin-l-6{float:left;box-sizing:border-box;width:50%}.col-l-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-l-7:first-child{margin-left:0}.col-offset-l-7{margin-left:60.66667%}.col-no-margin-l-7{float:left;box-sizing:border-box;width:58.33333%}.col-l-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-l-8:first-child{margin-left:0}.col-offset-l-8{margin-left:69.33333%}.col-no-margin-l-8{float:left;box-sizing:border-box;width:66.66667%}.col-l-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-l-9:first-child{margin-left:0}.col-offset-l-9{margin-left:78%}.col-no-margin-l-9{float:left;box-sizing:border-box;width:75%}.col-l-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-l-10:first-child{margin-left:0}.col-offset-l-10{margin-left:86.66667%}.col-no-margin-l-10{float:left;box-sizing:border-box;width:83.33333%}.col-l-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-l-11:first-child{margin-left:0}.col-offset-l-11{margin-left:95.33333%}.col-no-margin-l-11{float:left;box-sizing:border-box;width:91.66667%}.col-l-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-l-12:first-child{margin-left:0}.col-no-margin-l-12{float:left;box-sizing:border-box;width:100%}.l-hidden{display:none !important}.l-visible{display:block !important}}@media (min-width: 720px) and (orientation:portrait){body{font-size:25px}}.vertical-center,.media-plugin .controls,.media-plugin .controls .item-container,.media-plugin .controls .playback-controls .row{display:flex;align-items:center}.horizontal-center{display:flex;justify-content:center;margin-left:auto;margin-right:auto}.fade-in{--duration:.5s;animation-name:fadeIn;animation-timing-function:ease-in;animation-duration:var(--duration);animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.roll-in{--duration:.5s;animation-name:rollIn;animation-timing-function:ease-in;animation-duration:var(--duration);animation-fill-mode:both}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}.active-glow,.media-plugin .results .active{-webkit-animation:active-glow 5s infinite;-ms-animation:active-glow 5s infinite;-o-animation:active-glow 5s infinite;-ms-animation:active-glow 5s infinite;animation:active-glow 5s infinite}@keyframes active-glow{0%{background:#d4ffe3}50%{background:#9cdfb0}100%{background:#d4ffe3}}.media-plugin .search{display:flex;align-items:center;width:100%;background:#f1f3f2;border-bottom:1px solid #ccc}.media-plugin .search input[type=text]{width:80%;max-width:600px}.media-plugin .search [type=submit]{color:#35b870;font-size:1.2em}.media-plugin .search [type=submit]:hover{border:1px solid #ddd;border-radius:5rem}.media-plugin .search .types .type{display:inline-block;padding:1rem 1rem 0 1rem}.media-plugin .search .types label{display:inline-block;font-weight:normal;margin:0}.media-plugin .search button{padding:0 2rem;border:0}.media-plugin .search button:hover{color:#35b870}.media-plugin .search form{width:100%;margin:0;padding:1rem 0}.media-plugin .devices{display:inline-block}.media-plugin .devices button{padding:.5rem;margin-right:.5rem}.media-plugin .devices button.selected{background:initial;color:#35b870}.media-plugin .devices button.selected:hover{color:#38cf80}.media-plugin .devices .dropdown{white-space:nowrap}.media-plugin .devices .dropdown .item{display:flex;align-items:center}.media-plugin .devices .dropdown .item .text{text-align:left;margin-left:2rem}.media-plugin .devices .dropdown .item:first-child{border-bottom:1px solid #ccc;color:#666;font-size:.8em}.media-plugin .devices .dropdown .item:hover{background:#def6ea}.media-plugin .results{position:relative;overflow:auto;height:-webkit-calc( 100% );height:-moz-calc( 100% );height:calc( 100% )}.media-plugin .results.resize{height:-webkit-calc( 100% - 16rem );height:-moz-calc( 100% - 16rem );height:calc( 100% - 16rem )}.media-plugin .results .active{height:4rem}.media-plugin .results .empty{height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5em;letter-spacing:.1rem;color:#506050}.media-plugin .results .media-item{display:flex;align-items:center;cursor:pointer;border-radius:1rem;padding:.5rem}.media-plugin .results .media-item:nth-child(odd){background:rgba(255,255,255,0)}.media-plugin .results .media-item:nth-child(even){background:#f1f3f2}.media-plugin .results .media-item:hover{background:#def6ea}.media-plugin .results .media-item.selected{background:#c8ffd0}.media-plugin .controls{width:100%;border-top:1px solid #ddd;box-shadow:0 -2.5px 4px 0 silver;flex:0 0 10rem}.media-plugin .controls .item-container{padding-left:1rem;line-height:2.6rem}.media-plugin .controls .item-container .item-info{font-size:1.15em;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.media-plugin .controls .item-container .item-info:hover{color:#35b870}.media-plugin .controls button:hover .fa{color:#59df3e}.media-plugin .controls .playback-controls .row{justify-content:center}.media-plugin .controls .playback-controls .position{margin-top:.75em}.media-plugin .controls .playback-controls button{padding:0 1.5rem}.media-plugin .controls .playback-controls button .fa-play,.media-plugin .controls .playback-controls button .fa-pause{color:#59df3e;font-size:30px;margin-top:.3rem}.media-plugin .controls .playback-controls button .fa-play:hover,.media-plugin .controls .playback-controls button .fa-pause:hover{color:#64ef4a}.media-plugin .controls .pull-right button:not(last-child){padding:0 .7rem}.media-plugin .controls .pull-right button:last-child{padding:0}.media-plugin .controls .pull-right .volume-container button{padding:0 .3rem 0 0;background:none}.media-plugin .controls .seek-slider{width:75%}.media-plugin .controls .volume-slider{width:75%;margin-right:1rem}.media-plugin .controls .elapsed-time,.media-plugin .controls .total-time{font-size:.7em;color:.7em}.media-plugin .controls .elapsed-time{margin-right:1.5rem}.media-plugin .controls .total-time{margin-left:1.5rem}.media-plugin #media-info .modal{max-width:90%}.media-plugin .info-container .row{display:flex;align-items:center;padding:.75em .5em;border-bottom:1px solid #ddd}.media-plugin .info-container .row:nth-child(odd){background:rgba(255,255,255,0)}.media-plugin .info-container .row:nth-child(even){background:#f1f3f2}.media-plugin .info-container .row:hover{background:#def6ea;border-radius:1em}.media-plugin .info-container .row .attr{font-size:1.1em}.media-plugin .info-container .row .value{text-align:right}.media-plugin #media-subs .body{padding:0}.media-plugin .subs-container .loading,.media-plugin .subs-container .no-results{display:flex;align-items:center;padding:3rem;font-size:1.5em}.media-plugin .subs-container .subs .list{max-height:50vh;overflow:auto}.media-plugin .subs-container .subs .sub{display:flex;align-items:center;padding:.75em .5em;border-bottom:1px solid #ddd;cursor:pointer}.media-plugin .subs-container .subs .sub:nth-child(odd){background:rgba(255,255,255,0)}.media-plugin .subs-container .subs .sub:nth-child(even){background:#f1f3f2}.media-plugin .subs-container .subs .sub.selected{background:#c8ffd0}.media-plugin .subs-container .subs .sub:hover{background:#def6ea;border-radius:1em}.media-plugin .subs-container .subs .controls{position:relative;padding:1.5rem 0;height:4rem}.media-plugin .subs-container .subs .controls button{position:absolute;right:0;margin-right:1rem;border:1px solid #ddd;box-shadow:2px 2px 2px #ddd}.media-plugin .subs-container .subs .controls button:hover:not([disabled]){box-shadow:3px 3px 3px #ddd;color:#35b870}.media-plugin #media-torrents .modal{width:90%}.media-plugin #media-torrents .modal .body{padding:0;text-align:center}.media-plugin #media-torrents .modal .body .search input[type=text]{width:88%;max-width:none}.media-plugin #media-torrents .modal .body .search input[type=submit]{width:8%}.media-plugin #media-torrents .modal .body .head{font-weight:bold;padding:.5rem 0 2.5rem 0;background:#e8e8e8;border-bottom:1px solid #ccc}.media-plugin #media-torrents .modal .body .transfers-container{margin:0;width:100%}.media-plugin #media-torrents .modal .body .transfer{display:flex;padding:1.5rem;cursor:pointer}.media-plugin #media-torrents .modal .body .transfer:nth-child(odd){background:rgba(255,255,255,0)}.media-plugin #media-torrents .modal .body .transfer:nth-child(even){background:#f1f3f2}.media-plugin #media-torrents .modal .body .transfer.selected{background:#c8ffd0}.media-plugin #media-torrents .modal .body .transfer:hover{background:#def6ea;border-radius:.5rem}.media-plugin{display:flex;flex-direction:column;height:inherit;letter-spacing:.03rem}.media-plugin .dropdown{z-index:2}.media-plugin .dropdown .item{display:flex;align-items:center}.media-plugin .dropdown .item .text{margin-left:1rem}.media-plugin .dropdown .item:hover{background:#def6ea}.media-plugin input[type=text]{width:100%}.media-plugin input[type=text]:hover{border-color:#35b870}.media-plugin button{border:0}.media-plugin .icon{color:#444;margin-right:.5em}.media-plugin .top-buttons{text-align:right;float:right}
diff --git a/platypush/backend/http/static/css/dist/webpanel/plugins/music.mpd.css b/platypush/backend/http/static/css/dist/webpanel/plugins/music.mpd.css
new file mode 100644
index 0000000000..391aee826e
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/webpanel/plugins/music.mpd.css
@@ -0,0 +1 @@
+.col-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-1:first-child{margin-left:0}.col-no-margin-1{float:left;box-sizing:border-box;width:8.33333%;margin:0}.col-offset-1:first-child{margin-left:8.66667% !important}.col-offset-1:not(first-child){margin-left:12.66667% !important}.col-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-2:first-child{margin-left:0}.col-no-margin-2{float:left;box-sizing:border-box;width:16.66667%;margin:0}.col-offset-2:first-child{margin-left:17.33333% !important}.col-offset-2:not(first-child){margin-left:21.33333% !important}.col-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-3:first-child{margin-left:0}.col-no-margin-3{float:left;box-sizing:border-box;width:25%;margin:0}.col-offset-3:first-child{margin-left:26% !important}.col-offset-3:not(first-child){margin-left:30% !important}.col-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-4:first-child{margin-left:0}.col-no-margin-4{float:left;box-sizing:border-box;width:33.33333%;margin:0}.col-offset-4:first-child{margin-left:34.66667% !important}.col-offset-4:not(first-child){margin-left:38.66667% !important}.col-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-5:first-child{margin-left:0}.col-no-margin-5{float:left;box-sizing:border-box;width:41.66667%;margin:0}.col-offset-5:first-child{margin-left:43.33333% !important}.col-offset-5:not(first-child){margin-left:47.33333% !important}.col-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-6:first-child{margin-left:0}.col-no-margin-6{float:left;box-sizing:border-box;width:50%;margin:0}.col-offset-6:first-child{margin-left:52% !important}.col-offset-6:not(first-child){margin-left:56% !important}.col-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-7:first-child{margin-left:0}.col-no-margin-7{float:left;box-sizing:border-box;width:58.33333%;margin:0}.col-offset-7:first-child{margin-left:60.66667% !important}.col-offset-7:not(first-child){margin-left:64.66667% !important}.col-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-8:first-child{margin-left:0}.col-no-margin-8{float:left;box-sizing:border-box;width:66.66667%;margin:0}.col-offset-8:first-child{margin-left:69.33333% !important}.col-offset-8:not(first-child){margin-left:73.33333% !important}.col-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-9:first-child{margin-left:0}.col-no-margin-9{float:left;box-sizing:border-box;width:75%;margin:0}.col-offset-9:first-child{margin-left:78% !important}.col-offset-9:not(first-child){margin-left:82% !important}.col-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-10:first-child{margin-left:0}.col-no-margin-10{float:left;box-sizing:border-box;width:83.33333%;margin:0}.col-offset-10:first-child{margin-left:86.66667% !important}.col-offset-10:not(first-child){margin-left:90.66667% !important}.col-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-11:first-child{margin-left:0}.col-no-margin-11{float:left;box-sizing:border-box;width:91.66667%;margin:0}.col-offset-11:first-child{margin-left:95.33333% !important}.col-offset-11:not(first-child){margin-left:99.33333% !important}.col-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-12:first-child{margin-left:0}.col-no-margin-12{float:left;box-sizing:border-box;width:100%;margin:0}@media (max-width: 720px){.col-s-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-s-1:first-child{margin-left:0}.col-offset-s-1{margin-left:8.66667%}.col-no-margin-s-1{float:left;box-sizing:border-box;width:8.33333%}.col-s-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-s-2:first-child{margin-left:0}.col-offset-s-2{margin-left:17.33333%}.col-no-margin-s-2{float:left;box-sizing:border-box;width:16.66667%}.col-s-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-s-3:first-child{margin-left:0}.col-offset-s-3{margin-left:26%}.col-no-margin-s-3{float:left;box-sizing:border-box;width:25%}.col-s-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-s-4:first-child{margin-left:0}.col-offset-s-4{margin-left:34.66667%}.col-no-margin-s-4{float:left;box-sizing:border-box;width:33.33333%}.col-s-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-s-5:first-child{margin-left:0}.col-offset-s-5{margin-left:43.33333%}.col-no-margin-s-5{float:left;box-sizing:border-box;width:41.66667%}.col-s-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-s-6:first-child{margin-left:0}.col-offset-s-6{margin-left:52%}.col-no-margin-s-6{float:left;box-sizing:border-box;width:50%}.col-s-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-s-7:first-child{margin-left:0}.col-offset-s-7{margin-left:60.66667%}.col-no-margin-s-7{float:left;box-sizing:border-box;width:58.33333%}.col-s-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-s-8:first-child{margin-left:0}.col-offset-s-8{margin-left:69.33333%}.col-no-margin-s-8{float:left;box-sizing:border-box;width:66.66667%}.col-s-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-s-9:first-child{margin-left:0}.col-offset-s-9{margin-left:78%}.col-no-margin-s-9{float:left;box-sizing:border-box;width:75%}.col-s-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-s-10:first-child{margin-left:0}.col-offset-s-10{margin-left:86.66667%}.col-no-margin-s-10{float:left;box-sizing:border-box;width:83.33333%}.col-s-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-s-11:first-child{margin-left:0}.col-offset-s-11{margin-left:95.33333%}.col-no-margin-s-11{float:left;box-sizing:border-box;width:91.66667%}.col-s-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-s-12:first-child{margin-left:0}.col-no-margin-s-12{float:left;box-sizing:border-box;width:100%}.s-hidden{display:none !important}.s-visible{display:block !important}}@media (max-width: 1024px) and (min-width: 720px){.col-m-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-m-1:first-child{margin-left:0}.col-offset-m-1{margin-left:8.66667%}.col-no-margin-m-1{float:left;box-sizing:border-box;width:8.33333%}.col-m-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-m-2:first-child{margin-left:0}.col-offset-m-2{margin-left:17.33333%}.col-no-margin-m-2{float:left;box-sizing:border-box;width:16.66667%}.col-m-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-m-3:first-child{margin-left:0}.col-offset-m-3{margin-left:26%}.col-no-margin-m-3{float:left;box-sizing:border-box;width:25%}.col-m-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-m-4:first-child{margin-left:0}.col-offset-m-4{margin-left:34.66667%}.col-no-margin-m-4{float:left;box-sizing:border-box;width:33.33333%}.col-m-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-m-5:first-child{margin-left:0}.col-offset-m-5{margin-left:43.33333%}.col-no-margin-m-5{float:left;box-sizing:border-box;width:41.66667%}.col-m-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-m-6:first-child{margin-left:0}.col-offset-m-6{margin-left:52%}.col-no-margin-m-6{float:left;box-sizing:border-box;width:50%}.col-m-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-m-7:first-child{margin-left:0}.col-offset-m-7{margin-left:60.66667%}.col-no-margin-m-7{float:left;box-sizing:border-box;width:58.33333%}.col-m-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-m-8:first-child{margin-left:0}.col-offset-m-8{margin-left:69.33333%}.col-no-margin-m-8{float:left;box-sizing:border-box;width:66.66667%}.col-m-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-m-9:first-child{margin-left:0}.col-offset-m-9{margin-left:78%}.col-no-margin-m-9{float:left;box-sizing:border-box;width:75%}.col-m-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-m-10:first-child{margin-left:0}.col-offset-m-10{margin-left:86.66667%}.col-no-margin-m-10{float:left;box-sizing:border-box;width:83.33333%}.col-m-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-m-11:first-child{margin-left:0}.col-offset-m-11{margin-left:95.33333%}.col-no-margin-m-11{float:left;box-sizing:border-box;width:91.66667%}.col-m-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-m-12:first-child{margin-left:0}.col-no-margin-m-12{float:left;box-sizing:border-box;width:100%}.m-hidden{display:none !important}.m-visible{display:block !important}}@media (min-width: 1024px){.col-l-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-l-1:first-child{margin-left:0}.col-offset-l-1{margin-left:8.66667%}.col-no-margin-l-1{float:left;box-sizing:border-box;width:8.33333%}.col-l-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-l-2:first-child{margin-left:0}.col-offset-l-2{margin-left:17.33333%}.col-no-margin-l-2{float:left;box-sizing:border-box;width:16.66667%}.col-l-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-l-3:first-child{margin-left:0}.col-offset-l-3{margin-left:26%}.col-no-margin-l-3{float:left;box-sizing:border-box;width:25%}.col-l-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-l-4:first-child{margin-left:0}.col-offset-l-4{margin-left:34.66667%}.col-no-margin-l-4{float:left;box-sizing:border-box;width:33.33333%}.col-l-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-l-5:first-child{margin-left:0}.col-offset-l-5{margin-left:43.33333%}.col-no-margin-l-5{float:left;box-sizing:border-box;width:41.66667%}.col-l-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-l-6:first-child{margin-left:0}.col-offset-l-6{margin-left:52%}.col-no-margin-l-6{float:left;box-sizing:border-box;width:50%}.col-l-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-l-7:first-child{margin-left:0}.col-offset-l-7{margin-left:60.66667%}.col-no-margin-l-7{float:left;box-sizing:border-box;width:58.33333%}.col-l-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-l-8:first-child{margin-left:0}.col-offset-l-8{margin-left:69.33333%}.col-no-margin-l-8{float:left;box-sizing:border-box;width:66.66667%}.col-l-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-l-9:first-child{margin-left:0}.col-offset-l-9{margin-left:78%}.col-no-margin-l-9{float:left;box-sizing:border-box;width:75%}.col-l-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-l-10:first-child{margin-left:0}.col-offset-l-10{margin-left:86.66667%}.col-no-margin-l-10{float:left;box-sizing:border-box;width:83.33333%}.col-l-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-l-11:first-child{margin-left:0}.col-offset-l-11{margin-left:95.33333%}.col-no-margin-l-11{float:left;box-sizing:border-box;width:91.66667%}.col-l-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-l-12:first-child{margin-left:0}.col-no-margin-l-12{float:left;box-sizing:border-box;width:100%}.l-hidden{display:none !important}.l-visible{display:block !important}}@media (min-width: 720px) and (orientation:portrait){body{font-size:25px}}.vertical-center,.music-mpd-container .controls,.music-mpd-container .controls .track-container,.music-mpd-container .controls .playback-controls .row{display:flex;align-items:center}.horizontal-center{display:flex;justify-content:center;margin-left:auto;margin-right:auto}.fade-in{--duration:.5s;animation-name:fadeIn;animation-timing-function:ease-in;animation-duration:var(--duration);animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.roll-in{--duration:.5s;animation-name:rollIn;animation-timing-function:ease-in;animation-duration:var(--duration);animation-fill-mode:both}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}.active-glow,.music-mpd-container .browser .item.active,.music-mpd-container .search .item.active,.music-mpd-container .playlist .item.active{-webkit-animation:active-glow 5s infinite;-ms-animation:active-glow 5s infinite;-o-animation:active-glow 5s infinite;-ms-animation:active-glow 5s infinite;animation:active-glow 5s infinite}@keyframes active-glow{0%{background:#d4ffe3}50%{background:#9cdfb0}100%{background:#d4ffe3}}.music-mpd-container{display:flex;flex-direction:column;line-height:3rem;letter-spacing:.03rem;height:inherit;overflow:hidden}.music-mpd-container .item{display:flex;align-items:center;cursor:pointer;border-radius:1rem;padding:.5rem}.music-mpd-container .item:nth-child(odd){background:rgba(255,255,255,0)}.music-mpd-container .item:nth-child(even){background:#f1f3f2}.music-mpd-container .item:hover{background:#def6ea !important}.music-mpd-container .item.selected{background:#c8ffd0 !important}.music-mpd-container .item .artist{font-size:.9em}.music-mpd-container .duration{color:#666;font-size:.7em}.music-mpd-container button{border:0}.music-mpd-container button:disabled{background:none}.music-mpd-container button.enabled{color:#59df3e !important}.music-mpd-container button.enabled .fa{color:#59df3e !important}.music-mpd-container button:hover .fa{opacity:.75}.music-mpd-container .spacer{height:5rem}.music-mpd-container .panels{display:flex;flex-direction:row;flex:0 1 auto;order:0;height:-webkit-calc( 100% - 10.1rem );height:-moz-calc( 100% - 10.1rem );height:calc( 100% - 10.1rem )}.music-mpd-container .panels .panel{height:100%}.music-mpd-container .browser{width:40%;min-width:20rem;max-width:35rem;background:rgba(248,250,250,0.95);font-size:.9em}.music-mpd-container .browser .item{background:none}.music-mpd-container .browser .fa{color:#666}.music-mpd-container .browser .browser-controls button,.music-mpd-container .browser .results-controls button,.music-mpd-container .browser .playlist-controls button,.music-mpd-container .search .browser-controls button,.music-mpd-container .search .results-controls button,.music-mpd-container .search .playlist-controls button,.music-mpd-container .playlist .browser-controls button,.music-mpd-container .playlist .results-controls button,.music-mpd-container .playlist .playlist-controls button,.music-mpd-container .playlist-add button,.music-mpd-container .editor button{border:0;padding:0 1.5rem}.music-mpd-container .browser .browser-controls button:disabled,.music-mpd-container .browser .results-controls button:disabled,.music-mpd-container .browser .playlist-controls button:disabled,.music-mpd-container .search .browser-controls button:disabled,.music-mpd-container .search .results-controls button:disabled,.music-mpd-container .search .playlist-controls button:disabled,.music-mpd-container .playlist .browser-controls button:disabled,.music-mpd-container .playlist .results-controls button:disabled,.music-mpd-container .playlist .playlist-controls button:disabled,.music-mpd-container .playlist-add button:disabled,.music-mpd-container .editor button:disabled{background:none}.music-mpd-container .browser .browser-controls button.enabled,.music-mpd-container .browser .results-controls button.enabled,.music-mpd-container .browser .playlist-controls button.enabled,.music-mpd-container .search .browser-controls button.enabled,.music-mpd-container .search .results-controls button.enabled,.music-mpd-container .search .playlist-controls button.enabled,.music-mpd-container .playlist .browser-controls button.enabled,.music-mpd-container .playlist .results-controls button.enabled,.music-mpd-container .playlist .playlist-controls button.enabled,.music-mpd-container .playlist-add button.enabled,.music-mpd-container .editor button.enabled{color:#59df3e}.music-mpd-container .browser .browser-controls button .fa-search,.music-mpd-container .browser .results-controls button .fa-search,.music-mpd-container .browser .playlist-controls button .fa-search,.music-mpd-container .search .browser-controls button .fa-search,.music-mpd-container .search .results-controls button .fa-search,.music-mpd-container .search .playlist-controls button .fa-search,.music-mpd-container .playlist .browser-controls button .fa-search,.music-mpd-container .playlist .results-controls button .fa-search,.music-mpd-container .playlist .playlist-controls button .fa-search,.music-mpd-container .playlist-add button .fa-search,.music-mpd-container .editor button .fa-search{color:#59df3e}.music-mpd-container .browser .item.move:hover,.music-mpd-container .search .item.move:hover,.music-mpd-container .playlist .item.move:hover,.music-mpd-container .playlist-add .editor-container .item.move:hover,.music-mpd-container .editor .editor-container .item.move:hover{background:rgba(216,156,136,0.3) !important;border-top:3px dotted #d89c88;border-bottom:3px dotted #d89c88;cursor:move}.music-mpd-container .browser .results,.music-mpd-container .search .results,.music-mpd-container .playlist .results{position:relative;height:-webkit-calc( 100% - 5.1rem );height:-moz-calc( 100% - 5.1rem );height:calc( 100% - 5.1rem );overflow:auto}.music-mpd-container .browser .browser-controls,.music-mpd-container .browser .results-controls,.music-mpd-container .browser .playlist-controls,.music-mpd-container .search .browser-controls,.music-mpd-container .search .results-controls,.music-mpd-container .search .playlist-controls,.music-mpd-container .playlist .browser-controls,.music-mpd-container .playlist .results-controls,.music-mpd-container .playlist .playlist-controls{width:100%;height:4rem;background:rgba(247,247,247,0.95);border-bottom:1px solid #ddd;padding:.5rem 0}.music-mpd-container .browser .browser-controls input[type=text],.music-mpd-container .browser .results-controls input[type=text],.music-mpd-container .browser .playlist-controls input[type=text],.music-mpd-container .search .browser-controls input[type=text],.music-mpd-container .search .results-controls input[type=text],.music-mpd-container .search .playlist-controls input[type=text],.music-mpd-container .playlist .browser-controls input[type=text],.music-mpd-container .playlist .results-controls input[type=text],.music-mpd-container .playlist .playlist-controls input[type=text]{width:100%}.music-mpd-container .browser .browser-controls button,.music-mpd-container .browser .results-controls button,.music-mpd-container .browser .playlist-controls button,.music-mpd-container .search .browser-controls button,.music-mpd-container .search .results-controls button,.music-mpd-container .search .playlist-controls button,.music-mpd-container .playlist .browser-controls button,.music-mpd-container .playlist .results-controls button,.music-mpd-container .playlist .playlist-controls button{padding:0 .75rem}.music-mpd-container .browser .empty,.music-mpd-container .search .empty,.music-mpd-container .playlist .empty{display:flex;align-items:center;justify-content:center;height:100%;font-size:5rem;color:rgba(200,200,200,0.7);text-shadow:2px 1px #ebebeb}.music-mpd-container .browser .item .empty,.music-mpd-container .search .item .empty,.music-mpd-container .playlist .item .empty{font-size:1em;display:block;height:auto}.music-mpd-container .browser .item.active,.music-mpd-container .search .item.active,.music-mpd-container .playlist .item.active{height:4rem}.music-mpd-container .playlist{width:100%}.music-mpd-container .playlist-add .editor-controls,.music-mpd-container .playlist-add .playlist-add-controls,.music-mpd-container .editor .editor-controls,.music-mpd-container .editor .playlist-add-controls{background:rgba(247,247,247,0.95);border-bottom:1px solid #ddd;border-radius:0;box-shadow:0 2.5px 4px 0 #bbb;margin:-2.5rem -2rem 0 -2rem;padding:.5rem}.music-mpd-container .playlist-add input[type=text],.music-mpd-container .editor input[type=text]{width:100%}.music-mpd-container .playlist-add button,.music-mpd-container .editor button{padding:0 .75rem}.music-mpd-container .playlist-add .editor-container,.music-mpd-container .playlist-add .playlists-container,.music-mpd-container .editor .editor-container,.music-mpd-container .editor .playlists-container{overflow:auto;margin:0 -2rem;padding:1rem}.music-mpd-container .playlist-add .playlists-container,.music-mpd-container .editor .playlists-container{max-height:70vh}.music-mpd-container .playlist-add .editor-container,.music-mpd-container .editor .editor-container{max-height:65vh}.music-mpd-container .controls{width:100%;border-top:1px solid #ddd;background:rgba(245,245,245,0.95);box-shadow:0 -2.5px 4px 0 silver;z-index:2;order:1;flex:0 0 10rem}.music-mpd-container .controls .track-container{padding-left:1rem;line-height:2.6rem}.music-mpd-container .controls .track-container a{color:initial;text-decoration:none}.music-mpd-container .controls .track-container a:hover{color:#2ebe6e}.music-mpd-container .controls .track-container .track-info .artist{font-weight:bold}.music-mpd-container .controls button:hover .fa{color:#59df3e}.music-mpd-container .controls .playback-controls .row{justify-content:center}.music-mpd-container .controls .playback-controls button{padding:0 1.5rem}.music-mpd-container .controls .playback-controls button .fa-play,.music-mpd-container .controls .playback-controls button .fa-pause{color:#59df3e;font-size:30px;margin-top:.3rem}.music-mpd-container .controls .playback-controls button .fa-play:hover,.music-mpd-container .controls .playback-controls button .fa-pause:hover{color:#64ef4a}.music-mpd-container .controls .pull-right{padding-right:2.5rem}.music-mpd-container .controls .pull-right button:not(last-child){padding:0 .7rem}.music-mpd-container .controls .pull-right button:last-child{padding:0}.music-mpd-container .controls .pull-right .volume-container button{padding:0 .3rem 0 0;background:none}.music-mpd-container .controls .seek-slider{width:75%}.music-mpd-container .controls .volume-slider{width:75%;margin-right:1rem}.music-mpd-container .controls .elapsed-time,.music-mpd-container .controls .total-time{font-size:.7em;color:.7em}.music-mpd-container .controls .elapsed-time{margin-right:1.5rem}.music-mpd-container .controls .total-time{margin-left:1.5rem}.music-mpd-container .search{--width:90vw;padding:0}.music-mpd-container .search form{margin-bottom:0;padding:2.7rem}.music-mpd-container .search form .row{padding:.5rem}.music-mpd-container .search form .footer{padding-top:1.5rem;margin:2.5rem 0;border-top:1px solid #ccc}.music-mpd-container .search form .footer .left{display:flex;justify-content:left}.music-mpd-container .search form button,.music-mpd-container .search form input[type=submit]{border-radius:5rem}.music-mpd-container .search .results-controls{padding:0;border-bottom:1px solid #ddd;width:var(--width);height:4.5rem;display:flex;align-items:center;z-index:502}.music-mpd-container .search form,.music-mpd-container .search .results{position:relative}.music-mpd-container .search .results{height:-webkit-calc( 100% - 4.7rem );height:-moz-calc( 100% - 4.7rem );height:calc( 100% - 4.7rem )}.music-mpd-container .dropdown{width:20rem}.music-mpd-container .filter-container{position:relative}#music-mpd-info .modal .body .row{margin:.5rem;padding:.5rem;border-bottom:1px solid #ddd}#music-mpd-info .modal .body .row:hover{border-radius:1rem;background:#def6ea}#music-mpd-info .modal .body .row .attr{color:#777}#music-mpd-info .modal .body .row .value{text-align:right}#music-mpd-search-modal .dropdown,#music-mpd-playlist-edit .dropdown{z-index:503}#music-mpd-search-modal .header{height:3.8rem}#music-mpd-search-modal .body{display:flex;padding:0}#music-mpd-playlist-add .modal{min-width:50rem}#music-mpd-playlist-edit .modal{min-width:80rem}@media (max-width: 720px){#music-mpd-info .modal{width:80vw}}@media (max-width: 1024px) and (min-width: 720px){#music-mpd-info .modal{width:70vw}}@media (min-width: 1024px){#music-mpd-info .modal{width:45vw}}
diff --git a/platypush/backend/http/static/css/dist/webpanel/plugins/music.snapcast.css b/platypush/backend/http/static/css/dist/webpanel/plugins/music.snapcast.css
new file mode 100644
index 0000000000..e3de780bed
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/webpanel/plugins/music.snapcast.css
@@ -0,0 +1 @@
+.col-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-1:first-child{margin-left:0}.col-no-margin-1{float:left;box-sizing:border-box;width:8.33333%;margin:0}.col-offset-1:first-child{margin-left:8.66667% !important}.col-offset-1:not(first-child){margin-left:12.66667% !important}.col-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-2:first-child{margin-left:0}.col-no-margin-2{float:left;box-sizing:border-box;width:16.66667%;margin:0}.col-offset-2:first-child{margin-left:17.33333% !important}.col-offset-2:not(first-child){margin-left:21.33333% !important}.col-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-3:first-child{margin-left:0}.col-no-margin-3{float:left;box-sizing:border-box;width:25%;margin:0}.col-offset-3:first-child{margin-left:26% !important}.col-offset-3:not(first-child){margin-left:30% !important}.col-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-4:first-child{margin-left:0}.col-no-margin-4{float:left;box-sizing:border-box;width:33.33333%;margin:0}.col-offset-4:first-child{margin-left:34.66667% !important}.col-offset-4:not(first-child){margin-left:38.66667% !important}.col-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-5:first-child{margin-left:0}.col-no-margin-5{float:left;box-sizing:border-box;width:41.66667%;margin:0}.col-offset-5:first-child{margin-left:43.33333% !important}.col-offset-5:not(first-child){margin-left:47.33333% !important}.col-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-6:first-child{margin-left:0}.col-no-margin-6{float:left;box-sizing:border-box;width:50%;margin:0}.col-offset-6:first-child{margin-left:52% !important}.col-offset-6:not(first-child){margin-left:56% !important}.col-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-7:first-child{margin-left:0}.col-no-margin-7{float:left;box-sizing:border-box;width:58.33333%;margin:0}.col-offset-7:first-child{margin-left:60.66667% !important}.col-offset-7:not(first-child){margin-left:64.66667% !important}.col-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-8:first-child{margin-left:0}.col-no-margin-8{float:left;box-sizing:border-box;width:66.66667%;margin:0}.col-offset-8:first-child{margin-left:69.33333% !important}.col-offset-8:not(first-child){margin-left:73.33333% !important}.col-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-9:first-child{margin-left:0}.col-no-margin-9{float:left;box-sizing:border-box;width:75%;margin:0}.col-offset-9:first-child{margin-left:78% !important}.col-offset-9:not(first-child){margin-left:82% !important}.col-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-10:first-child{margin-left:0}.col-no-margin-10{float:left;box-sizing:border-box;width:83.33333%;margin:0}.col-offset-10:first-child{margin-left:86.66667% !important}.col-offset-10:not(first-child){margin-left:90.66667% !important}.col-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-11:first-child{margin-left:0}.col-no-margin-11{float:left;box-sizing:border-box;width:91.66667%;margin:0}.col-offset-11:first-child{margin-left:95.33333% !important}.col-offset-11:not(first-child){margin-left:99.33333% !important}.col-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-12:first-child{margin-left:0}.col-no-margin-12{float:left;box-sizing:border-box;width:100%;margin:0}@media (max-width: 720px){.col-s-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-s-1:first-child{margin-left:0}.col-offset-s-1{margin-left:8.66667%}.col-no-margin-s-1{float:left;box-sizing:border-box;width:8.33333%}.col-s-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-s-2:first-child{margin-left:0}.col-offset-s-2{margin-left:17.33333%}.col-no-margin-s-2{float:left;box-sizing:border-box;width:16.66667%}.col-s-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-s-3:first-child{margin-left:0}.col-offset-s-3{margin-left:26%}.col-no-margin-s-3{float:left;box-sizing:border-box;width:25%}.col-s-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-s-4:first-child{margin-left:0}.col-offset-s-4{margin-left:34.66667%}.col-no-margin-s-4{float:left;box-sizing:border-box;width:33.33333%}.col-s-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-s-5:first-child{margin-left:0}.col-offset-s-5{margin-left:43.33333%}.col-no-margin-s-5{float:left;box-sizing:border-box;width:41.66667%}.col-s-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-s-6:first-child{margin-left:0}.col-offset-s-6{margin-left:52%}.col-no-margin-s-6{float:left;box-sizing:border-box;width:50%}.col-s-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-s-7:first-child{margin-left:0}.col-offset-s-7{margin-left:60.66667%}.col-no-margin-s-7{float:left;box-sizing:border-box;width:58.33333%}.col-s-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-s-8:first-child{margin-left:0}.col-offset-s-8{margin-left:69.33333%}.col-no-margin-s-8{float:left;box-sizing:border-box;width:66.66667%}.col-s-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-s-9:first-child{margin-left:0}.col-offset-s-9{margin-left:78%}.col-no-margin-s-9{float:left;box-sizing:border-box;width:75%}.col-s-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-s-10:first-child{margin-left:0}.col-offset-s-10{margin-left:86.66667%}.col-no-margin-s-10{float:left;box-sizing:border-box;width:83.33333%}.col-s-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-s-11:first-child{margin-left:0}.col-offset-s-11{margin-left:95.33333%}.col-no-margin-s-11{float:left;box-sizing:border-box;width:91.66667%}.col-s-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-s-12:first-child{margin-left:0}.col-no-margin-s-12{float:left;box-sizing:border-box;width:100%}.s-hidden{display:none !important}.s-visible{display:block !important}}@media (max-width: 1024px) and (min-width: 720px){.col-m-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-m-1:first-child{margin-left:0}.col-offset-m-1{margin-left:8.66667%}.col-no-margin-m-1{float:left;box-sizing:border-box;width:8.33333%}.col-m-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-m-2:first-child{margin-left:0}.col-offset-m-2{margin-left:17.33333%}.col-no-margin-m-2{float:left;box-sizing:border-box;width:16.66667%}.col-m-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-m-3:first-child{margin-left:0}.col-offset-m-3{margin-left:26%}.col-no-margin-m-3{float:left;box-sizing:border-box;width:25%}.col-m-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-m-4:first-child{margin-left:0}.col-offset-m-4{margin-left:34.66667%}.col-no-margin-m-4{float:left;box-sizing:border-box;width:33.33333%}.col-m-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-m-5:first-child{margin-left:0}.col-offset-m-5{margin-left:43.33333%}.col-no-margin-m-5{float:left;box-sizing:border-box;width:41.66667%}.col-m-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-m-6:first-child{margin-left:0}.col-offset-m-6{margin-left:52%}.col-no-margin-m-6{float:left;box-sizing:border-box;width:50%}.col-m-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-m-7:first-child{margin-left:0}.col-offset-m-7{margin-left:60.66667%}.col-no-margin-m-7{float:left;box-sizing:border-box;width:58.33333%}.col-m-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-m-8:first-child{margin-left:0}.col-offset-m-8{margin-left:69.33333%}.col-no-margin-m-8{float:left;box-sizing:border-box;width:66.66667%}.col-m-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-m-9:first-child{margin-left:0}.col-offset-m-9{margin-left:78%}.col-no-margin-m-9{float:left;box-sizing:border-box;width:75%}.col-m-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-m-10:first-child{margin-left:0}.col-offset-m-10{margin-left:86.66667%}.col-no-margin-m-10{float:left;box-sizing:border-box;width:83.33333%}.col-m-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-m-11:first-child{margin-left:0}.col-offset-m-11{margin-left:95.33333%}.col-no-margin-m-11{float:left;box-sizing:border-box;width:91.66667%}.col-m-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-m-12:first-child{margin-left:0}.col-no-margin-m-12{float:left;box-sizing:border-box;width:100%}.m-hidden{display:none !important}.m-visible{display:block !important}}@media (min-width: 1024px){.col-l-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-l-1:first-child{margin-left:0}.col-offset-l-1{margin-left:8.66667%}.col-no-margin-l-1{float:left;box-sizing:border-box;width:8.33333%}.col-l-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-l-2:first-child{margin-left:0}.col-offset-l-2{margin-left:17.33333%}.col-no-margin-l-2{float:left;box-sizing:border-box;width:16.66667%}.col-l-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-l-3:first-child{margin-left:0}.col-offset-l-3{margin-left:26%}.col-no-margin-l-3{float:left;box-sizing:border-box;width:25%}.col-l-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-l-4:first-child{margin-left:0}.col-offset-l-4{margin-left:34.66667%}.col-no-margin-l-4{float:left;box-sizing:border-box;width:33.33333%}.col-l-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-l-5:first-child{margin-left:0}.col-offset-l-5{margin-left:43.33333%}.col-no-margin-l-5{float:left;box-sizing:border-box;width:41.66667%}.col-l-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-l-6:first-child{margin-left:0}.col-offset-l-6{margin-left:52%}.col-no-margin-l-6{float:left;box-sizing:border-box;width:50%}.col-l-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-l-7:first-child{margin-left:0}.col-offset-l-7{margin-left:60.66667%}.col-no-margin-l-7{float:left;box-sizing:border-box;width:58.33333%}.col-l-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-l-8:first-child{margin-left:0}.col-offset-l-8{margin-left:69.33333%}.col-no-margin-l-8{float:left;box-sizing:border-box;width:66.66667%}.col-l-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-l-9:first-child{margin-left:0}.col-offset-l-9{margin-left:78%}.col-no-margin-l-9{float:left;box-sizing:border-box;width:75%}.col-l-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-l-10:first-child{margin-left:0}.col-offset-l-10{margin-left:86.66667%}.col-no-margin-l-10{float:left;box-sizing:border-box;width:83.33333%}.col-l-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-l-11:first-child{margin-left:0}.col-offset-l-11{margin-left:95.33333%}.col-no-margin-l-11{float:left;box-sizing:border-box;width:91.66667%}.col-l-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-l-12:first-child{margin-left:0}.col-no-margin-l-12{float:left;box-sizing:border-box;width:100%}.l-hidden{display:none !important}.l-visible{display:block !important}}@media (min-width: 720px) and (orientation:portrait){body{font-size:25px}}.vertical-center{display:flex;align-items:center}.horizontal-center{display:flex;justify-content:center;margin-left:auto;margin-right:auto}.music-snapcast-container .host{width:95%;margin:2rem auto;border:1px solid #ddd;border-radius:1rem;box-shadow:2px 2px 2px #ccc}.music-snapcast-container .host .head{padding:1rem .5rem;background:#edf0ee;border-bottom:1px solid #ddd;border-radius:1rem 1rem 0 0;display:flex;align-items:center}.music-snapcast-container .host .head .name{padding-left:.5rem;text-transform:uppercase}.music-snapcast-container .host .head .name:hover{color:#35b870;cursor:pointer}.music-snapcast-container .host .head button{padding:0;border:0}.music-snapcast-container .host .head button:hover{color:#35b870}.music-snapcast-container .host .group .head{background:#f8f8f8;border-radius:0}.music-snapcast-container .host .group .head,.music-snapcast-container .host .group .client{padding:0 1rem}.music-snapcast-container .host .group .client{display:flex;align-items:center}.music-snapcast-container .host .group .client.offline{color:#888}.music-snapcast-container .host .group .client:hover{background:#def6ea}.music-snapcast-container .host .group .client .name:hover{color:#35b870;cursor:pointer}.music-snapcast-container .host .icon{margin-right:1rem}.music-snapcast-container .modal .info{padding:2rem}.music-snapcast-container .modal .info .section{border:1px solid #ddd;border-radius:1rem}.music-snapcast-container .modal .info .section:not(last-child){margin-bottom:2rem}.music-snapcast-container .modal .info .section .title{border-bottom:1px solid #ddd;padding:1rem;text-transform:uppercase}.music-snapcast-container .modal .info .section.clients .row{padding:.5rem}.music-snapcast-container .modal .info .section.clients .row label{margin:0 0 0 .5rem}.music-snapcast-container .modal .info .row{padding:.33rem .5rem;border-radius:.75rem;display:flex;align-items:center}.music-snapcast-container .modal .info .row:nth-child(odd){background:rgba(255,255,255,0)}.music-snapcast-container .modal .info .row:nth-child(even){background:#f1f3f2}.music-snapcast-container .modal .info .row:hover{background:#def6ea}.music-snapcast-container .modal .info .row .label{font-weight:bold}.music-snapcast-container .modal .info .row .value{text-align:right}#music-snapcast-client-info .info .buttons{background:initial;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #ddd;display:flex;justify-content:center}#music-snapcast-client-info .info .buttons button{color:#900;border-color:#900}@media (max-width: 720px){.music-snapcast-container .modal{width:80vw}}@media (max-width: 1024px) and (min-width: 720px){.music-snapcast-container .modal{width:70vw}}@media (min-width: 1024px){.music-snapcast-container .modal{width:45vw}}
diff --git a/platypush/backend/http/static/css/dist/webpanel/plugins/sensors.css b/platypush/backend/http/static/css/dist/webpanel/plugins/sensors.css
new file mode 100644
index 0000000000..76aa6b6df7
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/webpanel/plugins/sensors.css
@@ -0,0 +1 @@
+.sensors .head{text-align:right}.sensors .head button{border:0}.sensors .head button:hover{background:#def6ea}.sensors .body{display:flex;flex-direction:column;margin:2rem auto;width:80%}.sensors .body .metric{margin-bottom:.75rem;padding:2rem;border:1px solid #ccc;border-radius:2rem}.sensors .body .metric:nth-child(odd){background:rgba(255,255,255,0)}.sensors .body .metric:nth-child(even){background:#f1f3f2}.sensors .body .metric:hover{background:#def6ea}.sensors .body .metric .value{text-align:right;font-weight:bold}
diff --git a/platypush/backend/http/static/css/dist/webpanel/plugins/sound.css b/platypush/backend/http/static/css/dist/webpanel/plugins/sound.css
new file mode 100644
index 0000000000..0118afd07f
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/webpanel/plugins/sound.css
@@ -0,0 +1 @@
+.sound{height:90%;margin-top:7%;overflow:hidden;display:flex;flex-direction:column;align-items:center}.sound .sound-container{margin-bottom:1em}
diff --git a/platypush/backend/http/static/css/dist/webpanel/plugins/stt.deepspeech.css b/platypush/backend/http/static/css/dist/webpanel/plugins/stt.deepspeech.css
new file mode 100644
index 0000000000..462e73c860
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/webpanel/plugins/stt.deepspeech.css
@@ -0,0 +1 @@
+#assistant-google-modal .modal{width:50vw;height:50vh}#assistant-google-modal .modal .body{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}#assistant-google-modal .modal .body .icon{font-size:3em;color:#7e8;box-shadow:2px 2px 2px #ccc;border:1px solid #ccc;border-radius:3em;padding:.7em 1em .5em 1em}#assistant-google-modal .modal .body .text{margin-top:2.5em}
diff --git a/platypush/backend/http/static/css/dist/webpanel/plugins/switches.css b/platypush/backend/http/static/css/dist/webpanel/plugins/switches.css
new file mode 100644
index 0000000000..f666f22493
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/webpanel/plugins/switches.css
@@ -0,0 +1 @@
+.switches-root .switch-root .head{padding:1rem .5rem;background:#e8e8e8;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-transform:uppercase}.switches-root .switch-root .switches{display:flex;flex-direction:column;padding:1rem}.switches-root .switch-root .device{display:flex;align-items:center}.switches-root .switch-root .device .toggle{text-align:right}.switches-root .switch-root .device:hover{background:#def6ea}.switches-root .switch-root .device:not(:last-child){border-bottom:1px solid #ddd}
diff --git a/platypush/backend/http/static/css/dist/webpanel/plugins/tts.css b/platypush/backend/http/static/css/dist/webpanel/plugins/tts.css
new file mode 100644
index 0000000000..3243e8485a
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/webpanel/plugins/tts.css
@@ -0,0 +1 @@
+.tts-container{max-width:80rem;min-height:10rem;margin:3rem auto;display:flex;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:3rem}.tts-container form{margin:0;width:90%}.tts-container form input[type=text]{width:100%}.tts-container form button{border-radius:5rem}.tts-container form input:hover,.tts-container form button:hover{border-color:#35b870}
diff --git a/platypush/backend/http/static/css/dist/webpanel/plugins/tts.google.css b/platypush/backend/http/static/css/dist/webpanel/plugins/tts.google.css
new file mode 100644
index 0000000000..3243e8485a
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/webpanel/plugins/tts.google.css
@@ -0,0 +1 @@
+.tts-container{max-width:80rem;min-height:10rem;margin:3rem auto;display:flex;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:3rem}.tts-container form{margin:0;width:90%}.tts-container form input[type=text]{width:100%}.tts-container form button{border-radius:5rem}.tts-container form input:hover,.tts-container form button:hover{border-color:#35b870}
diff --git a/platypush/backend/http/static/css/dist/webpanel/plugins/tv.samsung.ws.css b/platypush/backend/http/static/css/dist/webpanel/plugins/tv.samsung.ws.css
new file mode 100644
index 0000000000..77857cffbc
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/webpanel/plugins/tv.samsung.ws.css
@@ -0,0 +1 @@
+.tv-samsung-ws-container{height:100%;display:flex;justify-content:center}.tv-samsung-ws-container .controls{max-width:500px;height:calc(100% - .15em);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 1em;border:1px solid #ddd;border-radius:2em;box-shadow:0 2px 9px 2px #bbb}.tv-samsung-ws-container .controls .power{color:red}.tv-samsung-ws-container .controls button{margin:.5em 0}.tv-samsung-ws-container .rows{flex-direction:column}.tv-samsung-ws-container .rows * button{width:100%}.tv-samsung-ws-container .section{width:100%;display:flex;margin:0 0 1.5em 0;padding:0 0 1.5em 0;border-bottom:1px solid #ddd}.tv-samsung-ws-container .directions{flex-direction:column}.tv-samsung-ws-container .directions * button{width:5em;height:4em}.tv-samsung-ws-container .volume,.tv-samsung-ws-container .channel{text-align:center}.tv-samsung-ws-container .colors{text-align:center}.tv-samsung-ws-container .colors .color{width:3em;height:3em;padding:0;border-radius:2em}.tv-samsung-ws-container .colors .color.red{background:red}.tv-samsung-ws-container .colors .color.green{background:green}.tv-samsung-ws-container .colors .color.yellow{background:#ff0}.tv-samsung-ws-container .colors .color.blue{background:blue}
diff --git a/platypush/backend/http/static/css/dist/webpanel/plugins/zigbee.mqtt.css b/platypush/backend/http/static/css/dist/webpanel/plugins/zigbee.mqtt.css
new file mode 100644
index 0000000000..7a1dc3171b
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/webpanel/plugins/zigbee.mqtt.css
@@ -0,0 +1 @@
+.fa.fa-zigbee:before{content:' ';background:url('/static/img/icons/zigbee-logo.svg');background-size:1em 1em;width:1em;height:1em;display:inline-block}.zigbee-container{height:100%;padding:0 .5em;background:#f1f1f1;display:flex;flex-direction:column;align-items:center;overflow:auto}.zigbee-container .no-items{padding:2em;font-size:1.5em;color:#555;display:flex;align-items:center;justify-content:center}.zigbee-container .view-options{display:flex;width:100%;justify-content:space-between;padding:1em 0}.zigbee-container .view-options .view-selector{display:inline-flex}.zigbee-container .view-options .buttons{display:inline-flex}.zigbee-container .view-options select{width:100%;border-radius:1em}.zigbee-container .btn-default{border:0;padding:0 1em}.zigbee-container .btn-default:hover{border:1px solid #ddd;border-radius:1em}.zigbee-container .buttons{text-align:right}.zigbee-container .view{min-width:400pt;max-width:750pt;background:#fff;border:1px solid #d8d8d8;border-radius:1.5em;box-shadow:1px 2px 2px #ccc}.zigbee-container .item.selected{box-shadow:0 2px 4px 0 #bbb}.zigbee-container .item .name{padding:1em;cursor:pointer;text-transform:uppercase;letter-spacing:.06em}.zigbee-container .item .name.selected{border-radius:1.5em}.zigbee-container .item:hover{background:#def6ea}.zigbee-container .item:not(:last-child){border-bottom:1px solid #ddd}.zigbee-container .item:first-child{border-radius:1.5em 1.5em 0 0}.zigbee-container .item:last-child{border-radius:0 0 1.5em 1.5em}.zigbee-container .params{background:#fff;padding-bottom:1em}.zigbee-container .params .section{display:flex;flex-direction:column;padding:0 1em}.zigbee-container .params .section:not(:first-child){padding-top:1em}.zigbee-container .params .section .header{display:flex;align-items:center;font-weight:bold;border-bottom:1px solid #e8e8e8}.zigbee-container .params .row{display:flex;align-items:center;border-radius:1em;padding:.3em}.zigbee-container .params .row:nth-child(even){background:#ededed}.zigbee-container .params .row:nth-child(odd){background:#fff}.zigbee-container .params .row:hover{background:#def6ea}.zigbee-container .params .param-name{display:inline-flex;width:40%;margin-left:1%;vertical-align:top;letter-spacing:.04em}.zigbee-container .params .param-value{display:inline-block;width:58%;text-align:right}.zigbee-container .params .param-value .value-edit{display:flex;align-items:center}.zigbee-container .params .param-value .value-data{display:inline-block;font-weight:bold}.zigbee-container .params .param-value .slider-container{display:flex;align-items:center}.zigbee-container .params .param-value .unit{font-size:.8em;margin-left:1em;display:inline}.zigbee-container .params .param-value select{width:100%;border-radius:2em}.zigbee-container .params .param-value .numeric input.slider{text-align:left}.zigbee-container .params .param-value .numeric input[type=text]{text-align:right;width:100%}.zigbee-container .params .param-value .numeric .row{background:none}.zigbee-container .params .param-value .numeric .row:hover{background:none}.zigbee-container .params .param-value .numeric .value-min,.zigbee-container .params .param-value .numeric .value-max{width:50%;font-size:.85em;opacity:.75}.zigbee-container .params .param-value .numeric .value-min{text-align:left}.zigbee-container .params .param-value .numeric .value-max{text-align:right}.zigbee-container .btn-value-name-edit{padding:0}.zigbee-container .modal .section .header{background:none;padding:.5em 0}.zigbee-container .modal .section .body{padding:0}.zigbee-container .modal .network-info{min-width:600pt}.zigbee-container .error{color:#a00}.zigbee-container .device .actions .row,.zigbee-container .group .actions .row{cursor:pointer}.zigbee-container .device form,.zigbee-container .group form{margin-bottom:0}.zigbee-container .device .param-value input[type=text],.zigbee-container .group .param-value input[type=text]{text-align:right}
diff --git a/platypush/backend/http/static/css/dist/webpanel/plugins/zwave.css b/platypush/backend/http/static/css/dist/webpanel/plugins/zwave.css
new file mode 100644
index 0000000000..1a6d41e2c5
--- /dev/null
+++ b/platypush/backend/http/static/css/dist/webpanel/plugins/zwave.css
@@ -0,0 +1 @@
+.fa.fa-zwave:before{content:' ';background:url('/static/img/icons/z-wave-logo.png');background-size:1em 1em;width:1em;height:1em;display:inline-block}.zwave-container{height:100%;padding:0 .5em;background:#f1f1f1;display:flex;flex-direction:column;align-items:center;overflow:auto}.zwave-container .no-items{padding:2em;font-size:1.5em;color:#555;display:flex;align-items:center;justify-content:center}.zwave-container .view-options{display:flex;width:100%;justify-content:space-between;padding:1em 0}.zwave-container .view-options .view-selector{display:inline-flex}.zwave-container .view-options .buttons{display:inline-flex}.zwave-container .view-options select{width:100%;border-radius:1em}.zwave-container .btn-default{border:0;padding:0 1em}.zwave-container .btn-default:hover{border:1px solid #ddd;border-radius:1em}.zwave-container .buttons{text-align:right}.zwave-container .view{min-width:400pt;max-width:750pt;background:#fff;border:1px solid #d8d8d8;border-radius:1.5em;box-shadow:1px 2px 2px #ccc}.zwave-container .item.selected{box-shadow:0 2px 4px 0 #bbb}.zwave-container .item .name{padding:1em;cursor:pointer;text-transform:uppercase;letter-spacing:.06em}.zwave-container .item .name.selected{border-radius:1.5em}.zwave-container .item:hover{background:#def6ea}.zwave-container .item:not(:last-child){border-bottom:1px solid #ddd}.zwave-container .item:first-child{border-radius:1.5em 1.5em 0 0}.zwave-container .item:last-child{border-radius:0 0 1.5em 1.5em}.zwave-container .params{background:#fff;padding-bottom:1em}.zwave-container .params .section{display:flex;flex-direction:column;padding:0 1em}.zwave-container .params .section:not(:first-child){padding-top:1em}.zwave-container .params .section .header{display:flex;align-items:center;font-weight:bold;border-bottom:1px solid #e8e8e8}.zwave-container .params .row{display:flex;align-items:center;border-radius:1em;padding:.3em}.zwave-container .params .row:nth-child(even){background:#ededed}.zwave-container .params .row:nth-child(odd){background:#fff}.zwave-container .params .row:hover{background:#def6ea}.zwave-container .params .param-name{display:inline-flex;width:40%;margin-left:1%;vertical-align:top;letter-spacing:.04em}.zwave-container .params .param-value{display:inline-block;width:58%;text-align:right}.zwave-container .params .param-value .value-edit{display:flex;align-items:center}.zwave-container .params .param-value .value-data{display:inline-block;font-weight:bold}.zwave-container .params .param-value .slider-container{display:flex;align-items:center}.zwave-container .params .param-value .unit{font-size:.8em;margin-left:1em;display:inline}.zwave-container .params .param-value select{width:100%;border-radius:2em}.zwave-container .params .param-value .numeric input.slider{text-align:left}.zwave-container .params .param-value .numeric input[type=text]{text-align:right;width:100%}.zwave-container .params .param-value .numeric .row{background:none}.zwave-container .params .param-value .numeric .row:hover{background:none}.zwave-container .params .param-value .numeric .value-min,.zwave-container .params .param-value .numeric .value-max{width:50%;font-size:.85em;opacity:.75}.zwave-container .params .param-value .numeric .value-min{text-align:left}.zwave-container .params .param-value .numeric .value-max{text-align:right}.zwave-container .btn-value-name-edit{padding:0}.zwave-container .modal .section .header{background:none;padding:.5em 0}.zwave-container .modal .section .body{padding:0}.zwave-container .modal .network-info{min-width:600pt}.zwave-container .error{color:#a00}.zwave-container .node .actions .row,.zwave-container .scene .actions .row{cursor:pointer}.zwave-container .node form,.zwave-container .scene form{margin-bottom:0}