diff --git a/data/www/css/compiled/main-dark-mode.css b/data/www/css/compiled/main-dark-mode.css
index e096af3..4f4a64d 100644
--- a/data/www/css/compiled/main-dark-mode.css
+++ b/data/www/css/compiled/main-dark-mode.css
@@ -1 +1 @@
-.warning{color:#e56723!important}.bg-warning{background-color:#e56723!important}.border-warning{border-color:#e56723!important}.orange{color:#e56723!important}.bg-orange{background-color:#e56723!important}.border-orange{border-color:#e56723!important}.info{color:#027bff!important}.bg-info{background-color:#027bff!important}.border-info{border-color:#027bff!important}.info-alt{color:#075cb7!important}.bg-info-alt{background-color:#075cb7!important}.border-info-alt{border-color:#075cb7!important}.success{color:#0eef5f!important}.bg-success{background-color:#0eef5f!important}.border-success{border-color:#0eef5f!important}.success-alt{color:#11a948!important}.bg-success-alt{background-color:#11a948!important}.border-success-alt{border-color:#11a948!important}.error{color:#ef0e5d!important}.bg-error{background-color:#ef0e5d!important}.border-error{border-color:#ef0e5d!important}.error-alt{color:#c20941!important}.bg-error-alt{background-color:#c20941!important}.border-error-alt{border-color:#c20941!important}.danger{color:#ef0e5d!important}.bg-danger{background-color:#ef0e5d!important}.border-danger{border-color:#ef0e5d!important}.danger-alt{color:#c20941!important}.bg-danger-alt{background-color:#c20941!important}.border-danger-alt{border-color:#c20941!important}.purple{color:#bc48ff!important}.bg-purple{background-color:#bc48ff!important}.border-purple{border-color:#bc48ff!important}.purple-alt{color:#692fbd!important}.bg-purple-alt{background-color:#692fbd!important}.border-purple-alt{border-color:#692fbd!important}.neutral{color:#464646!important}.bg-neutral{background-color:#464646!important}.border-neutral{border-color:#464646!important}.yellow{color:#e5a123!important}.bg-yellow{background-color:#e5a123!important}.border-yellow{border-color:#e5a123!important}.white{color:#fff!important}.bg-white{background-color:#fff!important}.border-white{border-color:#fff!important}.black{color:#000!important}.bg-black{background-color:#000!important}.border-black{border-color:#000!important}.youtube{color:#fd3c01!important}.bg-youtube{background-color:#fd3c01!important}.border-youtube{border-color:#fd3c01!important}.raspbian{color:#b61240!important}.bg-raspbian{background-color:#b61240!important}.border-raspbian{border-color:#b61240!important}.windows{color:#12a7e3!important}.bg-windows{background-color:#12a7e3!important}.border-windows{border-color:#12a7e3!important}.macos{color:#b3bcc2!important}.bg-macos{background-color:#b3bcc2!important}.border-macos{border-color:#b3bcc2!important}.debian{color:#cf084e!important}.bg-debian{background-color:#cf084e!important}.border-debian{border-color:#cf084e!important}.fedora{color:#52a2da!important}.bg-fedora{background-color:#52a2da!important}.border-fedora{border-color:#52a2da!important}.ubuntu{color:#d64514!important}.bg-ubuntu{background-color:#d64514!important}.border-ubuntu{border-color:#d64514!important}.suse{color:#6fb425!important}.bg-suse{background-color:#6fb425!important}.border-suse{border-color:#6fb425!important}.redhat{color:#c60200!important}.bg-redhat{background-color:#c60200!important}.border-redhat{border-color:#c60200!important}.centos{color:#9b4c88!important}.bg-centos{background-color:#9b4c88!important}.border-centos{border-color:#9b4c88!important}.other{color:#e5a123!important}.bg-other{background-color:#e5a123!important}.border-other{border-color:#e5a123!important}.gscale0{color:#000!important}.bg-gscale0{background-color:#000!important}.border-gscale0{border-color:#000!important}.gscaleF{color:#fff!important}.bg-gscaleF{background-color:#fff!important}.border-gscaleF{border-color:#fff!important}button.btn-warning,.btn.btn-warning{background:#e56723;box-shadow:0 2px #913e11}button.btn-warning:hover,.btn.btn-warning:hover{box-shadow:0 2px 0 1px #913e11 inset}button.btn-warning:focus,.btn.btn-warning:focus{background:#913e11}button.btn-wire-warning,.btn.btn-wire-warning{background:transparent;box-shadow:none;border:2px solid rgb(229,103,35);color:#fffc}button.btn-wire-warning i.btn-match,.btn.btn-wire-warning i.btn-match{color:#e56723}button.btn-wire-warning:hover,.btn.btn-wire-warning:hover{background:#e567230d;border-color:#be5117;color:#be5117;box-shadow:none}button.btn-wire-warning:focus,.btn.btn-wire-warning:focus{border-color:#913e11;background:transparent}button.btn-orange,.btn.btn-orange{background:#e56723;box-shadow:0 2px #913e11}button.btn-orange:hover,.btn.btn-orange:hover{box-shadow:0 2px 0 1px #913e11 inset}button.btn-orange:focus,.btn.btn-orange:focus{background:#913e11}button.btn-wire-orange,.btn.btn-wire-orange{background:transparent;box-shadow:none;border:2px solid rgb(229,103,35);color:#fffc}button.btn-wire-orange i.btn-match,.btn.btn-wire-orange i.btn-match{color:#e56723}button.btn-wire-orange:hover,.btn.btn-wire-orange:hover{background:#e567230d;border-color:#be5117;color:#be5117;box-shadow:none}button.btn-wire-orange:focus,.btn.btn-wire-orange:focus{border-color:#913e11;background:transparent}button.btn-info,.btn.btn-info{background:#027bff;box-shadow:0 2px #004a9b}button.btn-info:hover,.btn.btn-info:hover{box-shadow:0 2px 0 1px #004a9b inset}button.btn-info:focus,.btn.btn-info:focus{background:#004a9b}button.btn-wire-info,.btn.btn-wire-info{background:transparent;box-shadow:none;border:2px solid rgb(2,123,255);color:#fffc}button.btn-wire-info i.btn-match,.btn.btn-wire-info i.btn-match{color:#027bff}button.btn-wire-info:hover,.btn.btn-wire-info:hover{background:#027bff0d;border-color:#0063ce;color:#0063ce;box-shadow:none}button.btn-wire-info:focus,.btn.btn-wire-info:focus{border-color:#004a9b;background:transparent}button.btn-info-alt,.btn.btn-info-alt{background:#075cb7;box-shadow:0 2px #032b55}button.btn-info-alt:hover,.btn.btn-info-alt:hover{box-shadow:0 2px 0 1px #032b55 inset}button.btn-info-alt:focus,.btn.btn-info-alt:focus{background:#032b55}button.btn-wire-info-alt,.btn.btn-wire-info-alt{background:transparent;box-shadow:none;border:2px solid rgb(7,92,183);color:#fffc}button.btn-wire-info-alt i.btn-match,.btn.btn-wire-info-alt i.btn-match{color:#075cb7}button.btn-wire-info-alt:hover,.btn.btn-wire-info-alt:hover{background:#075cb70d;border-color:#054386;color:#054386;box-shadow:none}button.btn-wire-info-alt:focus,.btn.btn-wire-info-alt:focus{border-color:#032b55;background:transparent}button.btn-success,.btn.btn-success{background:#0eef5f;box-shadow:0 2px #088f39}button.btn-success:hover,.btn.btn-success:hover{box-shadow:0 2px 0 1px #088f39 inset}button.btn-success:focus,.btn.btn-success:focus{background:#088f39}button.btn-wire-success,.btn.btn-wire-success{background:transparent;box-shadow:none;border:2px solid rgb(14,239,95);color:#fffc}button.btn-wire-success i.btn-match,.btn.btn-wire-success i.btn-match{color:#0eef5f}button.btn-wire-success:hover,.btn.btn-wire-success:hover{background:#0eef5f0d;border-color:#0bbf4c;color:#0bbf4c;box-shadow:none}button.btn-wire-success:focus,.btn.btn-wire-success:focus{border-color:#088f39;background:transparent}button.btn-success-alt,.btn.btn-success-alt{background:#11a948;box-shadow:0 2px #084c21}button.btn-success-alt:hover,.btn.btn-success-alt:hover{box-shadow:0 2px 0 1px #084c21 inset}button.btn-success-alt:focus,.btn.btn-success-alt:focus{background:#084c21}button.btn-wire-success-alt,.btn.btn-wire-success-alt{background:transparent;box-shadow:none;border:2px solid rgb(17,169,72);color:#fffc}button.btn-wire-success-alt i.btn-match,.btn.btn-wire-success-alt i.btn-match{color:#11a948}button.btn-wire-success-alt:hover,.btn.btn-wire-success-alt:hover{background:#11a9480d;border-color:#0c7b34;color:#0c7b34;box-shadow:none}button.btn-wire-success-alt:focus,.btn.btn-wire-success-alt:focus{border-color:#084c21;background:transparent}button.btn-error,.btn.btn-error{background:#ef0e5d;box-shadow:0 2px #8f0838}button.btn-error:hover,.btn.btn-error:hover{box-shadow:0 2px 0 1px #8f0838 inset}button.btn-error:focus,.btn.btn-error:focus{background:#8f0838}button.btn-wire-error,.btn.btn-wire-error{background:transparent;box-shadow:none;border:2px solid rgb(239,14,93);color:#fffc}button.btn-wire-error i.btn-match,.btn.btn-wire-error i.btn-match{color:#ef0e5d}button.btn-wire-error:hover,.btn.btn-wire-error:hover{background:#ef0e5d0d;border-color:#bf0b4a;color:#bf0b4a;box-shadow:none}button.btn-wire-error:focus,.btn.btn-wire-error:focus{border-color:#8f0838;background:transparent}button.btn-error-alt,.btn.btn-error-alt{background:#c20941;box-shadow:0 2px #610420}button.btn-error-alt:hover,.btn.btn-error-alt:hover{box-shadow:0 2px 0 1px #610420 inset}button.btn-error-alt:focus,.btn.btn-error-alt:focus{background:#610420}button.btn-wire-error-alt,.btn.btn-wire-error-alt{background:transparent;box-shadow:none;border:2px solid rgb(194,9,65);color:#fffc}button.btn-wire-error-alt i.btn-match,.btn.btn-wire-error-alt i.btn-match{color:#c20941}button.btn-wire-error-alt:hover,.btn.btn-wire-error-alt:hover{background:#c209410d;border-color:#910731;color:#910731;box-shadow:none}button.btn-wire-error-alt:focus,.btn.btn-wire-error-alt:focus{border-color:#610420;background:transparent}button.btn-danger,.btn.btn-danger{background:#ef0e5d;box-shadow:0 2px #8f0838}button.btn-danger:hover,.btn.btn-danger:hover{box-shadow:0 2px 0 1px #8f0838 inset}button.btn-danger:focus,.btn.btn-danger:focus{background:#8f0838}button.btn-wire-danger,.btn.btn-wire-danger{background:transparent;box-shadow:none;border:2px solid rgb(239,14,93);color:#fffc}button.btn-wire-danger i.btn-match,.btn.btn-wire-danger i.btn-match{color:#ef0e5d}button.btn-wire-danger:hover,.btn.btn-wire-danger:hover{background:#ef0e5d0d;border-color:#bf0b4a;color:#bf0b4a;box-shadow:none}button.btn-wire-danger:focus,.btn.btn-wire-danger:focus{border-color:#8f0838;background:transparent}button.btn-danger-alt,.btn.btn-danger-alt{background:#c20941;box-shadow:0 2px #610420}button.btn-danger-alt:hover,.btn.btn-danger-alt:hover{box-shadow:0 2px 0 1px #610420 inset}button.btn-danger-alt:focus,.btn.btn-danger-alt:focus{background:#610420}button.btn-wire-danger-alt,.btn.btn-wire-danger-alt{background:transparent;box-shadow:none;border:2px solid rgb(194,9,65);color:#fffc}button.btn-wire-danger-alt i.btn-match,.btn.btn-wire-danger-alt i.btn-match{color:#c20941}button.btn-wire-danger-alt:hover,.btn.btn-wire-danger-alt:hover{background:#c209410d;border-color:#910731;color:#910731;box-shadow:none}button.btn-wire-danger-alt:focus,.btn.btn-wire-danger-alt:focus{border-color:#610420;background:transparent}button.btn-purple,.btn.btn-purple{background:#bc48ff;box-shadow:0 2px #8f00e1}button.btn-purple:hover,.btn.btn-purple:hover{box-shadow:0 2px 0 1px #8f00e1 inset}button.btn-purple:focus,.btn.btn-purple:focus{background:#8f00e1}button.btn-wire-purple,.btn.btn-wire-purple{background:transparent;box-shadow:none;border:2px solid rgb(188,72,255);color:#fffc}button.btn-wire-purple i.btn-match,.btn.btn-wire-purple i.btn-match{color:#bc48ff}button.btn-wire-purple:hover,.btn.btn-wire-purple:hover{background:#bc48ff0d;border-color:#a915ff;color:#a915ff;box-shadow:none}button.btn-wire-purple:focus,.btn.btn-wire-purple:focus{border-color:#8f00e1;background:transparent}button.btn-purple-alt,.btn.btn-purple-alt{background:#692fbd;box-shadow:0 2px #3c1b6b}button.btn-purple-alt:hover,.btn.btn-purple-alt:hover{box-shadow:0 2px 0 1px #3c1b6b inset}button.btn-purple-alt:focus,.btn.btn-purple-alt:focus{background:#3c1b6b}button.btn-wire-purple-alt,.btn.btn-wire-purple-alt{background:transparent;box-shadow:none;border:2px solid rgb(105,47,189);color:#fffc}button.btn-wire-purple-alt i.btn-match,.btn.btn-wire-purple-alt i.btn-match{color:#692fbd}button.btn-wire-purple-alt:hover,.btn.btn-wire-purple-alt:hover{background:#692fbd0d;border-color:#522594;color:#522594;box-shadow:none}button.btn-wire-purple-alt:focus,.btn.btn-wire-purple-alt:focus{border-color:#3c1b6b;background:transparent}button.btn-neutral,.btn.btn-neutral{background:#464646;box-shadow:0 2px #131313}button.btn-neutral:hover,.btn.btn-neutral:hover{box-shadow:0 2px 0 1px #131313 inset}button.btn-neutral:focus,.btn.btn-neutral:focus{background:#131313}button.btn-wire-neutral,.btn.btn-wire-neutral{background:transparent;box-shadow:none;border:2px solid rgb(70,70,70);color:#fffc}button.btn-wire-neutral i.btn-match,.btn.btn-wire-neutral i.btn-match{color:#464646}button.btn-wire-neutral:hover,.btn.btn-wire-neutral:hover{background:#4646460d;border-color:#2d2d2d;color:#2d2d2d;box-shadow:none}button.btn-wire-neutral:focus,.btn.btn-wire-neutral:focus{border-color:#131313;background:transparent}button.btn-yellow,.btn.btn-yellow{background:#e5a123;box-shadow:0 2px #916411}button.btn-yellow:hover,.btn.btn-yellow:hover{box-shadow:0 2px 0 1px #916411 inset}button.btn-yellow:focus,.btn.btn-yellow:focus{background:#916411}button.btn-wire-yellow,.btn.btn-wire-yellow{background:transparent;box-shadow:none;border:2px solid rgb(229,161,35);color:#fffc}button.btn-wire-yellow i.btn-match,.btn.btn-wire-yellow i.btn-match{color:#e5a123}button.btn-wire-yellow:hover,.btn.btn-wire-yellow:hover{background:#e5a1230d;border-color:#be8417;color:#be8417;box-shadow:none}button.btn-wire-yellow:focus,.btn.btn-wire-yellow:focus{border-color:#916411;background:transparent}button.btn-white,.btn.btn-white{background:#fff;box-shadow:0 2px #ccc}button.btn-white:hover,.btn.btn-white:hover{box-shadow:0 2px 0 1px #ccc inset}button.btn-white:focus,.btn.btn-white:focus{background:#ccc}button.btn-wire-white,.btn.btn-wire-white{background:transparent;box-shadow:none;border:2px solid rgb(255,255,255);color:#fffc}button.btn-wire-white i.btn-match,.btn.btn-wire-white i.btn-match{color:#fff}button.btn-wire-white:hover,.btn.btn-wire-white:hover{background:#ffffff0d;border-color:#e6e6e6;color:#e6e6e6;box-shadow:none}button.btn-wire-white:focus,.btn.btn-wire-white:focus{border-color:#ccc;background:transparent}button.btn-black,.btn.btn-black{background:#000;box-shadow:0 2px #000}button.btn-black:hover,.btn.btn-black:hover{box-shadow:0 2px 0 1px #000 inset}button.btn-black:focus,.btn.btn-black:focus{background:#000}button.btn-wire-black,.btn.btn-wire-black{background:transparent;box-shadow:none;border:2px solid rgb(0,0,0);color:#fffc}button.btn-wire-black i.btn-match,.btn.btn-wire-black i.btn-match{color:#000}button.btn-wire-black:hover,.btn.btn-wire-black:hover{background:#0000000d;border-color:#000;color:#000;box-shadow:none}button.btn-wire-black:focus,.btn.btn-wire-black:focus{border-color:#000;background:transparent}button.btn-youtube,.btn.btn-youtube{background:#fd3c01;box-shadow:0 2px #972401}button.btn-youtube:hover,.btn.btn-youtube:hover{box-shadow:0 2px 0 1px #972401 inset}button.btn-youtube:focus,.btn.btn-youtube:focus{background:#972401}button.btn-wire-youtube,.btn.btn-wire-youtube{background:transparent;box-shadow:none;border:2px solid rgb(253,60,1);color:#fffc}button.btn-wire-youtube i.btn-match,.btn.btn-wire-youtube i.btn-match{color:#fd3c01}button.btn-wire-youtube:hover,.btn.btn-wire-youtube:hover{background:#fd3c010d;border-color:#ca3001;color:#ca3001;box-shadow:none}button.btn-wire-youtube:focus,.btn.btn-wire-youtube:focus{border-color:#972401;background:transparent}button.btn-raspbian,.btn.btn-raspbian{background:#b61240;box-shadow:0 2px #59091f}button.btn-raspbian:hover,.btn.btn-raspbian:hover{box-shadow:0 2px 0 1px #59091f inset}button.btn-raspbian:focus,.btn.btn-raspbian:focus{background:#59091f}button.btn-wire-raspbian,.btn.btn-wire-raspbian{background:transparent;box-shadow:none;border:2px solid rgb(182,18,64);color:#fffc}button.btn-wire-raspbian i.btn-match,.btn.btn-wire-raspbian i.btn-match{color:#b61240}button.btn-wire-raspbian:hover,.btn.btn-wire-raspbian:hover{background:#b612400d;border-color:#880d30;color:#880d30;box-shadow:none}button.btn-wire-raspbian:focus,.btn.btn-wire-raspbian:focus{border-color:#59091f;background:transparent}button.btn-windows,.btn.btn-windows{background:#12a7e3;box-shadow:0 2px #0b6184}button.btn-windows:hover,.btn.btn-windows:hover{box-shadow:0 2px 0 1px #0b6184 inset}button.btn-windows:focus,.btn.btn-windows:focus{background:#0b6184}button.btn-wire-windows,.btn.btn-wire-windows{background:transparent;box-shadow:none;border:2px solid rgb(18,167,227);color:#fffc}button.btn-wire-windows i.btn-match,.btn.btn-wire-windows i.btn-match{color:#12a7e3}button.btn-wire-windows:hover,.btn.btn-wire-windows:hover{background:#12a7e30d;border-color:#0e84b4;color:#0e84b4;box-shadow:none}button.btn-wire-windows:focus,.btn.btn-wire-windows:focus{border-color:#0b6184;background:transparent}button.btn-macos,.btn.btn-macos{background:#b3bcc2;box-shadow:0 2px #7a8a95}button.btn-macos:hover,.btn.btn-macos:hover{box-shadow:0 2px 0 1px #7a8a95 inset}button.btn-macos:focus,.btn.btn-macos:focus{background:#7a8a95}button.btn-wire-macos,.btn.btn-wire-macos{background:transparent;box-shadow:none;border:2px solid rgb(179,188,194);color:#fffc}button.btn-wire-macos i.btn-match,.btn.btn-wire-macos i.btn-match{color:#b3bcc2}button.btn-wire-macos:hover,.btn.btn-wire-macos:hover{background:#b3bcc20d;border-color:#97a3ab;color:#97a3ab;box-shadow:none}button.btn-wire-macos:focus,.btn.btn-wire-macos:focus{border-color:#7a8a95;background:transparent}button.btn-debian,.btn.btn-debian{background:#cf084e;box-shadow:0 2px #6d0429}button.btn-debian:hover,.btn.btn-debian:hover{box-shadow:0 2px 0 1px #6d0429 inset}button.btn-debian:focus,.btn.btn-debian:focus{background:#6d0429}button.btn-wire-debian,.btn.btn-wire-debian{background:transparent;box-shadow:none;border:2px solid rgb(207,8,78);color:#fffc}button.btn-wire-debian i.btn-match,.btn.btn-wire-debian i.btn-match{color:#cf084e}button.btn-wire-debian:hover,.btn.btn-wire-debian:hover{background:#cf084e0d;border-color:#9e063b;color:#9e063b;box-shadow:none}button.btn-wire-debian:focus,.btn.btn-wire-debian:focus{border-color:#6d0429;background:transparent}button.btn-fedora,.btn.btn-fedora{background:#52a2da;box-shadow:0 2px #236ea3}button.btn-fedora:hover,.btn.btn-fedora:hover{box-shadow:0 2px 0 1px #236ea3 inset}button.btn-fedora:focus,.btn.btn-fedora:focus{background:#236ea3}button.btn-wire-fedora,.btn.btn-wire-fedora{background:transparent;box-shadow:none;border:2px solid rgb(82,162,218);color:#fffc}button.btn-wire-fedora i.btn-match,.btn.btn-wire-fedora i.btn-match{color:#52a2da}button.btn-wire-fedora:hover,.btn.btn-wire-fedora:hover{background:#52a2da0d;border-color:#2c8bcd;color:#2c8bcd;box-shadow:none}button.btn-wire-fedora:focus,.btn.btn-wire-fedora:focus{border-color:#236ea3;background:transparent}button.btn-ubuntu,.btn.btn-ubuntu{background:#d64514;box-shadow:0 2px #79270b}button.btn-ubuntu:hover,.btn.btn-ubuntu:hover{box-shadow:0 2px 0 1px #79270b inset}button.btn-ubuntu:focus,.btn.btn-ubuntu:focus{background:#79270b}button.btn-wire-ubuntu,.btn.btn-wire-ubuntu{background:transparent;box-shadow:none;border:2px solid rgb(214,69,20);color:#fffc}button.btn-wire-ubuntu i.btn-match,.btn.btn-wire-ubuntu i.btn-match{color:#d64514}button.btn-wire-ubuntu:hover,.btn.btn-wire-ubuntu:hover{background:#d645140d;border-color:#a73610;color:#a73610;box-shadow:none}button.btn-wire-ubuntu:focus,.btn.btn-wire-ubuntu:focus{border-color:#79270b;background:transparent}button.btn-suse,.btn.btn-suse{background:#6fb425;box-shadow:0 2px #3b5f14}button.btn-suse:hover,.btn.btn-suse:hover{box-shadow:0 2px 0 1px #3b5f14 inset}button.btn-suse:focus,.btn.btn-suse:focus{background:#3b5f14}button.btn-wire-suse,.btn.btn-wire-suse{background:transparent;box-shadow:none;border:2px solid rgb(111,180,37);color:#fffc}button.btn-wire-suse i.btn-match,.btn.btn-wire-suse i.btn-match{color:#6fb425}button.btn-wire-suse:hover,.btn.btn-wire-suse:hover{background:#6fb4250d;border-color:#558a1c;color:#558a1c;box-shadow:none}button.btn-wire-suse:focus,.btn.btn-wire-suse:focus{border-color:#3b5f14;background:transparent}button.btn-redhat,.btn.btn-redhat{background:#c60200;box-shadow:0 2px #600100}button.btn-redhat:hover,.btn.btn-redhat:hover{box-shadow:0 2px 0 1px #600100 inset}button.btn-redhat:focus,.btn.btn-redhat:focus{background:#600100}button.btn-wire-redhat,.btn.btn-wire-redhat{background:transparent;box-shadow:none;border:2px solid rgb(198,2,0);color:#fffc}button.btn-wire-redhat i.btn-match,.btn.btn-wire-redhat i.btn-match{color:#c60200}button.btn-wire-redhat:hover,.btn.btn-wire-redhat:hover{background:#c602000d;border-color:#930100;color:#930100;box-shadow:none}button.btn-wire-redhat:focus,.btn.btn-wire-redhat:focus{border-color:#600100;background:transparent}button.btn-centos,.btn.btn-centos{background:#9b4c88;box-shadow:0 2px #572a4c}button.btn-centos:hover,.btn.btn-centos:hover{box-shadow:0 2px 0 1px #572a4c inset}button.btn-centos:focus,.btn.btn-centos:focus{background:#572a4c}button.btn-wire-centos,.btn.btn-wire-centos{background:transparent;box-shadow:none;border:2px solid rgb(155,76,136);color:#fffc}button.btn-wire-centos i.btn-match,.btn.btn-wire-centos i.btn-match{color:#9b4c88}button.btn-wire-centos:hover,.btn.btn-wire-centos:hover{background:#9b4c880d;border-color:#793b6a;color:#793b6a;box-shadow:none}button.btn-wire-centos:focus,.btn.btn-wire-centos:focus{border-color:#572a4c;background:transparent}button.btn-other,.btn.btn-other{background:#e5a123;box-shadow:0 2px #916411}button.btn-other:hover,.btn.btn-other:hover{box-shadow:0 2px 0 1px #916411 inset}button.btn-other:focus,.btn.btn-other:focus{background:#916411}button.btn-wire-other,.btn.btn-wire-other{background:transparent;box-shadow:none;border:2px solid rgb(229,161,35);color:#fffc}button.btn-wire-other i.btn-match,.btn.btn-wire-other i.btn-match{color:#e5a123}button.btn-wire-other:hover,.btn.btn-wire-other:hover{background:#e5a1230d;border-color:#be8417;color:#be8417;box-shadow:none}button.btn-wire-other:focus,.btn.btn-wire-other:focus{border-color:#916411;background:transparent}button.btn-gscale0,.btn.btn-gscale0{background:#000;box-shadow:0 2px #000}button.btn-gscale0:hover,.btn.btn-gscale0:hover{box-shadow:0 2px 0 1px #000 inset}button.btn-gscale0:focus,.btn.btn-gscale0:focus{background:#000}button.btn-wire-gscale0,.btn.btn-wire-gscale0{background:transparent;box-shadow:none;border:2px solid #000000;color:#fffc}button.btn-wire-gscale0 i.btn-match,.btn.btn-wire-gscale0 i.btn-match{color:#000}button.btn-wire-gscale0:hover,.btn.btn-wire-gscale0:hover{background:#0000000d;border-color:#000;color:#000;box-shadow:none}button.btn-wire-gscale0:focus,.btn.btn-wire-gscale0:focus{border-color:#000;background:transparent}button.btn-gscaleF,.btn.btn-gscaleF{background:#fff;box-shadow:0 2px #ccc}button.btn-gscaleF:hover,.btn.btn-gscaleF:hover{box-shadow:0 2px 0 1px #ccc inset}button.btn-gscaleF:focus,.btn.btn-gscaleF:focus{background:#ccc}button.btn-wire-gscaleF,.btn.btn-wire-gscaleF{background:transparent;box-shadow:none;border:2px solid #FFFFFF;color:#fffc}button.btn-wire-gscaleF i.btn-match,.btn.btn-wire-gscaleF i.btn-match{color:#fff}button.btn-wire-gscaleF:hover,.btn.btn-wire-gscaleF:hover{background:#ffffff0d;border-color:#e6e6e6;color:#e6e6e6;box-shadow:none}button.btn-wire-gscaleF:focus,.btn.btn-wire-gscaleF:focus{border-color:#ccc;background:transparent}.alert.alert-warning,.alert.alert-orange{color:#e56723;background:#e5672333}.alert.alert-info{color:#027bff;background:#027bff33}.alert.alert-info-alt{color:#075cb7;background:#075cb733}.alert.alert-success{color:#0eef5f;background:#0eef5f33}.alert.alert-success-alt{color:#11a948;background:#11a94833}.alert.alert-error{color:#ef0e5d;background:#ef0e5d33}.alert.alert-error-alt{color:#c20941;background:#c2094133}.alert.alert-danger{color:#ef0e5d;background:#ef0e5d33}.alert.alert-danger-alt{color:#c20941;background:#c2094133}.alert.alert-purple{color:#bc48ff;background:#bc48ff33}.alert.alert-purple-alt{color:#692fbd;background:#692fbd33}.alert.alert-neutral{color:#464646;background:#46464633}.alert.alert-yellow{color:#e5a123;background:#e5a12333}.alert.alert-white{color:#fff;background:#fff3}.alert.alert-black{color:#000;background:#0003}.alert.alert-youtube{color:#fd3c01;background:#fd3c0133}.alert.alert-raspbian{color:#b61240;background:#b6124033}.alert.alert-windows{color:#12a7e3;background:#12a7e333}.alert.alert-macos{color:#b3bcc2;background:#b3bcc233}.alert.alert-debian{color:#cf084e;background:#cf084e33}.alert.alert-fedora{color:#52a2da;background:#52a2da33}.alert.alert-ubuntu{color:#d64514;background:#d6451433}.alert.alert-suse{color:#6fb425;background:#6fb42533}.alert.alert-redhat{color:#c60200;background:#c6020033}.alert.alert-centos{color:#9b4c88;background:#9b4c8833}.alert.alert-other{color:#e5a123;background:#e5a12333}.alert.alert-gscale0{color:#000;background:#0003}.alert.alert-gscaleF{color:#fff;background:#fff3}@font-face{font-family:Sixtyfour;src:url(../../webfonts/Sixtyfour-Regular.ttf) format("truetype")}*{font-family:Roboto,Arial,"sans-serif";margin:0;padding:0;box-sizing:border-box}html{background-color:#111}body,html{height:100%;font-family:Arial,sans-serif}.container{display:flex;height:100vh}.horizontal{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex:1;align-self:stretch}.horizontal.fx-end{justify-content:flex-end}.vertical{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:1;align-self:stretch}main{flex:1;display:flex;flex-direction:column}main .main-container{display:flex;flex-direction:column;flex:1;overflow:hidden;align-self:stretch}main .main-container .top-content{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;padding:10px 10px 10px 15px;background:transparent;border-bottom:1px solid #222}main .main-container .top-content h1{color:#fff;font-weight:600;font-size:24px}main .main-container .top-content .top-actions{flex:1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}main .main-container .top-content .top-actions.align-right{justify-content:flex-end;margin-right:10px}main .main-container .top-content .top-actions .btn:first-child{margin-left:0!important}main .main-container .top-content .top-actions .btn,main .main-container .top-content .top-actions button{margin-left:10px}main .main-container .bottom-content{display:flex;flex-direction:row;align-self:stretch;justify-content:flex-start;align-items:flex-start;flex:1;overflow-y:auto;background:radial-gradient(circle at 0% 53%,rgba(239,14,93,.8) 10%,transparent 45%),radial-gradient(circle at 135% 53%,rgba(2,123,255,.8) 10%,transparent 95%),radial-gradient(circle at 50% 80%,rgba(14,239,95,.8) 40%,transparent 95%)}main .main-container .bottom-content .page-content{flex:2;overflow-y:auto;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background:#000c;padding:5px}main .main-container .bottom-content .page-content .inner{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:10px 10px 40px;background:#111;align-self:stretch}main .main-container .bottom-content .page-content .inner h1,main .main-container .bottom-content .page-content .inner h2,main .main-container .bottom-content .page-content .inner h3,main .main-container .bottom-content .page-content .inner h4,main .main-container .bottom-content .page-content .inner h5,main .main-container .bottom-content .page-content .inner h6{color:#ddd}main .main-container .bottom-content .page-content .inner p{font-size:12px;line-height:18px;display:flex;margin-bottom:5px;flex-direction:row;justify-content:flex-start;align-items:center;color:#666}main .main-container .bottom-content .page-panel{flex:1;overflow-y:auto;align-self:stretch;background:#111;border-top:none}main .main-container .bottom-content .page-panel.left-panel{border-right:1px solid #222;border-left:none}main .main-container .bottom-content .page-panel.left-panel.explr-explorer{flex:.5;overflow-y:auto;padding:0;background:#111;box-shadow:1px 1px .5px .5px inset #0003;max-width:250px}main .main-container .bottom-content .page-panel.right-panel{border-left:1px solid #222;border-right:none}.invisible{visibility:hidden!important}.hidden{display:none!important}.tac{text-align:center!important}.tar{text-align:right!important}a{text-decoration:none}.normal{font-weight:400!important}.bold{font-weight:700!important}.col{display:flex;flex:1;flex-direction:column;align-self:stretch}main .context-bar{padding:10px;position:sticky;top:0;z-index:1000;max-height:80px;border-bottom:1px solid #222;display:flex;flex-direction:row;align-items:center}main .context-bar .context-menu{flex:1}main .context-bar .context-menu .inner{display:flex}main .context-bar .context-menu .inner ul.pills{margin:0}main .context-bar .context-divider{width:1px;height:100%;background:#222;margin-left:20px;margin-right:20px}main .context-bar .context-tail{margin-right:30px}main .context-bar .context-tail .btn{margin-right:0}main .context-bar .context-tail-auth{margin-right:10px}main .context-bar .context-tail-auth .btn{margin-right:0}main .context-bar .context-user{display:flex;margin-right:20px}main .context-bar .context-user .trigger{color:#fff}main .context-bar .context-user .trigger .avatar{width:32px;height:32px;border-radius:4px;background:#aaa;margin-right:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;font-weight:700;font-size:14px;border:1px solid #444;color:#000}main .context-bar .context-user .trigger i{margin-top:-5px;margin-left:10px}menu{width:300px;background:#111;overflow-y:auto;overflow-x:visible;padding:20px;z-index:2000;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-right:1px solid #222;min-width:64px}menu h1.logo{margin:40px 0 0 10px;align-self:stretch;display:flex}menu h1.logo a{text-align:center;text-shadow:0px 0 0 rgb(255,255,255),0px 2px 0 #444,0 0px 0 rgb(14,239,95),-0px 0 0 rgb(2,123,255),0 -0px 0 rgb(239,14,93);text-decoration:none;background:linear-gradient(90deg,#a0a0a0 0,#bebebe 46%,#dcdcdc);-webkit-background-clip:text;color:transparent;flex:1;font-family:Sixtyfour,Work Sans,Arial,"sans-serif";align-self:stretch;padding-right:3px;font-size:20px;text-transform:uppercase;transition:all .55s cubic-bezier(.19,1,.22,1);display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;color:#fff}menu h1.logo a img{flex-shrink:0;width:30px;margin-right:10px;position:absolute;left:5px;transition:all .55s cubic-bezier(.19,1,.22,1)}menu h1.logo a img.after{opacity:0}menu:hover h1.logo a{text-align:center;text-shadow:3px 0 0 rgb(255,255,255),3px 2px 0 #444,0 3px 0 rgb(14,239,95),-3px 0 0 rgb(2,123,255),0 -3px 0 rgb(239,14,93);text-decoration:none;background:linear-gradient(90deg,#a0a0a0 0,#bebebe 46%,#dcdcdc);-webkit-background-clip:text;color:transparent}menu:hover h1.logo a img.before{opacity:0}menu:hover h1.logo a img.after{animation-duration:.2s;animation-name:logotouch}menu nav{display:flex;align-self:stretch;flex:1}menu nav ul{margin:60px 0 20px;flex:1;align-self:flex-start;display:flex;flex-direction:column;list-style:none}menu nav ul li{align-self:stretch;overflow:hidden;position:relative;transition:all .55s cubic-bezier(.19,1,.22,1);margin:10px 0;border-radius:4px}menu nav ul li a{color:#ffffffe6;font-size:16px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;flex:1;padding-top:5px;padding-bottom:5px;padding-left:10px}menu nav ul li a i{color:#fff;opacity:.2;background:transparent;display:flex;justify-content:center;align-items:center;align-self:stretch;padding:10px;width:40px;border-radius:4px;text-align:center;margin-right:20px}menu nav ul li:after{background:#fff;content:"";height:195px;left:-200px;opacity:.2;position:absolute;top:-50px;transform:rotate(35deg);transition:all .55s cubic-bezier(.19,1,.22,1);width:50px;z-index:-2;cursor:pointer}menu nav ul li.active a{color:#027bff;font-weight:700}menu nav ul li.active a i{opacity:1;color:#fff;background:#ffffffe6;background:#027bff}menu nav ul li:hover{background:#027bff}menu nav ul li:hover:after{z-index:2;left:120%;transition:all .55s cubic-bezier(.19,1,.22,1)}menu nav ul li:hover a{color:#fff;font-weight:700}menu nav ul li:hover a i{color:#fff;opacity:1}menu footer{background:#ffffff03;padding:20px 0;display:flex;flex-direction:row;align-self:stretch;text-align:center;justify-content:center}menu footer p{color:#444}menu footer p.version a{color:#777;font-weight:700}.dropdown{position:relative;display:flex;align-self:stretch}.dropdown.dropdown-show ul.dropdown-menu{display:flex;flex-direction:column}.dropdown .trigger{cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;flex:1}.dropdown ul.dropdown-menu{position:absolute;top:100%;left:0;display:none;background-color:#222;box-shadow:0 8px 16px #0003;z-index:1000;list-style-type:none;margin:0;overflow:hidden;border-radius:4px}.dropdown ul.dropdown-menu li{padding:8px 16px;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;transition:all .55s cubic-bezier(.19,1,.22,1)}.dropdown ul.dropdown-menu li.danger:hover{background-color:#ef0e5d}.dropdown ul.dropdown-menu li:hover{background-color:#027bff}.dropdown ul.dropdown-menu li a{padding:8px 16px 8px 8px;color:#fff;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch}.dropdown ul.dropdown-menu li a i{margin-right:15px}@keyframes logotouch{0%{opacity:0}50%{opacity:1}to{opacity:0;left:27px}}@keyframes shakednd{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}@keyframes blinkfade{0%{opacity:1}50%{opacity:0}to{opacity:1}}button,.btn{position:relative;padding:10px 10px 8px;font-size:14px;color:#fff;cursor:pointer;border:none;border-radius:4px;background:#027bff;box-shadow:0 2px #004a9b;font-weight:700;letter-spacing:-.5px;margin-top:-2px;min-width:38px;min-height:34px;text-align:center;justify-content:center}button i.icon-left,.btn i.icon-left{margin-right:5px}button:hover,.btn:hover{box-shadow:0 2px 0 1px #004a9b inset;color:#fffc}button:focus,.btn:focus{background:#004a9b;color:#ffffff80;box-shadow:none}button.btn-pixel,.btn.btn-pixel{background:#ccc;border:1px solid transparent;transition:all .55s cubic-bezier(.19,1,.22,1);text-transform:uppercase;font-size:12px;box-shadow:4px 0 #fff,0 4px #0eef5f,-4px 0 #027bff,0 -4px #ef0e5d;color:#222;overflow:hidden}button.btn-pixel:hover,.btn.btn-pixel:hover{box-shadow:6px 0 #fff,0 6px #0eef5f,-6px 0 #027bff,0 -6px #ef0e5d;text-align:center;text-shadow:4px 0 0 rgb(255,255,255),4px 2px 0 #444,0 4px 0 rgb(14,239,95),-4px 0 0 rgb(2,123,255),0 -4px 0 rgb(239,14,93);text-decoration:none;background:linear-gradient(90deg,#a0a0a0 0,#bebebe 46%,#dcdcdc);-webkit-background-clip:text;color:transparent}button.btn-neutral,.btn.btn-neutral{color:#fff;background:#555;box-shadow:0 2px #3c3c3c;border:1px solid transparent}button.btn-neutral.active,button.btn-neutral:hover,.btn.btn-neutral.active,.btn.btn-neutral:hover{box-shadow:0 2px 0 1px #222 inset;background:#3c3c3c}button.btn-neutral:focus,.btn.btn-neutral:focus{background:#222;border:1px solid #AAA}button .btn-wire-neutral,.btn .btn-wire-neutral{background:transparent;border:2px solid #555;color:#fffc;box-shadow:none}button .btn-wire-neutral:hover,.btn .btn-wire-neutral:hover{background:#5555550d;border-color:#3c3c3c;color:#3c3c3c;box-shadow:none}button .btn-wire-neutral:focus,.btn .btn-wire-neutral:focus{border-color:#222;background:transparent}button.btn-naked,.btn.btn-naked{background:transparent;box-shadow:none;border:1px solid transparent;color:#fff}button.btn-naked:hover,.btn.btn-naked:hover{box-shadow:0 2px 0 1px #222 inset;background:#3c3c3c;color:#fff}button.btn-naked:focus,.btn.btn-naked:focus{background:#222;border:1px solid #AAA}button i.main,.btn i.main{font-size:18px}button sup,button sub,.btn sup,.btn sub{position:absolute;top:-4px;right:-4px;background:#777;border-bottom:2px solid #555;color:red;border-radius:4px;width:16px;height:16px;text-align:center;display:flex;justify-content:center;align-items:center;padding-top:2px;padding-bottom:1px}button sup i,button sub i,.btn sup i,.btn sub i{color:#fff;font-size:10px}button.btn-double-icon,.btn.btn-double-icon{margin-right:5px}button.disabled,.btn.disabled{cursor:default}.alert{padding:20px;align-self:stretch;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px}.alert i{margin-right:13px}.alert a{color:inherit;margin-left:4px;margin-right:4px;text-decoration:underline}ul.explr-tree{height:100%!important}ul.explr-tree ul{padding-top:0!important}ul.explr-tree li{position:relative}ul.explr-tree li span{color:#555;font-size:13px;padding-left:5px;cursor:pointer}ul.explr-tree li span.explr-plus,ul.explr-tree li span.explr-minus{z-index:1}ul.explr-tree li span.explr-plus:hover,ul.explr-tree li span.explr-minus:hover{color:#aaa}ul.explr-tree li i.main{font-size:14px}ul.explr-tree li sup,ul.explr-tree li sub{position:absolute;top:0;left:5px;background:#777;border-bottom:2px solid #555;border-radius:4px;text-align:center;display:flex;justify-content:center;align-items:center;padding-top:2px;padding-bottom:1px}ul.explr-tree li sup i,ul.explr-tree li sub i{color:#fff;font-size:4px!important;margin-bottom:0}ul.explr-tree li a{color:#fff;padding-right:80px;margin-top:2px}ul.explr-tree li a:hover{color:#fff}ul.explr-tree li a.active{background:#ffffff1a;border-radius:4px;font-weight:700;text-decoration:underline;margin-left:35px;padding-left:5px;margin-right:10px}.explr-multiselection-actions,.explr-selection-actions{display:none;flex-direction:row;justify-content:flex-end;align-items:center;flex:1}.explr-multiselection-actions button,.explr-selection-actions button{display:none}body.explr-selection-actionable .explr-selection-actions,body.explr-selection-actionable.explr-selection-folder .explr-selection-actions button.explr-selection-folder,body.explr-selection-actionable.explr-selection-entity .explr-selection-actions button.explr-selection-entity,body.explr-multiselection-actionable .explr-multiselection-actions,body.explr-multiselection-actionable.explr-multiselection-folder .explr-multiselection-actions button.explr-multiselection-folder,body.explr-multiselection-actionable.explr-multiselection-entity .explr-multiselection-actions button.explr-multiselection-entity{display:flex}.selectable-zone{flex:1;align-self:stretch;border:1px solid transparent}ul.explr-dirview{display:flex;flex-direction:row;flex-wrap:wrap}ul.explr-dirview li{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-shrink:0;margin:10px;min-width:100px;min-height:130px;padding-top:5px;border:1px solid transparent;border-radius:4px}ul.explr-dirview li.renaming a span{display:none}ul.explr-dirview li.renaming a form{display:block}ul.explr-dirview li.highlight-drop{border:1px dotted rgba(2,123,255,.4);background:#027bff4d}ul.explr-dirview li.highlight-clicked{border:1px dotted rgba(255,255,255,.2);background:#ffffff1a}ul.explr-dirview li a{color:#bbb;text-decoration:none;flex:1;text-align:center;font-size:12px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;max-width:84px;min-width:84px;position:relative;word-break:break-all}ul.explr-dirview li a.with-thumbnail .img-holder{width:64px;height:64px;background:#000;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;margin-bottom:12px}ul.explr-dirview li a.with-thumbnail .img-holder img{max-height:100%;max-width:100%}ul.explr-dirview li a.with-thumbnail i{font-size:24px;position:absolute;top:-4px;left:-4px;text-shadow:0 .5px .5px #777}ul.explr-dirview li a i{font-size:64px;margin-bottom:12px;border-radius:8px}ul.explr-dirview li a sup,ul.explr-dirview li a sub{position:absolute;top:-2px;right:0;background:#777;border-bottom:2px solid #555;border-radius:4px;width:16px;height:16px;text-align:center;display:flex;justify-content:center;align-items:center;padding-top:2px;padding-bottom:1px}ul.explr-dirview li a sup i,ul.explr-dirview li a sub i{color:#fff;font-size:10px;margin-bottom:0}ul.explr-dirview li a input{width:100%;padding:0 3px}ul.explr-dirview li a input:focus{outline:none}ul.explr-dirview li a:hover{opacity:.8}ul.explr-dirview li a form{display:none}ul.explr-dirview li.new-folder a{color:#027bff}ul.explr-dirview li.new-folder a form{display:block}ul.explr-dirview .ui-draggable-dragging{z-index:20}ul.explr-dirview .ui-draggable-dragging a{opacity:1!important}.modal-explr-picker h2{margin-top:0}.modal-explr-picker .explr-tree{width:400px;max-width:400px;max-height:300px;overflow:auto;background:#222;padding:10px 20px;border-radius:4px;margin-top:15px}.content-explr-picker{cursor:pointer}.selection-rectangle{position:absolute;border:1px solid rgb(0,153,255);background-color:#0099ff1a;pointer-events:none;z-index:1000}ul.pills{background:#222;padding:6px 4px 5px;box-shadow:1px 1px .5px .5px inset #0003;border:1px solid #222;border-radius:4px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;list-style:none;margin:0}ul.pills li.divider{margin:0 20px;width:1px;height:100%;background:#333}ul.pills li:hover a{opacity:.9}ul.pills li a{border-radius:4px;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;overflow:hidden;padding-right:30px;text-align:center;background:#0003;margin-right:5px;transition:all .25s cubic-bezier(.19,1,.22,1)}ul.pills li a span{display:flex;justify-content:center;align-items:center;margin-right:20px;height:42px;background:#0003;width:42px}ul.pills li.active a{color:#333;background:#ccc;font-weight:700}ul.pills li:hover a{color:#fff;background:#027bff}ul.pills li:last-child a{margin-right:0}.breadcrumb-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;border-bottom:1px solid #222;background:transparent;padding:10px}.breadcrumb-container ul.breadcrumb{background:#222;padding:6px 4px 5px;box-shadow:1px 1px .5px .5px inset #0003;border:1px solid #222;border-radius:4px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;list-style:none;margin:0;overflow-x:auto;max-width:65vw;white-space:nowrap}.breadcrumb-container ul.breadcrumb li{display:inline-block}.breadcrumb-container ul.breadcrumb li.divider{margin:0 5px}.breadcrumb-container ul.breadcrumb li.divider i{color:#aaa}.breadcrumb-container ul.breadcrumb li span,.breadcrumb-container ul.breadcrumb li a{border-radius:4px;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;text-align:center;padding:0 3px}.breadcrumb-container ul.breadcrumb li span i,.breadcrumb-container ul.breadcrumb li a i{margin-right:5px}.breadcrumb-container ul.breadcrumb li:hover a{color:#fff;background:#027bff}.breadcrumb-container ul.breadcrumb li:last-child a{margin-right:0}.pickers,.modals{position:fixed;background:#0006;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10000}.pickers.pickers .modals-outer .modals-inner .modal h2,.modals.pickers .modals-outer .modals-inner .modal h2{font-size:14px;line-height:18px;display:flex;margin-bottom:5px;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#666}.pickers .modals-outer,.modals .modals-outer{min-width:464px;max-width:464px;display:flex;flex-direction:column;overflow:auto;padding-bottom:2px}.pickers .modals-outer .modals-inner,.modals .modals-outer .modals-inner{background:#111;border-radius:10px;color:#333;padding:40px;box-shadow:0 2px #222;border:1px solid #222}.pickers .modals-outer .modals-inner .modal h2,.modals .modals-outer .modals-inner .modal h2{padding:0;margin:0 0 30px;font-weight:400;color:#999}.pickers .modals-outer .modals-inner .modal h3,.modals .modals-outer .modals-inner .modal h3{align-self:stretch;margin:0 0 10px;font-size:14px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#fff;padding-bottom:10px;text-decoration:none}.pickers .modals-outer .modals-inner .modal h3.divide,.modals .modals-outer .modals-inner .modal h3.divide{border-top:1px solid #222;margin-top:20px;padding-top:20px}.toast{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#333;color:#fff;text-align:center;border-radius:4px;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px;font-size:17px;border:2px dashed #222}.toast.show{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s}@-webkit-keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}body.dragover .shakeondrag{animation:shakednd .1s linear alternate infinite}.btn-super-upload-busy,.btn-super-upload{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-left:10px;position:relative}.btn-super-upload-busy.btn-super-upload-busy,.btn-super-upload.btn-super-upload-busy{border:none!important}.btn-super-upload-busy .unprogress,.btn-super-upload .unprogress{display:block}.btn-super-upload-busy .progress,.btn-super-upload .progress{display:none;width:200px;height:10px;background:#666;border-radius:4px;flex-direction:row;justify-content:flex-start;align-items:center}.btn-super-upload-busy .progress .progress-bar,.btn-super-upload .progress .progress-bar{border-radius:4px;background-color:#027bff;height:100%}.btn-super-upload-busy .progress .percent,.btn-super-upload .progress .percent{display:flex;justify-content:center;align-items:center;position:absolute;left:0;right:0;bottom:0;top:2px;font-size:15px;color:#fff;text-shadow:0 0 2px rgb(0,0,0)}.btn-super-upload-busy.uploading .progress,.btn-super-upload.uploading .progress{display:block}.btn-super-upload-busy.uploading .unprogress,.btn-super-upload.uploading .unprogress{display:none}@keyframes blink{50%{opacity:0}}.cfx-blink{animation:1.5s linear infinite blink}.cfx-ffff-speed{animation-delay:.1s}.cfx-fff-speed{animation-delay:.3s}.cfx-ff-speed{animation-delay:.5s}.cfx-f-speed{animation-delay:.8s}.cfx-m-speed{animation-delay:1s}.cfx-s-speed{animation-delay:1.3s}.cfx-ss-speed{animation-delay:1.5s}.cfx-sss-speed{animation-delay:1.8s}.cfx-ssss-speed{animation-delay:2s}.cfx-sssss-speed{animation-delay:3s}.panes{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch}.panes .pane-section,.panes tbody{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;margin:1px 1px 28px;background:#111;border-radius:4px;border:4px solid rgba(255,255,255,.05)}.panes .pane-section:hover,.panes tbody:hover,.panes .pane-section:hover tr.title-item,.panes tbody:hover tr.title-item{border-color:#027bff0d}.panes .pane-section .pane-item,.panes .pane-section tr,.panes tbody .pane-item,.panes tbody tr{flex:1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;padding:8px 18px;background:#222}.panes .pane-section .pane-item:nth-child(odd),.panes .pane-section tr:nth-child(odd),.panes tbody .pane-item:nth-child(odd),.panes tbody tr:nth-child(odd){background-color:#111}.panes .pane-section .pane-item:nth-child(odd) td.description,.panes .pane-section tr:nth-child(odd) td.description,.panes tbody .pane-item:nth-child(odd) td.description,.panes tbody tr:nth-child(odd) td.description{color:#ffffffb3}.panes .pane-section .pane-item:nth-child(2n),.panes .pane-section tr:nth-child(2n),.panes tbody .pane-item:nth-child(2n),.panes tbody tr:nth-child(2n){background-color:#141414}.panes .pane-section .pane-item .pane-cell,.panes .pane-section .pane-item td,.panes .pane-section tr .pane-cell,.panes .pane-section tr td,.panes tbody .pane-item .pane-cell,.panes tbody .pane-item td,.panes tbody tr .pane-cell,.panes tbody tr td{color:#888;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex:1;font-size:14px}.panes .pane-section .pane-item .pane-cell.vertical,.panes .pane-section .pane-item td.vertical,.panes .pane-section tr .pane-cell.vertical,.panes .pane-section tr td.vertical,.panes tbody .pane-item .pane-cell.vertical,.panes tbody .pane-item td.vertical,.panes tbody tr .pane-cell.vertical,.panes tbody tr td.vertical{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.panes .pane-section .pane-item .pane-cell.description,.panes .pane-section .pane-item td.description,.panes .pane-section tr .pane-cell.description,.panes .pane-section tr td.description,.panes tbody .pane-item .pane-cell.description,.panes tbody .pane-item td.description,.panes tbody tr .pane-cell.description,.panes tbody tr td.description{align-self:stretch}.panes .pane-section .pane-item .pane-cell.value,.panes .pane-section .pane-item td.value,.panes .pane-section tr .pane-cell.value,.panes .pane-section tr td.value,.panes tbody .pane-item .pane-cell.value,.panes tbody .pane-item td.value,.panes tbody tr .pane-cell.value,.panes tbody tr td.value{flex:0;margin-left:20px;word-break:break-all;flex-basis:auto}.panes .pane-section .pane-item .pane-cell.value i.icon-legend,.panes .pane-section .pane-item td.value i.icon-legend,.panes .pane-section tr .pane-cell.value i.icon-legend,.panes .pane-section tr td.value i.icon-legend,.panes tbody .pane-item .pane-cell.value i.icon-legend,.panes tbody .pane-item td.value i.icon-legend,.panes tbody tr .pane-cell.value i.icon-legend,.panes tbody tr td.value i.icon-legend{font-size:10px;margin-right:10px}.panes .pane-section .pane-item .pane-cell.value i.icon-value,.panes .pane-section .pane-item td.value i.icon-value,.panes .pane-section tr .pane-cell.value i.icon-value,.panes .pane-section tr td.value i.icon-value,.panes tbody .pane-item .pane-cell.value i.icon-value,.panes tbody .pane-item td.value i.icon-value,.panes tbody tr .pane-cell.value i.icon-value,.panes tbody tr td.value i.icon-value{padding:2px 2px 1px;border-radius:2px;width:16px;text-align:center}.panes .pane-section .pane-item.title-item,.panes .pane-section tr.title-item,.panes tbody .pane-item.title-item,.panes tbody tr.title-item{border-bottom:1px solid #222}.panes .pane-section .pane-item.title-item td,.panes .pane-section tr.title-item td,.panes tbody .pane-item.title-item td,.panes tbody tr.title-item td{color:#027bffe6;font-size:16px;font-weight:700}.panes .pane-section .pane-item.title-item td i,.panes .pane-section tr.title-item td i,.panes tbody .pane-item.title-item td i,.panes tbody tr.title-item td i{margin-right:10px}.panes .pane-section .pane-item.title-item td .more,.panes .pane-section tr.title-item td .more,.panes tbody .pane-item.title-item td .more,.panes tbody tr.title-item td .more{flex:1;text-align:right;font-size:12px;color:#888;font-weight:400;font-style:italic}.panes .pane-section .pane-item.variable-item,.panes .pane-section tr.variable-item,.panes tbody .pane-item.variable-item,.panes tbody tr.variable-item{cursor:pointer}.panes .pane-section .pane-item.variable-item:hover,.panes .pane-section tr.variable-item:hover,.panes tbody .pane-item.variable-item:hover,.panes tbody tr.variable-item:hover{background-color:#027bff0d}.panes .pane-section .pane-item.variable-item:hover td,.panes .pane-section tr.variable-item:hover td,.panes tbody .pane-item.variable-item:hover td,.panes tbody tr.variable-item:hover td{font-weight:700;color:#fff}.panes .pane-section .pane-item.variable-item:hover td i.icon-legend,.panes .pane-section tr.variable-item:hover td i.icon-legend,.panes tbody .pane-item.variable-item:hover td i.icon-legend,.panes tbody tr.variable-item:hover td i.icon-legend{color:#fff}.panes .pane-section .pane-item.variable-item:hover td span,.panes .pane-section .pane-item.variable-item:hover td i.icon-value,.panes .pane-section tr.variable-item:hover td span,.panes .pane-section tr.variable-item:hover td i.icon-value,.panes tbody .pane-item.variable-item:hover td span,.panes tbody .pane-item.variable-item:hover td i.icon-value,.panes tbody tr.variable-item:hover td span,.panes tbody tr.variable-item:hover td i.icon-value{background-color:#ffffff4d;color:#fff}.panes .pane-section .pane-item.variable-item:hover td.description,.panes .pane-section tr.variable-item:hover td.description,.panes tbody .pane-item.variable-item:hover td.description,.panes tbody tr.variable-item:hover td.description{color:#027bff}.panes .pane-section .pane-item.highlighted:hover,.panes .pane-section .pane-item.highlighted,.panes .pane-section tr.highlighted:hover,.panes .pane-section tr.highlighted,.panes tbody .pane-item.highlighted:hover,.panes tbody .pane-item.highlighted,.panes tbody tr.highlighted:hover,.panes tbody tr.highlighted{background-color:#027bff}.panes .pane-section .pane-item.highlighted:hover td,.panes .pane-section .pane-item.highlighted td,.panes .pane-section tr.highlighted:hover td,.panes .pane-section tr.highlighted td,.panes tbody .pane-item.highlighted:hover td,.panes tbody .pane-item.highlighted td,.panes tbody tr.highlighted:hover td,.panes tbody tr.highlighted td{font-weight:700;color:#fff}.panes .pane-section .pane-item.highlighted:hover td i.icon-legend,.panes .pane-section .pane-item.highlighted td i.icon-legend,.panes .pane-section tr.highlighted:hover td i.icon-legend,.panes .pane-section tr.highlighted td i.icon-legend,.panes tbody .pane-item.highlighted:hover td i.icon-legend,.panes tbody .pane-item.highlighted td i.icon-legend,.panes tbody tr.highlighted:hover td i.icon-legend,.panes tbody tr.highlighted td i.icon-legend{color:#fff}.panes .pane-section .pane-item.highlighted:hover td span,.panes .pane-section .pane-item.highlighted:hover td i.icon-value,.panes .pane-section .pane-item.highlighted td span,.panes .pane-section .pane-item.highlighted td i.icon-value,.panes .pane-section tr.highlighted:hover td span,.panes .pane-section tr.highlighted:hover td i.icon-value,.panes .pane-section tr.highlighted td span,.panes .pane-section tr.highlighted td i.icon-value,.panes tbody .pane-item.highlighted:hover td span,.panes tbody .pane-item.highlighted:hover td i.icon-value,.panes tbody .pane-item.highlighted td span,.panes tbody .pane-item.highlighted td i.icon-value,.panes tbody tr.highlighted:hover td span,.panes tbody tr.highlighted:hover td i.icon-value,.panes tbody tr.highlighted td span,.panes tbody tr.highlighted td i.icon-value{background-color:#ffffff4d;color:#fff}.panes .pane-section .pane-item.highlighted:hover td.description,.panes .pane-section .pane-item.highlighted td.description,.panes .pane-section tr.highlighted:hover td.description,.panes .pane-section tr.highlighted td.description,.panes tbody .pane-item.highlighted:hover td.description,.panes tbody .pane-item.highlighted td.description,.panes tbody tr.highlighted:hover td.description,.panes tbody tr.highlighted td.description{color:#fff}.tiles{flex:1;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;align-self:stretch}.tiles .tiles-inner{display:flex;flex:1;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;align-self:stretch;padding:2px}.tiles .tiles-inner .tile-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#fff;margin:1px;padding:15px 10px 15px 15px;border-radius:4px;border-bottom:1px solid transparent}.tiles .tiles-inner .tile-item:hover,.tiles .tiles-inner .tile-item.active{border-left:4px solid rgb(2,123,255);border-radius:4px;border-bottom:2px solid #171717;background:#222;color:#027bff}.tiles .tiles-inner .tile-item:hover:hover,.tiles .tiles-inner .tile-item.active:hover{opacity:1}.tiles .tiles-inner .tile-item:hover.disabled,.tiles .tiles-inner .tile-item.active.disabled{border-left-color:#444;color:#fff}.tiles .tiles-inner .tile-item:hover.starred,.tiles .tiles-inner .tile-item.active.starred{border-left-color:#e5a123;color:#e5a123}.tiles .tiles-inner .tile-item:hover.starred .tile-tail .head-icon i,.tiles .tiles-inner .tile-item.active.starred .tile-tail .head-icon i{opacity:1;color:#e5a123;font-size:8px}.tiles .tiles-inner .tile-item.starred .tile-tail .head-icon i{font-size:8px;color:#e5a123}.tiles .tiles-inner .tile-item.disabled .tile-body{opacity:.3}.tiles .tiles-inner .tile-item.disabled .tile-tail .head-icon i{color:#444;opacity:.4}.tiles .tiles-inner .tile-item .tile-tail{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;align-self:stretch;margin-left:10px;min-width:10px}.tiles .tiles-inner .tile-item .tile-tail .head-icon{flex:1;display:flex;text-align:right;flex-direction:row;justify-content:center;align-items:center;align-self:stretch}.tiles .tiles-inner .tile-item .tile-tail .head-icon i{font-size:6px;display:flex}.tiles .tiles-inner .tile-item .tile-tail .status-icons{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.tiles .tiles-inner .tile-item .tile-tail .status-icons i{font-size:16px;margin-left:10px}.tiles .tiles-inner .tile-item .tile-body{flex:1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:15px;font-weight:400;letter-spacing:.8px;line-height:22px;margin:0;flex-wrap:nowrap}.tiles .tiles-inner .tile-item .tile-body i{font-size:8px;margin-right:5px}.tiles .tiles-inner .tile-item .tile-metrics{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin:0}.tiles .tiles-inner .tile-item .tile-metrics .foot-span span,.tiles .tiles-inner .tile-item .tile-metrics .foot-span{opacity:.8;font-size:13px;font-family:Courier New}span.empty{background:#e5a1234d;color:#e5a123;text-transform:lowercase;border-radius:2px;padding:2px 4px;font-weight:700}.inner-empty{display:flex;flex:1;flex-direction:column;align-self:stretch;justify-content:center;align-items:center}.inner-empty i{font-size:90px;opacity:.3;text-shadow:0 -1px #333,0 0px .5px #444}.toggle{position:relative;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.toggle input{display:none}.toggle input:checked+label{background:#027bff;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 2px #222 inset}.toggle input:checked+label:after{content:"";display:block;border-radius:50%;margin-left:21px;width:18px;height:18px;transition:.2s;background:#9bcbff;box-shadow:0 2px #0063ce}.toggle label{width:44px;height:26px;border-radius:15px;background:#222;cursor:pointer;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 2px #111 inset}.toggle label:after{content:"";display:block;border-radius:50%;width:18px;height:18px;margin:3px;background:#777;box-shadow:0 2px #555555e6;transition:.2s}.badge-inset{display:inline;color:#aaa;font-size:12px;margin-left:5px;background:#000;border:1px solid #333;border-radius:4px;padding:3px 7px}.form-holder{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch}.form-holder form{max-width:434px}form{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch}form .alert{padding:8px 15px;font-size:14px;margin:0 0 25px}.from-group-condition{flex-direction:column;align-self:stretch;justify-content:flex-start;align-items:flex-start;display:flex}.form-group{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;width:100%;flex:1;margin-bottom:20px}.form-group label{flex:1;font-size:12px;line-height:18px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#666}.form-group label.btn-upload{color:#fff;font-size:14px;flex:0;flex-basis:auto;margin-top:5px}.form-group label.btn-upload input[type=file]{display:none}.form-group label.btn-upload input[type=text]{margin-bottom:2px;margin-left:10px}.form-group label.btn-upload span.btn{padding-right:20px}.form-group label.btn-upload i{margin-left:3px;margin-right:10px}.form-group .checkbox-group,.form-group .radio-group{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.form-group .checkbox-group input,.form-group .radio-group input{display:none}.form-group .checkbox-group label,.form-group .radio-group label{margin:0 5px 0 0!important;justify-content:center!important;text-align:center}.form-group .widget{margin-top:10px;align-self:stretch;display:flex;flex-direction:row}.form-group .widget.vertical{flex-direction:column}.form-group .widget.vertical select,.form-group .widget.vertical input{align-self:stretch}.form-group .widget.vertical select:first-child,.form-group .widget.vertical input:first-child{margin-bottom:10px}.form-group .widget input+.btn+.btn{margin-left:10px}.form-group .widget.widget-unit select,.form-group .widget.widget-unit input{flex-grow:0;background:none;box-shadow:none;border:none;border-bottom:1px solid #333;border-radius:0;max-width:80px;padding-left:0;color:#fff;text-align:center}.form-group .widget.widget-unit span{font-size:12px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-left:5px;color:#555}.form-group .widget select.size-m,.form-group .widget input.size-m{max-width:122px}.form-group .widget select.color-picker,.form-group .widget input.color-picker{max-width:125px}.form-group .widget select.chars-4,.form-group .widget input.chars-4{max-width:50px}.form-group .widget select.chars-3,.form-group .widget input.chars-3{max-width:40px}.form-group .widget select.chars-2,.form-group .widget input.chars-2{max-width:20px}.form-group .widget select.chars-1,.form-group .widget input.chars-1{max-width:15px}.form-group .widget div{color:#ffffffb3;font-size:14px}.form-group .widget select,.form-group .widget input,.form-group .widget textarea{outline:none;padding:8px 0 5px 8px;border-radius:2px;border:1px solid rgba(255,255,255,.05);flex:1;background:#555;box-shadow:0 2px 1px #444,0 4px 2px #333 inset;color:#ddd;font-size:14px}.form-group .widget select.input-naked,.form-group .widget select.disabled,.form-group .widget select[disabled],.form-group .widget input.input-naked,.form-group .widget input.disabled,.form-group .widget input[disabled],.form-group .widget textarea.input-naked,.form-group .widget textarea.disabled,.form-group .widget textarea[disabled]{color:#555;background:none;box-shadow:none;border-radius:0}.form-group .widget select.input-naked,.form-group .widget input.input-naked,.form-group .widget textarea.input-naked{color:#bbb}.form-group .widget select.disabled,.form-group .widget select[disabled],.form-group .widget input.disabled,.form-group .widget input[disabled],.form-group .widget textarea.disabled,.form-group .widget textarea[disabled]{background:#000;border-radius:4px}.form-group.tab-select{border-bottom:1px solid #444;display:flex;flex-direction:row;position:relative;height:48px;padding:48px 0 0;flex:0;flex-basis:auto}.form-group.tab-select .widget{height:49px;margin-top:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:absolute;top:0;left:0;border-bottom:2px solid rgb(2,123,255);color:#027bff}.form-group.tab-select .widget select{border:none;background:none;box-shadow:none;padding:10px 35px 10px 10px;margin:0;color:inherit;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-align:left;font-weight:700;cursor:pointer;border-radius:4px 4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;z-index:2}.form-group.tab-select .widget i{margin-left:10px;margin-right:0}.form-group.tab-select .widget i.triangle{margin-top:-4px;margin-left:0;position:absolute;right:10px}.form-group.form-group-horizontal{margin:10px 0 20px;flex-direction:row;justify-content:flex-start;align-items:center}.form-group.form-group-horizontal .widget{margin:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.actions{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;align-self:stretch;margin:20px 0 0}.actions.actions-intermediate{margin:0}.actions button{margin-left:25px}.actions.actions-left{justify-content:flex-start}.actions.actions-left .btn{margin-left:0;margin-right:25px}.actions.actions-right{justify-content:flex-end}.actions.actions-right .btn{margin-left:10px;margin-right:0}.actions.actions-center{justify-content:center}.actions.actions-center .btn{margin-left:0;margin-right:0}.view-content-list main .main-container .page-content .inner{padding-bottom:10px}.view-content-list main .main-container .content-object-input{margin-bottom:6px}.view-content-list.dragover main .main-container .inner .dropzone{border-radius:4px;background:#ffffff1a;border:1px dashed rgba(255,255,255,.5)}.view-content-edit main .main-container .top-content h3{color:#fff;padding:10px 10px 10px 0;font-size:16px;align-self:stretch;flex:1;text-align:right}.view-content-edit main .main-container .top-content h3 span{border-width:1px;border-style:solid;border-radius:4px;padding:4px 10px;margin-left:5px}.view-content-edit main .main-container .top-content h3 i{font-size:16px}.view-content-edit main .main-container .bottom-content .page-content{flex:1}.view-content-edit main .main-container .bottom-content .page-content .form-holder{margin:20px 20px 20px 10px;flex:1}.view-content-edit main .main-container .bottom-content .page-panel.right-panel{flex:2;align-self:stretch;display:flex;flex-direction:column;overflow:auto;justify-content:flex-start;align-items:center;padding:20px}.view-content-edit main .main-container .bottom-content .page-panel.right-panel .iframe-wrapper{display:flex;flex-direction:column;width:100%;position:relative;padding-top:56.25%;overflow:hidden;border-radius:4px;outline:4px solid rgba(255,255,255,.1)}.view-content-edit main .main-container .bottom-content .page-panel.right-panel .iframe-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.view-content-edit.view-content-edit-composition main .main-container .page-panel.left-panel{flex:1}.view-content-edit.view-content-edit-composition main .main-container .page-panel.left-panel .form-holder{margin:20px 20px 20px 10px;flex:1}.view-content-edit.view-content-edit-composition main .main-container .page-content{flex:2}.view-content-edit.view-content-edit-composition main .main-container .page-panel.right-panel{flex:1}.view-content-edit.view-content-edit-composition main .main-container h3.main{font-size:16px;font-weight:500;color:#ddd;text-decoration:none;margin-top:5px;border-bottom:1px solid #222;margin-bottom:20px;padding-bottom:10px;align-self:stretch}.view-content-edit.view-content-edit-composition main .main-container .toolbar{margin-bottom:20px}.view-content-edit.view-content-edit-composition main .main-container .presets{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:20px}.view-content-edit.view-content-edit-composition main .main-container .presets h4{margin-right:5px;font-weight:400;font-size:14px;text-decoration:underline}.view-content-edit.view-content-edit-composition main .main-container .presets button:focus,.view-content-edit.view-content-edit-composition main .main-container .presets button{padding:3px 15px;margin:0 3px;font-size:12px;font-weight:400;min-height:initial;border:1px solid #333}.view-content-edit.view-content-edit-composition main .main-container .screen-holder{display:flex;flex-direction:column;width:100%;position:relative;padding-top:56.25%;overflow:hidden;border-radius:4px;outline:4px solid rgba(255,255,255,.1)}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen{background-color:#ddd;position:absolute;top:0;left:0;width:100%;height:100%;border:none}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element{position:absolute!important;background-color:#eee;outline:1px solid #CCC;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element.focused{border:none;outline:2px solid rgb(2,123,255);z-index:89!important}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element.focused .ui-resizable-handle{display:block}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element i{font-size:20px;color:#ccc}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element i.fa-cog{text-shadow:0 -2px #BBB,0 0px 2px #BBB}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element i.gscaleF{color:#000!important}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .rotate-handle{width:10px;height:10px;background-color:red;position:absolute;top:50%;right:-15px;cursor:pointer;transform:translateY(-50%)}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle{background:#aaa;border:1px solid #555;width:10px;height:10px;z-index:90;display:none;position:absolute}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-n{cursor:n-resize;top:-5px;left:50%;margin-left:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-s{cursor:s-resize;bottom:-5px;left:50%;margin-left:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-w{cursor:w-resize;left:-5px;top:50%;margin-top:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-e{cursor:e-resize;right:-5px;top:50%;margin-top:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-nw{cursor:nw-resize;top:-5px;left:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-ne{cursor:ne-resize;top:-5px;right:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-sw{cursor:sw-resize;bottom:-5px;left:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-se{cursor:se-resize;bottom:-5px;right:-5px}.view-content-edit.view-content-edit-composition main .main-container .elements-holder{align-self:stretch}.view-content-edit.view-content-edit-composition main .main-container .elements-holder h3{font-size:16px;font-weight:500;color:#ddd;text-decoration:none;margin:0 0 20px}.view-content-edit.view-content-edit-composition main .main-container .elements-holder h3.divide{border-top:1px solid #222;margin-top:10px;padding-top:20px}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list{padding:10px;background:#222;border-radius:4px;display:flex;flex-direction:column;justify-content:flex-start;align-self:flex-start}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item>i{color:#eee;margin:0 10px 0 0;cursor:move;width:30px;text-align:center}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner:hover,.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item.focused .inner{background-color:#027bff;color:#fff;font-weight:700}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner:hover button.btn-naked,.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item.focused .inner button.btn-naked{color:#fff}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner{cursor:pointer;padding:5px 5px 5px 10px;margin-bottom:5px;background:#eee;border-radius:4px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#222;min-height:46px;flex:1}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner label{flex:1;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;max-width:219px;overflow:hidden}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner button{display:none;margin-left:5px}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner button.btn-naked{color:#555}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner:hover label{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner:hover button{display:block}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties{flex:1;align-self:stretch}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form{display:flex;flex-direction:column}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form h3{font-size:16px;font-weight:500;color:#ddd;text-decoration:none;border-bottom:1px solid #222;margin-bottom:20px;padding-bottom:10px;align-self:stretch}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form .divide{margin-top:30px;margin-bottom:10px}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form .form-group{flex-direction:row;justify-content:flex-start;align-items:center;display:flex}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form .form-group label{flex-grow:1;flex-direction:row;justify-content:flex-start;align-items:center;display:flex;font-weight:700;margin-right:10px}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form .form-group .widget{flex-grow:1;flex-direction:row;justify-content:flex-start;align-items:center;display:flex;margin:0}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form .form-group .widget input{flex:1;margin:0}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form .form-group .widget input[disabled]{padding:8px 0 5px 8px;border:1px solid rgba(255,255,255,.05)}.view-content-edit.view-content-edit-text main .main-container .page-panel.left-panel{flex:1}.view-content-edit.view-content-edit-text main .main-container .page-panel.left-panel .form-holder{margin:20px 20px 20px 10px;flex:1}.view-content-edit.view-content-edit-text main .main-container .page-content{flex:2}.view-content-edit.view-content-edit-text main .main-container .page-panel.right-panel{flex:1}.view-content-edit.view-content-edit-text main .main-container h3.main{font-size:16px;font-weight:500;color:#ddd;text-decoration:none;margin-top:5px;border-bottom:1px solid #222;margin-bottom:20px;padding-bottom:10px;align-self:stretch}.view-content-edit.view-content-edit-text main .main-container .toolbar{margin-bottom:20px}.view-content-edit.view-content-edit-text main .main-container .screen-holder{display:flex;flex-direction:column;width:100%;position:relative;padding-top:56.25%;overflow:hidden;border-radius:4px;outline:4px solid rgba(255,255,255,.1);background:repeating-conic-gradient(#eee,#eee 25%,#fff 0%,#fff 50%) 50%/20px 20px}.view-content-edit.view-content-edit-text main .main-container .screen-holder .screen{position:absolute;top:0;left:0;width:100%;height:100%;border:none;display:flex}.view-content-edit.view-content-edit-text main .main-container .screen-holder .screen .text{display:flex;justify-content:center;align-items:center;flex-direction:row;flex:1;align-self:stretch;text-align:center;max-width:100%;word-break:break-all}.view-content-edit.view-content-edit-text main .main-container .screen-holder .screen .text marquee{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex:1;height:100%;width:100%}.view-content-edit.view-content-edit-text main .main-container .form-element-properties{flex:1;align-self:stretch}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form{display:flex;flex-direction:column}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form h3{font-size:16px;font-weight:500;color:#ddd;text-decoration:none;border-bottom:1px solid #222;margin-bottom:20px;padding-bottom:10px;align-self:stretch}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form .divide{margin-top:30px;margin-bottom:10px}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form .bar{width:100%;height:1px;background:#333;margin-bottom:20px}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form .form-group label{flex-grow:1;flex-direction:row;justify-content:flex-start;align-items:center;display:flex;font-weight:700;margin-right:10px;margin-bottom:5px}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form .form-group .widget{flex-grow:1;flex-direction:row;justify-content:flex-start;align-items:center;display:flex;margin:0}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form .form-group .widget input{flex:1;margin:0}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form .form-group .widget input[disabled]{padding:8px 0 5px 8px;border:1px solid rgba(255,255,255,.05)}.view-logs-list main .main-container .bottom-content .page-content .inner{padding-top:8px;padding-bottom:8px}.view-logs-list main .main-container .bottom-content .page-content .logs{flex:1;display:flex;flex-direction:column;align-self:stretch}.view-logs-list main .main-container .bottom-content .page-content .logs pre{flex:1;background:#000000e6;border:1px solid rgba(85,85,85,.5);border-radius:4px;font-family:monospace;color:#f2f2f2;padding:20px;overflow:auto;align-self:stretch}.view-node-player-edit main .main-container .bottom-content .page-content{flex:1}.view-node-player-edit main .main-container .bottom-content .page-content .form-holder{margin:20px 20px 20px 10px}.view-player-group-list main .main-container .players-holder ul.players{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;margin:10px 0 0;border:1px dashed #222;border-radius:4px;padding:10px}.view-player-group-list main .main-container .players-holder ul.players li.player-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;margin:0 0 2px}.view-player-group-list main .main-container .players-holder ul.players li.player-item .head{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#999;font-size:10px;padding:10px;cursor:default}.view-player-group-list main .main-container .players-holder ul.players li.player-item:hover .infos .title{color:#fff}.view-player-group-list main .main-container .players-holder ul.players li.player-item .infos{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#aaa;font-size:12px;margin-right:5px;flex:1;max-width:180px;background:#000;border:1px solid #333;border-radius:4px;padding:3px 7px}.view-player-group-list main .main-container .players-holder ul.players li.player-item .infos .title{font-size:13px;color:#aaa;display:block;word-break:break-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.view-player-group-list main .main-container .players-holder ul.players li.player-item .infos .type{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#aaa;font-size:12px;margin-right:5px}.view-player-group-list main .main-container .players-holder ul.players li.player-item .body{display:block;flex-direction:row;justify-content:flex-start;align-items:center;margin:0 10px;background:#1b1b1b;padding:10px;align-self:stretch;flex:1;border-radius:4px;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px;font-size:12px}.view-player-group-list main .main-container .players-holder ul.players li.player-item .body span{opacity:.5;margin-right:7px;font-size:10px}.view-player-group-list main .main-container .players-holder ul.players li.player-item .tail{display:flex;flex-direction:row;justify-content:center;align-items:center}.view-player-group-list main .main-container .players-holder ul.players li.player-item .tail a{color:#fff}.view-playlist-list main .main-container p{font-size:12px;line-height:18px;display:flex;margin-bottom:5px;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#666}.view-playlist-list main .main-container .modal-slide h2{font-size:20px}.view-playlist-list main .main-container .modal-slide input[disabled]{color:#aaa}.view-playlist-list main .main-container .modal-slide .slide-schedule-group select,.view-playlist-list main .main-container .modal-slide .slide-schedule-end-group select{margin-right:5px}.view-playlist-list main .main-container .modal-slide .slide-schedule-group select,.view-playlist-list main .main-container .modal-slide .slide-schedule-group input,.view-playlist-list main .main-container .modal-slide .slide-schedule-end-group select,.view-playlist-list main .main-container .modal-slide .slide-schedule-end-group input{font-size:12px;max-width:50%}.view-playlist-list main .main-container .modal-slide .slide-schedule-group select.datetimepicker,.view-playlist-list main .main-container .modal-slide .slide-schedule-group input.datetimepicker,.view-playlist-list main .main-container .modal-slide .slide-schedule-end-group select.datetimepicker,.view-playlist-list main .main-container .modal-slide .slide-schedule-end-group input.datetimepicker{margin-left:5px;padding-left:0}.view-playlist-list main .main-container .bottom-content .page-content{flex:1}.view-playlist-list main .main-container .bottom-content .page-content.with-right-panel{flex:.5}.view-playlist-list main .main-container .bottom-content .page-content .inner{padding:0}.view-playlist-list main .main-container .bottom-content .page-content .inner h3{font-size:16px;font-weight:500;color:#ddd;text-decoration:none;margin:0 0 20px}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder{margin:20px 20px 20px 10px;flex:1}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .form-holder{margin:20px 0 0}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .form-holder form{max-width:initial}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .form-holder .form-group{flex-grow:0;margin-bottom:5px}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .preview-holder{position:relative}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .preview-holder .form-group{flex-grow:0;margin-bottom:0}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .preview-holder .hover-only{display:none}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .preview-holder:hover .hover-only{display:flex;position:absolute}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .preview-holder:hover .hover-only:hover{background:#ccc}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder h4{font-size:14px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#fff;padding-bottom:10px;text-decoration:none}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder h4.divide{border-top:1px solid #222;margin-top:20px;padding-top:20px}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .qrcode-pic{margin-top:10px}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .qrcode-pic img{border:1px dashed #555;padding:5px;border-radius:4px}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .preview{background:#000;border:1px solid rgba(255,255,255,.3);border-radius:4px;justify-content:center;align-items:center;align-self:stretch;display:flex;margin:10px 0 20px;height:300px}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .preview iframe{flex:1;align-self:stretch}.view-playlist-list main .main-container .bottom-content .page-content .inner .slides-holder{align-self:stretch;border-right:1px solid #222;margin:20px 10px 20px 20px;padding-right:20px;flex:1.3}.view-playlist-list main .main-container .bottom-content .page-panel.left-panel{flex:.3;max-width:initial;justify-content:center;align-items:center;display:flex}.view-player-group-list main .main-container p{font-size:12px;line-height:18px;display:flex;margin-bottom:5px;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#666}.view-player-group-list main .main-container .bottom-content .page-content{flex:1}.view-player-group-list main .main-container .bottom-content .page-content .inner{padding:0}.view-player-group-list main .main-container .bottom-content .page-content .inner h3{font-size:16px;font-weight:500;color:#ddd;text-decoration:none;margin:0 0 20px}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder{margin:20px 20px 20px 10px;flex:1}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .form-holder{margin:20px 0 0}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .form-holder form{max-width:initial}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .form-holder .form-group{flex-grow:0;margin-bottom:15px}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .preview-holder{position:relative}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .preview-holder .form-group{flex-grow:0;margin-bottom:0}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .preview-holder .hover-only{display:none}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .preview-holder:hover .hover-only{display:flex;position:absolute}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .preview-holder:hover .hover-only:hover{background:#ccc}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder h4{font-size:14px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#fff;padding-bottom:10px;text-decoration:none}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder h4.divide{border-top:1px solid #222;margin-top:20px;padding-top:20px}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .preview{background:#000;border:1px solid rgba(255,255,255,.3);border-radius:4px;justify-content:center;align-items:center;align-self:stretch;display:flex;margin:10px 0 20px;height:300px}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .preview iframe{flex:1;align-self:stretch}.view-player-group-list main .main-container .bottom-content .page-content .inner .players-holder{align-self:stretch;border-right:1px solid #222;margin:20px 10px 20px 20px;padding-right:20px;flex:1.3}.view-player-group-list main .main-container .bottom-content .page-panel.left-panel{flex:.3;max-width:initial;justify-content:center;align-items:center;display:flex}.view-playlist-list main .main-container .page-content .inner h3.divide{margin-top:50px}.view-playlist-list main .main-container .slides-holder ul.slides{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;margin:10px 0 0;border:1px dashed #222;border-radius:4px;padding:10px}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;margin:0 0 2px}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item.disabled .infos .title{color:#333}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item.disabled .infos .type i{color:#333!important}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item.disabled .body{opacity:0}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .sort{display:flex;flex-direction:column;justify-content:center;align-items:center}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .sort a{color:#999;font-size:10px;padding:10px;cursor:move}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .sort a:hover{color:#027bff}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .infos{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#aaa;font-size:12px;margin-right:5px;flex:1;max-width:120px;background:#000;border:1px solid #333;border-radius:4px;padding:3px 7px}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .infos:hover .title{color:#fff}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .infos .title{display:block;word-break:break-all;font-size:13px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .infos .type{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#aaa;font-size:12px;margin-right:5px}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:0 10px;background:#1b1b1b;padding:10px;align-self:stretch;flex:1;border-radius:4px;font-size:13px;color:#fff}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:1;max-width:315px;overflow-x:auto;white-space:nowrap}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range .start{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:8px}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range .end{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range .start .prefix,.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range .end .prefix{margin-left:5px;margin-right:5px;font-size:12px;color:#ddd}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range .start .cron-description,.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range .end .cron-description{display:block;word-break:break-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-left:5px;font-size:10px;opacity:.5}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .tail{display:flex;flex-direction:row;justify-content:center;align-items:center}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .tail a{color:#fff}.view-plugins-list main .main-container .bottom-content .page-content .inner{padding:10px}.view-settings-list main .main-container .bottom-content .page-content .inner{padding:10px}.view-sysinfo-list main .main-container .bottom-content .page-content .inner{padding:10px}.view-sysinfo-list .reboot{color:#ccc}.view-login main .main-container{position:relative}.view-login main .main-container .alert{position:absolute;top:0;left:0;right:0}.view-login main .main-container .login-content{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center}.view-login main .main-container .login-content .form-holder{width:400px;display:flex;justify-content:center;align-items:center;align-self:stretch;margin-left:auto;margin-right:auto}.view-login main .main-container .login-content .form-holder .card{display:flex;justify-content:center;align-items:center;align-self:stretch;border-radius:6px;padding:50px;color:#333}.view-login main .main-container .login-content .form-holder .card form{padding:0;flex:1;display:flex;justify-content:center;align-items:center;align-self:stretch}.view-login main .main-container .login-content .form-holder .card form .actions{margin-top:10px}.view-login main .main-container .login-content .form-holder .card form .actions .btn{padding-left:20px;padding-right:20px}.view-auth-user-list main .main-container .bottom-content .page-content .inner{padding:10px}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item.disabled .tile-body{opacity:.3;text-decoration-line:line-through}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-tail .btn{margin-left:10px}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-tail .btn:first-child{margin-left:0}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-metrics{flex:1;flex-direction:row;justify-content:flex-start;align-items:center}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-metrics .widget,.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-metrics .form-group{margin:0}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-metrics label{flex-grow:0}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-metrics input{margin-left:10px;margin-right:10px;max-width:320px}
+.warning{color:#e56723!important}.bg-warning{background-color:#e56723!important}.border-warning{border-color:#e56723!important}.orange{color:#e56723!important}.bg-orange{background-color:#e56723!important}.border-orange{border-color:#e56723!important}.info{color:#027bff!important}.bg-info{background-color:#027bff!important}.border-info{border-color:#027bff!important}.info-alt{color:#075cb7!important}.bg-info-alt{background-color:#075cb7!important}.border-info-alt{border-color:#075cb7!important}.success{color:#0eef5f!important}.bg-success{background-color:#0eef5f!important}.border-success{border-color:#0eef5f!important}.success-alt{color:#11a948!important}.bg-success-alt{background-color:#11a948!important}.border-success-alt{border-color:#11a948!important}.error{color:#ef0e5d!important}.bg-error{background-color:#ef0e5d!important}.border-error{border-color:#ef0e5d!important}.error-alt{color:#c20941!important}.bg-error-alt{background-color:#c20941!important}.border-error-alt{border-color:#c20941!important}.danger{color:#ef0e5d!important}.bg-danger{background-color:#ef0e5d!important}.border-danger{border-color:#ef0e5d!important}.danger-alt{color:#c20941!important}.bg-danger-alt{background-color:#c20941!important}.border-danger-alt{border-color:#c20941!important}.purple{color:#bc48ff!important}.bg-purple{background-color:#bc48ff!important}.border-purple{border-color:#bc48ff!important}.purple-alt{color:#692fbd!important}.bg-purple-alt{background-color:#692fbd!important}.border-purple-alt{border-color:#692fbd!important}.neutral{color:#464646!important}.bg-neutral{background-color:#464646!important}.border-neutral{border-color:#464646!important}.yellow{color:#e5a123!important}.bg-yellow{background-color:#e5a123!important}.border-yellow{border-color:#e5a123!important}.white{color:#fff!important}.bg-white{background-color:#fff!important}.border-white{border-color:#fff!important}.black{color:#000!important}.bg-black{background-color:#000!important}.border-black{border-color:#000!important}.youtube{color:#fd3c01!important}.bg-youtube{background-color:#fd3c01!important}.border-youtube{border-color:#fd3c01!important}.raspbian{color:#b61240!important}.bg-raspbian{background-color:#b61240!important}.border-raspbian{border-color:#b61240!important}.windows{color:#12a7e3!important}.bg-windows{background-color:#12a7e3!important}.border-windows{border-color:#12a7e3!important}.macos{color:#b3bcc2!important}.bg-macos{background-color:#b3bcc2!important}.border-macos{border-color:#b3bcc2!important}.debian{color:#cf084e!important}.bg-debian{background-color:#cf084e!important}.border-debian{border-color:#cf084e!important}.fedora{color:#52a2da!important}.bg-fedora{background-color:#52a2da!important}.border-fedora{border-color:#52a2da!important}.ubuntu{color:#d64514!important}.bg-ubuntu{background-color:#d64514!important}.border-ubuntu{border-color:#d64514!important}.suse{color:#6fb425!important}.bg-suse{background-color:#6fb425!important}.border-suse{border-color:#6fb425!important}.redhat{color:#c60200!important}.bg-redhat{background-color:#c60200!important}.border-redhat{border-color:#c60200!important}.centos{color:#9b4c88!important}.bg-centos{background-color:#9b4c88!important}.border-centos{border-color:#9b4c88!important}.other{color:#e5a123!important}.bg-other{background-color:#e5a123!important}.border-other{border-color:#e5a123!important}.gscale0{color:#000!important}.bg-gscale0{background-color:#000!important}.border-gscale0{border-color:#000!important}.gscaleF{color:#fff!important}.bg-gscaleF{background-color:#fff!important}.border-gscaleF{border-color:#fff!important}button.btn-warning,.btn.btn-warning{background:#e56723;box-shadow:0 2px #913e11}button.btn-warning:hover,.btn.btn-warning:hover{box-shadow:0 2px 0 1px #913e11 inset}button.btn-warning:focus,.btn.btn-warning:focus{background:#913e11}button.btn-wire-warning,.btn.btn-wire-warning{background:transparent;box-shadow:none;border:2px solid rgb(229,103,35);color:#fffc}button.btn-wire-warning i.btn-match,.btn.btn-wire-warning i.btn-match{color:#e56723}button.btn-wire-warning:hover,.btn.btn-wire-warning:hover{background:#e567230d;border-color:#be5117;color:#be5117;box-shadow:none}button.btn-wire-warning:focus,.btn.btn-wire-warning:focus{border-color:#913e11;background:transparent}button.btn-orange,.btn.btn-orange{background:#e56723;box-shadow:0 2px #913e11}button.btn-orange:hover,.btn.btn-orange:hover{box-shadow:0 2px 0 1px #913e11 inset}button.btn-orange:focus,.btn.btn-orange:focus{background:#913e11}button.btn-wire-orange,.btn.btn-wire-orange{background:transparent;box-shadow:none;border:2px solid rgb(229,103,35);color:#fffc}button.btn-wire-orange i.btn-match,.btn.btn-wire-orange i.btn-match{color:#e56723}button.btn-wire-orange:hover,.btn.btn-wire-orange:hover{background:#e567230d;border-color:#be5117;color:#be5117;box-shadow:none}button.btn-wire-orange:focus,.btn.btn-wire-orange:focus{border-color:#913e11;background:transparent}button.btn-info,.btn.btn-info{background:#027bff;box-shadow:0 2px #004a9b}button.btn-info:hover,.btn.btn-info:hover{box-shadow:0 2px 0 1px #004a9b inset}button.btn-info:focus,.btn.btn-info:focus{background:#004a9b}button.btn-wire-info,.btn.btn-wire-info{background:transparent;box-shadow:none;border:2px solid rgb(2,123,255);color:#fffc}button.btn-wire-info i.btn-match,.btn.btn-wire-info i.btn-match{color:#027bff}button.btn-wire-info:hover,.btn.btn-wire-info:hover{background:#027bff0d;border-color:#0063ce;color:#0063ce;box-shadow:none}button.btn-wire-info:focus,.btn.btn-wire-info:focus{border-color:#004a9b;background:transparent}button.btn-info-alt,.btn.btn-info-alt{background:#075cb7;box-shadow:0 2px #032b55}button.btn-info-alt:hover,.btn.btn-info-alt:hover{box-shadow:0 2px 0 1px #032b55 inset}button.btn-info-alt:focus,.btn.btn-info-alt:focus{background:#032b55}button.btn-wire-info-alt,.btn.btn-wire-info-alt{background:transparent;box-shadow:none;border:2px solid rgb(7,92,183);color:#fffc}button.btn-wire-info-alt i.btn-match,.btn.btn-wire-info-alt i.btn-match{color:#075cb7}button.btn-wire-info-alt:hover,.btn.btn-wire-info-alt:hover{background:#075cb70d;border-color:#054386;color:#054386;box-shadow:none}button.btn-wire-info-alt:focus,.btn.btn-wire-info-alt:focus{border-color:#032b55;background:transparent}button.btn-success,.btn.btn-success{background:#0eef5f;box-shadow:0 2px #088f39}button.btn-success:hover,.btn.btn-success:hover{box-shadow:0 2px 0 1px #088f39 inset}button.btn-success:focus,.btn.btn-success:focus{background:#088f39}button.btn-wire-success,.btn.btn-wire-success{background:transparent;box-shadow:none;border:2px solid rgb(14,239,95);color:#fffc}button.btn-wire-success i.btn-match,.btn.btn-wire-success i.btn-match{color:#0eef5f}button.btn-wire-success:hover,.btn.btn-wire-success:hover{background:#0eef5f0d;border-color:#0bbf4c;color:#0bbf4c;box-shadow:none}button.btn-wire-success:focus,.btn.btn-wire-success:focus{border-color:#088f39;background:transparent}button.btn-success-alt,.btn.btn-success-alt{background:#11a948;box-shadow:0 2px #084c21}button.btn-success-alt:hover,.btn.btn-success-alt:hover{box-shadow:0 2px 0 1px #084c21 inset}button.btn-success-alt:focus,.btn.btn-success-alt:focus{background:#084c21}button.btn-wire-success-alt,.btn.btn-wire-success-alt{background:transparent;box-shadow:none;border:2px solid rgb(17,169,72);color:#fffc}button.btn-wire-success-alt i.btn-match,.btn.btn-wire-success-alt i.btn-match{color:#11a948}button.btn-wire-success-alt:hover,.btn.btn-wire-success-alt:hover{background:#11a9480d;border-color:#0c7b34;color:#0c7b34;box-shadow:none}button.btn-wire-success-alt:focus,.btn.btn-wire-success-alt:focus{border-color:#084c21;background:transparent}button.btn-error,.btn.btn-error{background:#ef0e5d;box-shadow:0 2px #8f0838}button.btn-error:hover,.btn.btn-error:hover{box-shadow:0 2px 0 1px #8f0838 inset}button.btn-error:focus,.btn.btn-error:focus{background:#8f0838}button.btn-wire-error,.btn.btn-wire-error{background:transparent;box-shadow:none;border:2px solid rgb(239,14,93);color:#fffc}button.btn-wire-error i.btn-match,.btn.btn-wire-error i.btn-match{color:#ef0e5d}button.btn-wire-error:hover,.btn.btn-wire-error:hover{background:#ef0e5d0d;border-color:#bf0b4a;color:#bf0b4a;box-shadow:none}button.btn-wire-error:focus,.btn.btn-wire-error:focus{border-color:#8f0838;background:transparent}button.btn-error-alt,.btn.btn-error-alt{background:#c20941;box-shadow:0 2px #610420}button.btn-error-alt:hover,.btn.btn-error-alt:hover{box-shadow:0 2px 0 1px #610420 inset}button.btn-error-alt:focus,.btn.btn-error-alt:focus{background:#610420}button.btn-wire-error-alt,.btn.btn-wire-error-alt{background:transparent;box-shadow:none;border:2px solid rgb(194,9,65);color:#fffc}button.btn-wire-error-alt i.btn-match,.btn.btn-wire-error-alt i.btn-match{color:#c20941}button.btn-wire-error-alt:hover,.btn.btn-wire-error-alt:hover{background:#c209410d;border-color:#910731;color:#910731;box-shadow:none}button.btn-wire-error-alt:focus,.btn.btn-wire-error-alt:focus{border-color:#610420;background:transparent}button.btn-danger,.btn.btn-danger{background:#ef0e5d;box-shadow:0 2px #8f0838}button.btn-danger:hover,.btn.btn-danger:hover{box-shadow:0 2px 0 1px #8f0838 inset}button.btn-danger:focus,.btn.btn-danger:focus{background:#8f0838}button.btn-wire-danger,.btn.btn-wire-danger{background:transparent;box-shadow:none;border:2px solid rgb(239,14,93);color:#fffc}button.btn-wire-danger i.btn-match,.btn.btn-wire-danger i.btn-match{color:#ef0e5d}button.btn-wire-danger:hover,.btn.btn-wire-danger:hover{background:#ef0e5d0d;border-color:#bf0b4a;color:#bf0b4a;box-shadow:none}button.btn-wire-danger:focus,.btn.btn-wire-danger:focus{border-color:#8f0838;background:transparent}button.btn-danger-alt,.btn.btn-danger-alt{background:#c20941;box-shadow:0 2px #610420}button.btn-danger-alt:hover,.btn.btn-danger-alt:hover{box-shadow:0 2px 0 1px #610420 inset}button.btn-danger-alt:focus,.btn.btn-danger-alt:focus{background:#610420}button.btn-wire-danger-alt,.btn.btn-wire-danger-alt{background:transparent;box-shadow:none;border:2px solid rgb(194,9,65);color:#fffc}button.btn-wire-danger-alt i.btn-match,.btn.btn-wire-danger-alt i.btn-match{color:#c20941}button.btn-wire-danger-alt:hover,.btn.btn-wire-danger-alt:hover{background:#c209410d;border-color:#910731;color:#910731;box-shadow:none}button.btn-wire-danger-alt:focus,.btn.btn-wire-danger-alt:focus{border-color:#610420;background:transparent}button.btn-purple,.btn.btn-purple{background:#bc48ff;box-shadow:0 2px #8f00e1}button.btn-purple:hover,.btn.btn-purple:hover{box-shadow:0 2px 0 1px #8f00e1 inset}button.btn-purple:focus,.btn.btn-purple:focus{background:#8f00e1}button.btn-wire-purple,.btn.btn-wire-purple{background:transparent;box-shadow:none;border:2px solid rgb(188,72,255);color:#fffc}button.btn-wire-purple i.btn-match,.btn.btn-wire-purple i.btn-match{color:#bc48ff}button.btn-wire-purple:hover,.btn.btn-wire-purple:hover{background:#bc48ff0d;border-color:#a915ff;color:#a915ff;box-shadow:none}button.btn-wire-purple:focus,.btn.btn-wire-purple:focus{border-color:#8f00e1;background:transparent}button.btn-purple-alt,.btn.btn-purple-alt{background:#692fbd;box-shadow:0 2px #3c1b6b}button.btn-purple-alt:hover,.btn.btn-purple-alt:hover{box-shadow:0 2px 0 1px #3c1b6b inset}button.btn-purple-alt:focus,.btn.btn-purple-alt:focus{background:#3c1b6b}button.btn-wire-purple-alt,.btn.btn-wire-purple-alt{background:transparent;box-shadow:none;border:2px solid rgb(105,47,189);color:#fffc}button.btn-wire-purple-alt i.btn-match,.btn.btn-wire-purple-alt i.btn-match{color:#692fbd}button.btn-wire-purple-alt:hover,.btn.btn-wire-purple-alt:hover{background:#692fbd0d;border-color:#522594;color:#522594;box-shadow:none}button.btn-wire-purple-alt:focus,.btn.btn-wire-purple-alt:focus{border-color:#3c1b6b;background:transparent}button.btn-neutral,.btn.btn-neutral{background:#464646;box-shadow:0 2px #131313}button.btn-neutral:hover,.btn.btn-neutral:hover{box-shadow:0 2px 0 1px #131313 inset}button.btn-neutral:focus,.btn.btn-neutral:focus{background:#131313}button.btn-wire-neutral,.btn.btn-wire-neutral{background:transparent;box-shadow:none;border:2px solid rgb(70,70,70);color:#fffc}button.btn-wire-neutral i.btn-match,.btn.btn-wire-neutral i.btn-match{color:#464646}button.btn-wire-neutral:hover,.btn.btn-wire-neutral:hover{background:#4646460d;border-color:#2d2d2d;color:#2d2d2d;box-shadow:none}button.btn-wire-neutral:focus,.btn.btn-wire-neutral:focus{border-color:#131313;background:transparent}button.btn-yellow,.btn.btn-yellow{background:#e5a123;box-shadow:0 2px #916411}button.btn-yellow:hover,.btn.btn-yellow:hover{box-shadow:0 2px 0 1px #916411 inset}button.btn-yellow:focus,.btn.btn-yellow:focus{background:#916411}button.btn-wire-yellow,.btn.btn-wire-yellow{background:transparent;box-shadow:none;border:2px solid rgb(229,161,35);color:#fffc}button.btn-wire-yellow i.btn-match,.btn.btn-wire-yellow i.btn-match{color:#e5a123}button.btn-wire-yellow:hover,.btn.btn-wire-yellow:hover{background:#e5a1230d;border-color:#be8417;color:#be8417;box-shadow:none}button.btn-wire-yellow:focus,.btn.btn-wire-yellow:focus{border-color:#916411;background:transparent}button.btn-white,.btn.btn-white{background:#fff;box-shadow:0 2px #ccc}button.btn-white:hover,.btn.btn-white:hover{box-shadow:0 2px 0 1px #ccc inset}button.btn-white:focus,.btn.btn-white:focus{background:#ccc}button.btn-wire-white,.btn.btn-wire-white{background:transparent;box-shadow:none;border:2px solid rgb(255,255,255);color:#fffc}button.btn-wire-white i.btn-match,.btn.btn-wire-white i.btn-match{color:#fff}button.btn-wire-white:hover,.btn.btn-wire-white:hover{background:#ffffff0d;border-color:#e6e6e6;color:#e6e6e6;box-shadow:none}button.btn-wire-white:focus,.btn.btn-wire-white:focus{border-color:#ccc;background:transparent}button.btn-black,.btn.btn-black{background:#000;box-shadow:0 2px #000}button.btn-black:hover,.btn.btn-black:hover{box-shadow:0 2px 0 1px #000 inset}button.btn-black:focus,.btn.btn-black:focus{background:#000}button.btn-wire-black,.btn.btn-wire-black{background:transparent;box-shadow:none;border:2px solid rgb(0,0,0);color:#fffc}button.btn-wire-black i.btn-match,.btn.btn-wire-black i.btn-match{color:#000}button.btn-wire-black:hover,.btn.btn-wire-black:hover{background:#0000000d;border-color:#000;color:#000;box-shadow:none}button.btn-wire-black:focus,.btn.btn-wire-black:focus{border-color:#000;background:transparent}button.btn-youtube,.btn.btn-youtube{background:#fd3c01;box-shadow:0 2px #972401}button.btn-youtube:hover,.btn.btn-youtube:hover{box-shadow:0 2px 0 1px #972401 inset}button.btn-youtube:focus,.btn.btn-youtube:focus{background:#972401}button.btn-wire-youtube,.btn.btn-wire-youtube{background:transparent;box-shadow:none;border:2px solid rgb(253,60,1);color:#fffc}button.btn-wire-youtube i.btn-match,.btn.btn-wire-youtube i.btn-match{color:#fd3c01}button.btn-wire-youtube:hover,.btn.btn-wire-youtube:hover{background:#fd3c010d;border-color:#ca3001;color:#ca3001;box-shadow:none}button.btn-wire-youtube:focus,.btn.btn-wire-youtube:focus{border-color:#972401;background:transparent}button.btn-raspbian,.btn.btn-raspbian{background:#b61240;box-shadow:0 2px #59091f}button.btn-raspbian:hover,.btn.btn-raspbian:hover{box-shadow:0 2px 0 1px #59091f inset}button.btn-raspbian:focus,.btn.btn-raspbian:focus{background:#59091f}button.btn-wire-raspbian,.btn.btn-wire-raspbian{background:transparent;box-shadow:none;border:2px solid rgb(182,18,64);color:#fffc}button.btn-wire-raspbian i.btn-match,.btn.btn-wire-raspbian i.btn-match{color:#b61240}button.btn-wire-raspbian:hover,.btn.btn-wire-raspbian:hover{background:#b612400d;border-color:#880d30;color:#880d30;box-shadow:none}button.btn-wire-raspbian:focus,.btn.btn-wire-raspbian:focus{border-color:#59091f;background:transparent}button.btn-windows,.btn.btn-windows{background:#12a7e3;box-shadow:0 2px #0b6184}button.btn-windows:hover,.btn.btn-windows:hover{box-shadow:0 2px 0 1px #0b6184 inset}button.btn-windows:focus,.btn.btn-windows:focus{background:#0b6184}button.btn-wire-windows,.btn.btn-wire-windows{background:transparent;box-shadow:none;border:2px solid rgb(18,167,227);color:#fffc}button.btn-wire-windows i.btn-match,.btn.btn-wire-windows i.btn-match{color:#12a7e3}button.btn-wire-windows:hover,.btn.btn-wire-windows:hover{background:#12a7e30d;border-color:#0e84b4;color:#0e84b4;box-shadow:none}button.btn-wire-windows:focus,.btn.btn-wire-windows:focus{border-color:#0b6184;background:transparent}button.btn-macos,.btn.btn-macos{background:#b3bcc2;box-shadow:0 2px #7a8a95}button.btn-macos:hover,.btn.btn-macos:hover{box-shadow:0 2px 0 1px #7a8a95 inset}button.btn-macos:focus,.btn.btn-macos:focus{background:#7a8a95}button.btn-wire-macos,.btn.btn-wire-macos{background:transparent;box-shadow:none;border:2px solid rgb(179,188,194);color:#fffc}button.btn-wire-macos i.btn-match,.btn.btn-wire-macos i.btn-match{color:#b3bcc2}button.btn-wire-macos:hover,.btn.btn-wire-macos:hover{background:#b3bcc20d;border-color:#97a3ab;color:#97a3ab;box-shadow:none}button.btn-wire-macos:focus,.btn.btn-wire-macos:focus{border-color:#7a8a95;background:transparent}button.btn-debian,.btn.btn-debian{background:#cf084e;box-shadow:0 2px #6d0429}button.btn-debian:hover,.btn.btn-debian:hover{box-shadow:0 2px 0 1px #6d0429 inset}button.btn-debian:focus,.btn.btn-debian:focus{background:#6d0429}button.btn-wire-debian,.btn.btn-wire-debian{background:transparent;box-shadow:none;border:2px solid rgb(207,8,78);color:#fffc}button.btn-wire-debian i.btn-match,.btn.btn-wire-debian i.btn-match{color:#cf084e}button.btn-wire-debian:hover,.btn.btn-wire-debian:hover{background:#cf084e0d;border-color:#9e063b;color:#9e063b;box-shadow:none}button.btn-wire-debian:focus,.btn.btn-wire-debian:focus{border-color:#6d0429;background:transparent}button.btn-fedora,.btn.btn-fedora{background:#52a2da;box-shadow:0 2px #236ea3}button.btn-fedora:hover,.btn.btn-fedora:hover{box-shadow:0 2px 0 1px #236ea3 inset}button.btn-fedora:focus,.btn.btn-fedora:focus{background:#236ea3}button.btn-wire-fedora,.btn.btn-wire-fedora{background:transparent;box-shadow:none;border:2px solid rgb(82,162,218);color:#fffc}button.btn-wire-fedora i.btn-match,.btn.btn-wire-fedora i.btn-match{color:#52a2da}button.btn-wire-fedora:hover,.btn.btn-wire-fedora:hover{background:#52a2da0d;border-color:#2c8bcd;color:#2c8bcd;box-shadow:none}button.btn-wire-fedora:focus,.btn.btn-wire-fedora:focus{border-color:#236ea3;background:transparent}button.btn-ubuntu,.btn.btn-ubuntu{background:#d64514;box-shadow:0 2px #79270b}button.btn-ubuntu:hover,.btn.btn-ubuntu:hover{box-shadow:0 2px 0 1px #79270b inset}button.btn-ubuntu:focus,.btn.btn-ubuntu:focus{background:#79270b}button.btn-wire-ubuntu,.btn.btn-wire-ubuntu{background:transparent;box-shadow:none;border:2px solid rgb(214,69,20);color:#fffc}button.btn-wire-ubuntu i.btn-match,.btn.btn-wire-ubuntu i.btn-match{color:#d64514}button.btn-wire-ubuntu:hover,.btn.btn-wire-ubuntu:hover{background:#d645140d;border-color:#a73610;color:#a73610;box-shadow:none}button.btn-wire-ubuntu:focus,.btn.btn-wire-ubuntu:focus{border-color:#79270b;background:transparent}button.btn-suse,.btn.btn-suse{background:#6fb425;box-shadow:0 2px #3b5f14}button.btn-suse:hover,.btn.btn-suse:hover{box-shadow:0 2px 0 1px #3b5f14 inset}button.btn-suse:focus,.btn.btn-suse:focus{background:#3b5f14}button.btn-wire-suse,.btn.btn-wire-suse{background:transparent;box-shadow:none;border:2px solid rgb(111,180,37);color:#fffc}button.btn-wire-suse i.btn-match,.btn.btn-wire-suse i.btn-match{color:#6fb425}button.btn-wire-suse:hover,.btn.btn-wire-suse:hover{background:#6fb4250d;border-color:#558a1c;color:#558a1c;box-shadow:none}button.btn-wire-suse:focus,.btn.btn-wire-suse:focus{border-color:#3b5f14;background:transparent}button.btn-redhat,.btn.btn-redhat{background:#c60200;box-shadow:0 2px #600100}button.btn-redhat:hover,.btn.btn-redhat:hover{box-shadow:0 2px 0 1px #600100 inset}button.btn-redhat:focus,.btn.btn-redhat:focus{background:#600100}button.btn-wire-redhat,.btn.btn-wire-redhat{background:transparent;box-shadow:none;border:2px solid rgb(198,2,0);color:#fffc}button.btn-wire-redhat i.btn-match,.btn.btn-wire-redhat i.btn-match{color:#c60200}button.btn-wire-redhat:hover,.btn.btn-wire-redhat:hover{background:#c602000d;border-color:#930100;color:#930100;box-shadow:none}button.btn-wire-redhat:focus,.btn.btn-wire-redhat:focus{border-color:#600100;background:transparent}button.btn-centos,.btn.btn-centos{background:#9b4c88;box-shadow:0 2px #572a4c}button.btn-centos:hover,.btn.btn-centos:hover{box-shadow:0 2px 0 1px #572a4c inset}button.btn-centos:focus,.btn.btn-centos:focus{background:#572a4c}button.btn-wire-centos,.btn.btn-wire-centos{background:transparent;box-shadow:none;border:2px solid rgb(155,76,136);color:#fffc}button.btn-wire-centos i.btn-match,.btn.btn-wire-centos i.btn-match{color:#9b4c88}button.btn-wire-centos:hover,.btn.btn-wire-centos:hover{background:#9b4c880d;border-color:#793b6a;color:#793b6a;box-shadow:none}button.btn-wire-centos:focus,.btn.btn-wire-centos:focus{border-color:#572a4c;background:transparent}button.btn-other,.btn.btn-other{background:#e5a123;box-shadow:0 2px #916411}button.btn-other:hover,.btn.btn-other:hover{box-shadow:0 2px 0 1px #916411 inset}button.btn-other:focus,.btn.btn-other:focus{background:#916411}button.btn-wire-other,.btn.btn-wire-other{background:transparent;box-shadow:none;border:2px solid rgb(229,161,35);color:#fffc}button.btn-wire-other i.btn-match,.btn.btn-wire-other i.btn-match{color:#e5a123}button.btn-wire-other:hover,.btn.btn-wire-other:hover{background:#e5a1230d;border-color:#be8417;color:#be8417;box-shadow:none}button.btn-wire-other:focus,.btn.btn-wire-other:focus{border-color:#916411;background:transparent}button.btn-gscale0,.btn.btn-gscale0{background:#000;box-shadow:0 2px #000}button.btn-gscale0:hover,.btn.btn-gscale0:hover{box-shadow:0 2px 0 1px #000 inset}button.btn-gscale0:focus,.btn.btn-gscale0:focus{background:#000}button.btn-wire-gscale0,.btn.btn-wire-gscale0{background:transparent;box-shadow:none;border:2px solid #000000;color:#fffc}button.btn-wire-gscale0 i.btn-match,.btn.btn-wire-gscale0 i.btn-match{color:#000}button.btn-wire-gscale0:hover,.btn.btn-wire-gscale0:hover{background:#0000000d;border-color:#000;color:#000;box-shadow:none}button.btn-wire-gscale0:focus,.btn.btn-wire-gscale0:focus{border-color:#000;background:transparent}button.btn-gscaleF,.btn.btn-gscaleF{background:#fff;box-shadow:0 2px #ccc}button.btn-gscaleF:hover,.btn.btn-gscaleF:hover{box-shadow:0 2px 0 1px #ccc inset}button.btn-gscaleF:focus,.btn.btn-gscaleF:focus{background:#ccc}button.btn-wire-gscaleF,.btn.btn-wire-gscaleF{background:transparent;box-shadow:none;border:2px solid #FFFFFF;color:#fffc}button.btn-wire-gscaleF i.btn-match,.btn.btn-wire-gscaleF i.btn-match{color:#fff}button.btn-wire-gscaleF:hover,.btn.btn-wire-gscaleF:hover{background:#ffffff0d;border-color:#e6e6e6;color:#e6e6e6;box-shadow:none}button.btn-wire-gscaleF:focus,.btn.btn-wire-gscaleF:focus{border-color:#ccc;background:transparent}.alert.alert-warning,.alert.alert-orange{color:#e56723;background:#e5672333}.alert.alert-info{color:#027bff;background:#027bff33}.alert.alert-info-alt{color:#075cb7;background:#075cb733}.alert.alert-success{color:#0eef5f;background:#0eef5f33}.alert.alert-success-alt{color:#11a948;background:#11a94833}.alert.alert-error{color:#ef0e5d;background:#ef0e5d33}.alert.alert-error-alt{color:#c20941;background:#c2094133}.alert.alert-danger{color:#ef0e5d;background:#ef0e5d33}.alert.alert-danger-alt{color:#c20941;background:#c2094133}.alert.alert-purple{color:#bc48ff;background:#bc48ff33}.alert.alert-purple-alt{color:#692fbd;background:#692fbd33}.alert.alert-neutral{color:#464646;background:#46464633}.alert.alert-yellow{color:#e5a123;background:#e5a12333}.alert.alert-white{color:#fff;background:#fff3}.alert.alert-black{color:#000;background:#0003}.alert.alert-youtube{color:#fd3c01;background:#fd3c0133}.alert.alert-raspbian{color:#b61240;background:#b6124033}.alert.alert-windows{color:#12a7e3;background:#12a7e333}.alert.alert-macos{color:#b3bcc2;background:#b3bcc233}.alert.alert-debian{color:#cf084e;background:#cf084e33}.alert.alert-fedora{color:#52a2da;background:#52a2da33}.alert.alert-ubuntu{color:#d64514;background:#d6451433}.alert.alert-suse{color:#6fb425;background:#6fb42533}.alert.alert-redhat{color:#c60200;background:#c6020033}.alert.alert-centos{color:#9b4c88;background:#9b4c8833}.alert.alert-other{color:#e5a123;background:#e5a12333}.alert.alert-gscale0{color:#000;background:#0003}.alert.alert-gscaleF{color:#fff;background:#fff3}@font-face{font-family:Sixtyfour;src:url(../../webfonts/Sixtyfour-Regular.ttf) format("truetype")}*{font-family:Roboto,Arial,"sans-serif";margin:0;padding:0;box-sizing:border-box}html{background-color:#111}body,html{height:100%;font-family:Arial,sans-serif}.container{display:flex;height:100vh}.horizontal{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex:1;align-self:stretch}.horizontal.fx-end{justify-content:flex-end}.vertical{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:1;align-self:stretch}main{flex:1;display:flex;flex-direction:column}main .main-container{display:flex;flex-direction:column;flex:1;overflow:hidden;align-self:stretch}main .main-container .top-content{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;padding:10px 10px 10px 15px;background:transparent;border-bottom:1px solid #222}main .main-container .top-content h1{color:#fff;font-weight:600;font-size:24px}main .main-container .top-content .top-actions{flex:1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}main .main-container .top-content .top-actions.align-right{justify-content:flex-end;margin-right:10px}main .main-container .top-content .top-actions .btn:first-child{margin-left:0!important}main .main-container .top-content .top-actions .btn,main .main-container .top-content .top-actions button{margin-left:10px}main .main-container .top-content .top-actions .right-actions{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;flex:1}main .main-container .bottom-content{display:flex;flex-direction:row;align-self:stretch;justify-content:flex-start;align-items:flex-start;flex:1;overflow-y:auto;background:radial-gradient(circle at 0% 53%,rgba(239,14,93,.8) 10%,transparent 45%),radial-gradient(circle at 135% 53%,rgba(2,123,255,.8) 10%,transparent 95%),radial-gradient(circle at 50% 80%,rgba(14,239,95,.8) 40%,transparent 95%)}main .main-container .bottom-content .page-content{flex:2;overflow-y:auto;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background:#000c;padding:5px}main .main-container .bottom-content .page-content .inner{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:10px 10px 40px;background:#111;align-self:stretch}main .main-container .bottom-content .page-content .inner h1,main .main-container .bottom-content .page-content .inner h2,main .main-container .bottom-content .page-content .inner h3,main .main-container .bottom-content .page-content .inner h4,main .main-container .bottom-content .page-content .inner h5,main .main-container .bottom-content .page-content .inner h6{color:#ddd}main .main-container .bottom-content .page-content .inner p{font-size:12px;line-height:18px;display:flex;margin-bottom:5px;flex-direction:row;justify-content:flex-start;align-items:center;color:#666}main .main-container .bottom-content .page-panel{flex:1;overflow-y:auto;align-self:stretch;background:#111;border-top:none}main .main-container .bottom-content .page-panel.left-panel{border-right:1px solid #222;border-left:none}main .main-container .bottom-content .page-panel.left-panel.explr-explorer{flex:.5;overflow-y:auto;padding:0;background:#111;box-shadow:1px 1px .5px .5px inset #0003;max-width:250px}main .main-container .bottom-content .page-panel.right-panel{border-left:1px solid #222;border-right:none}.invisible{visibility:hidden!important}.hidden{display:none!important}.tac{text-align:center!important}.tar{text-align:right!important}a{text-decoration:none}.normal{font-weight:400!important}.bold{font-weight:700!important}.col{display:flex;flex:1;flex-direction:column;align-self:stretch}main .context-bar{padding:10px;position:sticky;top:0;z-index:1000;max-height:80px;border-bottom:1px solid #222;display:flex;flex-direction:row;align-items:center}main .context-bar .context-menu{flex:1}main .context-bar .context-menu .inner{display:flex}main .context-bar .context-menu .inner ul.pills{margin:0}main .context-bar .context-divider{width:1px;height:100%;background:#222;margin-left:20px;margin-right:20px}main .context-bar .context-tail{margin-right:30px}main .context-bar .context-tail .btn{margin-right:0}main .context-bar .context-tail-auth{margin-right:10px}main .context-bar .context-tail-auth .btn{margin-right:0}main .context-bar .context-user{display:flex;margin-right:20px}main .context-bar .context-user .trigger{color:#fff}main .context-bar .context-user .trigger .avatar{width:32px;height:32px;border-radius:4px;background:#aaa;margin-right:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;font-weight:700;font-size:14px;border:1px solid #444;color:#000}main .context-bar .context-user .trigger i{margin-top:-5px;margin-left:10px}menu{width:300px;background:#111;overflow-y:auto;overflow-x:visible;padding:20px;z-index:2000;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-right:1px solid #222;min-width:64px}menu h1.logo{margin:40px 0 0 10px;align-self:stretch;display:flex}menu h1.logo a{flex:1;align-self:stretch;display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative}menu h1.logo a span{text-align:center;text-shadow:0px 0 0 rgb(255,255,255),0px 2px 0 #444,0 0px 0 rgb(14,239,95),-0px 0 0 rgb(2,123,255),0 -0px 0 rgb(239,14,93);text-decoration:none;background:linear-gradient(90deg,#a0a0a0 0,#bebebe 46%,#dcdcdc);-webkit-background-clip:text;color:transparent;transition:all .55s cubic-bezier(.19,1,.22,1);padding-right:3px;font-size:20px;text-transform:uppercase;color:#fff;font-family:Sixtyfour,Work Sans,Arial,"sans-serif";flex:1;align-self:stretch;display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative}menu h1.logo a img{flex-shrink:0;width:30px;margin-right:10px;position:absolute;left:5px;transition:all .55s cubic-bezier(.19,1,.22,1)}menu h1.logo a img.after{opacity:0}menu.uncollapsed:hover h1.logo a span{text-align:center;text-shadow:3px 0 0 rgb(255,255,255),3px 2px 0 #444,0 3px 0 rgb(14,239,95),-3px 0 0 rgb(2,123,255),0 -3px 0 rgb(239,14,93);text-decoration:none;background:linear-gradient(90deg,#a0a0a0 0,#bebebe 46%,#dcdcdc);-webkit-background-clip:text;color:transparent}menu.uncollapsed:hover h1.logo a img.before{opacity:0}menu.uncollapsed:hover h1.logo a img.after{animation-duration:.2s;animation-name:logotouch}menu nav{display:flex;align-self:stretch;flex:1}menu nav ul{margin:60px 0 20px;flex:1;align-self:flex-start;display:flex;flex-direction:column;list-style:none}menu nav ul li{align-self:stretch;overflow:hidden;position:relative;transition:all .55s cubic-bezier(.19,1,.22,1);margin:10px 0;border-radius:4px}menu nav ul li a{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;flex:1;padding-top:5px;padding-bottom:5px;padding-left:10px}menu nav ul li a span{color:#ffffffe6;font-size:16px;flex:1}menu nav ul li a i{color:#fff;opacity:.2;background:transparent;display:flex;justify-content:center;align-items:center;align-self:stretch;padding:10px;width:40px;border-radius:4px;text-align:center;margin-right:20px}menu nav ul li.active a{color:#027bff;font-weight:700}menu nav ul li.active a i{opacity:1;color:#fff;background:#ffffffe6;background:#027bff}menu nav ul li:hover{background:#027bff}menu nav ul li:hover a{color:#fff;font-weight:700}menu nav ul li:hover a i{color:#fff;opacity:1}menu footer{background:#ffffff03;padding:20px 0;display:flex;flex-direction:row;align-self:stretch;text-align:center;justify-content:center}menu footer p{color:#444}menu footer p.version a{color:#777;font-weight:700}menu footer p.version a span{color:#777;font-weight:700}menu.collapsed{width:60px;min-width:initial;padding-left:10px;padding-right:10px}menu.collapsed h1.logo{margin:40px 0 0}menu.collapsed h1.logo img.before{margin:0}menu.collapsed h1.logo img.after,menu.collapsed h1.logo span{display:none}menu.collapsed nav ul li a{padding-left:0}menu.collapsed nav ul li a span{display:none}menu.collapsed nav ul li a i{margin:0}menu.collapsed footer{padding:5px 0;background:#ffffff08;border-radius:4px}menu.collapsed footer p.version>span{display:none}menu.collapsed footer p.version a{display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:center}menu.collapsed footer p.version a span{font-size:10px;margin-top:5px}.dropdown{position:relative;display:flex;align-self:stretch}.dropdown.dropdown-show ul.dropdown-menu{display:flex;flex-direction:column}.dropdown .trigger{cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;flex:1}.dropdown ul.dropdown-menu{position:absolute;top:100%;left:0;display:none;background-color:#222;box-shadow:0 8px 16px #0003;z-index:1000;list-style-type:none;margin:0;overflow:hidden;border-radius:4px}.dropdown ul.dropdown-menu li{padding:8px 16px;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;transition:all .55s cubic-bezier(.19,1,.22,1)}.dropdown ul.dropdown-menu li.danger:hover{background-color:#ef0e5d}.dropdown ul.dropdown-menu li:hover{background-color:#027bff}.dropdown ul.dropdown-menu li a{padding:8px 16px 8px 8px;color:#fff;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch}.dropdown ul.dropdown-menu li a i{margin-right:15px}@keyframes logotouch{0%{opacity:0}50%{opacity:1}to{opacity:0;left:27px}}@keyframes shakednd{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}@keyframes blinkfade{0%{opacity:1}50%{opacity:0}to{opacity:1}}button,.btn{position:relative;padding:10px 10px 8px;font-size:14px;color:#fff;cursor:pointer;border:none;border-radius:4px;background:#027bff;box-shadow:0 2px #004a9b;font-weight:700;letter-spacing:-.5px;margin-top:-2px;min-width:38px;min-height:34px;text-align:center;justify-content:center}button i.icon-left,.btn i.icon-left{margin-right:5px}button:hover,.btn:hover{box-shadow:0 2px 0 1px #004a9b inset;color:#fffc}button:focus,.btn:focus{background:#004a9b;color:#ffffff80;box-shadow:none}button.btn-pixel,.btn.btn-pixel{background:#ccc;border:1px solid transparent;transition:all .55s cubic-bezier(.19,1,.22,1);text-transform:uppercase;font-size:12px;box-shadow:4px 0 #fff,0 4px #0eef5f,-4px 0 #027bff,0 -4px #ef0e5d;color:#222;overflow:hidden}button.btn-pixel:hover,.btn.btn-pixel:hover{box-shadow:6px 0 #fff,0 6px #0eef5f,-6px 0 #027bff,0 -6px #ef0e5d;text-align:center;text-shadow:4px 0 0 rgb(255,255,255),4px 2px 0 #444,0 4px 0 rgb(14,239,95),-4px 0 0 rgb(2,123,255),0 -4px 0 rgb(239,14,93);text-decoration:none;background:linear-gradient(90deg,#a0a0a0 0,#bebebe 46%,#dcdcdc);-webkit-background-clip:text;color:transparent}button.btn-neutral,.btn.btn-neutral{color:#fff;background:#555;box-shadow:0 2px #3c3c3c;border:1px solid transparent}button.btn-neutral.active,button.btn-neutral:hover,.btn.btn-neutral.active,.btn.btn-neutral:hover{box-shadow:0 2px 0 1px #222 inset;background:#3c3c3c}button.btn-neutral:focus,.btn.btn-neutral:focus{background:#222;border:1px solid #AAA}button .btn-wire-neutral,.btn .btn-wire-neutral{background:transparent;border:2px solid #555;color:#fffc;box-shadow:none}button .btn-wire-neutral:hover,.btn .btn-wire-neutral:hover{background:#5555550d;border-color:#3c3c3c;color:#3c3c3c;box-shadow:none}button .btn-wire-neutral:focus,.btn .btn-wire-neutral:focus{border-color:#222;background:transparent}button.btn-naked,.btn.btn-naked{background:transparent;box-shadow:none;border:1px solid transparent;color:#fff}button.btn-naked:hover,.btn.btn-naked:hover{box-shadow:0 2px 0 1px #222 inset;background:#3c3c3c;color:#fff}button.btn-naked:focus,.btn.btn-naked:focus{background:#222;border:1px solid #AAA}button i.main,.btn i.main{font-size:18px}button sup,button sub,.btn sup,.btn sub{position:absolute;top:-4px;right:-4px;background:#777;border-bottom:2px solid #555;color:red;border-radius:4px;width:16px;height:16px;text-align:center;display:flex;justify-content:center;align-items:center;padding-top:2px;padding-bottom:1px}button sup i,button sub i,.btn sup i,.btn sub i{color:#fff;font-size:10px}button.btn-double-icon,.btn.btn-double-icon{margin-right:5px}button.disabled,.btn.disabled{cursor:default}.alert{padding:20px;align-self:stretch;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px}.alert i{margin-right:13px}.alert a{color:inherit;margin-left:4px;margin-right:4px;text-decoration:underline}ul.explr-tree{height:100%!important}ul.explr-tree ul{padding-top:0!important}ul.explr-tree li{position:relative}ul.explr-tree li span{color:#555;font-size:13px;padding-left:5px;cursor:pointer}ul.explr-tree li span.explr-plus,ul.explr-tree li span.explr-minus{z-index:1}ul.explr-tree li span.explr-plus:hover,ul.explr-tree li span.explr-minus:hover{color:#aaa}ul.explr-tree li i.main{font-size:14px}ul.explr-tree li sup,ul.explr-tree li sub{position:absolute;top:0;left:5px;background:#777;border-bottom:2px solid #555;border-radius:4px;text-align:center;display:flex;justify-content:center;align-items:center;padding-top:2px;padding-bottom:1px}ul.explr-tree li sup i,ul.explr-tree li sub i{color:#fff;font-size:4px!important;margin-bottom:0}ul.explr-tree li a{color:#fff;padding-right:80px;margin-top:2px}ul.explr-tree li a:hover{color:#fff}ul.explr-tree li a.active{background:#ffffff1a;border-radius:4px;font-weight:700;text-decoration:underline;margin-left:35px;padding-left:5px;margin-right:10px}.explr-multiselection-actions,.explr-selection-actions{display:none;flex-direction:row;justify-content:flex-end;align-items:center;flex:1}.explr-multiselection-actions button,.explr-selection-actions button{display:none}body.explr-selection-actionable .explr-selection-actions,body.explr-selection-actionable.explr-selection-folder .explr-selection-actions button.explr-selection-folder,body.explr-selection-actionable.explr-selection-entity .explr-selection-actions button.explr-selection-entity,body.explr-multiselection-actionable .explr-multiselection-actions,body.explr-multiselection-actionable.explr-multiselection-folder .explr-multiselection-actions button.explr-multiselection-folder,body.explr-multiselection-actionable.explr-multiselection-entity .explr-multiselection-actions button.explr-multiselection-entity{display:flex}.selectable-zone{flex:1;align-self:stretch;border:1px solid transparent}ul.explr-dirview{display:flex;flex-direction:row;flex-wrap:wrap}ul.explr-dirview li{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-shrink:0;margin:10px;min-width:100px;min-height:130px;padding-top:5px;border:1px solid transparent;border-radius:4px}ul.explr-dirview li.renaming a span{display:none}ul.explr-dirview li.renaming a form{display:block}ul.explr-dirview li.highlight-drop{border:1px dotted rgba(2,123,255,.4);background:#027bff4d}ul.explr-dirview li.highlight-clicked{border:1px dotted rgba(255,255,255,.2);background:#ffffff1a}ul.explr-dirview li a{color:#bbb;text-decoration:none;flex:1;text-align:center;font-size:12px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;max-width:84px;min-width:84px;position:relative;word-break:break-all}ul.explr-dirview li a.with-thumbnail .img-holder{width:64px;height:64px;background:#000;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;margin-bottom:12px}ul.explr-dirview li a.with-thumbnail .img-holder img{max-height:100%;max-width:100%}ul.explr-dirview li a.with-thumbnail i{font-size:24px;position:absolute;top:-4px;left:-4px;text-shadow:0 .5px .5px #777}ul.explr-dirview li a i{font-size:64px;margin-bottom:12px;border-radius:8px}ul.explr-dirview li a sup,ul.explr-dirview li a sub{position:absolute;top:-2px;right:0;background:#777;border-bottom:2px solid #555;border-radius:4px;width:16px;height:16px;text-align:center;display:flex;justify-content:center;align-items:center;padding-top:2px;padding-bottom:1px}ul.explr-dirview li a sup i,ul.explr-dirview li a sub i{color:#fff;font-size:10px;margin-bottom:0}ul.explr-dirview li a input{width:100%;padding:0 3px}ul.explr-dirview li a input:focus{outline:none}ul.explr-dirview li a:hover{opacity:.8}ul.explr-dirview li a form{display:none}ul.explr-dirview li.new-folder a{color:#027bff}ul.explr-dirview li.new-folder a form{display:block}ul.explr-dirview .ui-draggable-dragging{z-index:20}ul.explr-dirview .ui-draggable-dragging a{opacity:1!important}.modal-explr-picker h2{margin-top:0}.modal-explr-picker .explr-tree{width:400px;max-width:400px;max-height:300px;overflow:auto;background:#222;padding:10px 20px;border-radius:4px;margin-top:15px}.content-explr-picker{cursor:pointer}.selection-rectangle{position:absolute;border:1px solid rgb(0,153,255);background-color:#0099ff1a;pointer-events:none;z-index:1000}ul.pills{background:#222;padding:6px 4px 5px;box-shadow:1px 1px .5px .5px inset #0003;border:1px solid #222;border-radius:4px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;list-style:none;margin:0}ul.pills li.divider{margin:0 20px;width:1px;height:100%;background:#333}ul.pills li:hover a{opacity:.9}ul.pills li a{border-radius:4px;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;overflow:hidden;padding-right:30px;text-align:center;background:#0003;margin-right:5px;transition:all .25s cubic-bezier(.19,1,.22,1)}ul.pills li a span{display:flex;justify-content:center;align-items:center;margin-right:20px;height:42px;background:#0003;width:42px}ul.pills li.active a{color:#333;background:#ccc;font-weight:700}ul.pills li:hover a{color:#fff;background:#027bff}ul.pills li:last-child a{margin-right:0}.breadcrumb-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;border-bottom:1px solid #222;background:transparent;padding:10px}.breadcrumb-container ul.breadcrumb{background:#222;padding:6px 4px 5px;box-shadow:1px 1px .5px .5px inset #0003;border:1px solid #222;border-radius:4px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;list-style:none;margin:0;overflow-x:auto;max-width:65vw;white-space:nowrap}.breadcrumb-container ul.breadcrumb li{display:inline-block}.breadcrumb-container ul.breadcrumb li.divider{margin:0 5px}.breadcrumb-container ul.breadcrumb li.divider i{color:#aaa}.breadcrumb-container ul.breadcrumb li span,.breadcrumb-container ul.breadcrumb li a{border-radius:4px;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;text-align:center;padding:0 3px}.breadcrumb-container ul.breadcrumb li span i,.breadcrumb-container ul.breadcrumb li a i{margin-right:5px}.breadcrumb-container ul.breadcrumb li:hover a{color:#fff;background:#027bff}.breadcrumb-container ul.breadcrumb li:last-child a{margin-right:0}.pickers,.modals{position:fixed;background:#0006;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10000}.pickers.pickers .modals-outer .modals-inner .modal h2,.modals.pickers .modals-outer .modals-inner .modal h2{font-size:14px;line-height:18px;display:flex;margin-bottom:5px;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#666}.pickers .modals-outer,.modals .modals-outer{min-width:464px;max-width:464px;display:flex;flex-direction:column;overflow:auto;padding-bottom:2px}.pickers .modals-outer .modals-inner,.modals .modals-outer .modals-inner{background:#111;border-radius:10px;color:#333;padding:40px;box-shadow:0 2px #222;border:1px solid #222}.pickers .modals-outer .modals-inner .modal h2,.modals .modals-outer .modals-inner .modal h2{padding:0;margin:0 0 30px;font-weight:400;color:#999}.pickers .modals-outer .modals-inner .modal h3,.modals .modals-outer .modals-inner .modal h3{align-self:stretch;margin:0 0 10px;font-size:14px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#fff;padding-bottom:10px;text-decoration:none}.pickers .modals-outer .modals-inner .modal h3.divide,.modals .modals-outer .modals-inner .modal h3.divide{border-top:1px solid #222;margin-top:20px;padding-top:20px}.toast{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#333;color:#fff;text-align:center;border-radius:4px;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px;font-size:17px;border:2px dashed #222}.toast.show{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s}@-webkit-keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}body.dragover .shakeondrag{animation:shakednd .1s linear alternate infinite}.btn-super-upload-busy,.btn-super-upload{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-left:10px;position:relative}.btn-super-upload-busy.btn-super-upload-busy,.btn-super-upload.btn-super-upload-busy{border:none!important}.btn-super-upload-busy .unprogress,.btn-super-upload .unprogress{display:block}.btn-super-upload-busy .progress,.btn-super-upload .progress{display:none;width:200px;height:10px;background:#666;border-radius:4px;flex-direction:row;justify-content:flex-start;align-items:center}.btn-super-upload-busy .progress .progress-bar,.btn-super-upload .progress .progress-bar{border-radius:4px;background-color:#027bff;height:100%}.btn-super-upload-busy .progress .percent,.btn-super-upload .progress .percent{display:flex;justify-content:center;align-items:center;position:absolute;left:0;right:0;bottom:0;top:2px;font-size:15px;color:#fff;text-shadow:0 0 2px rgb(0,0,0)}.btn-super-upload-busy.uploading .progress,.btn-super-upload.uploading .progress{display:block}.btn-super-upload-busy.uploading .unprogress,.btn-super-upload.uploading .unprogress{display:none}@keyframes blink{50%{opacity:0}}.cfx-blink{animation:1.5s linear infinite blink}.cfx-ffff-speed{animation-delay:.1s}.cfx-fff-speed{animation-delay:.3s}.cfx-ff-speed{animation-delay:.5s}.cfx-f-speed{animation-delay:.8s}.cfx-m-speed{animation-delay:1s}.cfx-s-speed{animation-delay:1.3s}.cfx-ss-speed{animation-delay:1.5s}.cfx-sss-speed{animation-delay:1.8s}.cfx-ssss-speed{animation-delay:2s}.cfx-sssss-speed{animation-delay:3s}.panes{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch}.panes .pane-section,.panes tbody{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;margin:1px 1px 28px;background:#111;border-radius:4px;border:4px solid rgba(255,255,255,.05)}.panes .pane-section:hover,.panes tbody:hover,.panes .pane-section:hover tr.title-item,.panes tbody:hover tr.title-item{border-color:#027bff0d}.panes .pane-section .pane-item,.panes .pane-section tr,.panes tbody .pane-item,.panes tbody tr{flex:1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;padding:8px 18px;background:#222}.panes .pane-section .pane-item:nth-child(odd),.panes .pane-section tr:nth-child(odd),.panes tbody .pane-item:nth-child(odd),.panes tbody tr:nth-child(odd){background-color:#111}.panes .pane-section .pane-item:nth-child(odd) td.description,.panes .pane-section tr:nth-child(odd) td.description,.panes tbody .pane-item:nth-child(odd) td.description,.panes tbody tr:nth-child(odd) td.description{color:#ffffffb3}.panes .pane-section .pane-item:nth-child(2n),.panes .pane-section tr:nth-child(2n),.panes tbody .pane-item:nth-child(2n),.panes tbody tr:nth-child(2n){background-color:#141414}.panes .pane-section .pane-item .pane-cell,.panes .pane-section .pane-item td,.panes .pane-section tr .pane-cell,.panes .pane-section tr td,.panes tbody .pane-item .pane-cell,.panes tbody .pane-item td,.panes tbody tr .pane-cell,.panes tbody tr td{color:#888;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex:1;font-size:14px}.panes .pane-section .pane-item .pane-cell.vertical,.panes .pane-section .pane-item td.vertical,.panes .pane-section tr .pane-cell.vertical,.panes .pane-section tr td.vertical,.panes tbody .pane-item .pane-cell.vertical,.panes tbody .pane-item td.vertical,.panes tbody tr .pane-cell.vertical,.panes tbody tr td.vertical{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.panes .pane-section .pane-item .pane-cell.description,.panes .pane-section .pane-item td.description,.panes .pane-section tr .pane-cell.description,.panes .pane-section tr td.description,.panes tbody .pane-item .pane-cell.description,.panes tbody .pane-item td.description,.panes tbody tr .pane-cell.description,.panes tbody tr td.description{align-self:stretch}.panes .pane-section .pane-item .pane-cell.value,.panes .pane-section .pane-item td.value,.panes .pane-section tr .pane-cell.value,.panes .pane-section tr td.value,.panes tbody .pane-item .pane-cell.value,.panes tbody .pane-item td.value,.panes tbody tr .pane-cell.value,.panes tbody tr td.value{flex:0;margin-left:20px;word-break:break-all;flex-basis:auto}.panes .pane-section .pane-item .pane-cell.value i.icon-legend,.panes .pane-section .pane-item td.value i.icon-legend,.panes .pane-section tr .pane-cell.value i.icon-legend,.panes .pane-section tr td.value i.icon-legend,.panes tbody .pane-item .pane-cell.value i.icon-legend,.panes tbody .pane-item td.value i.icon-legend,.panes tbody tr .pane-cell.value i.icon-legend,.panes tbody tr td.value i.icon-legend{font-size:10px;margin-right:10px}.panes .pane-section .pane-item .pane-cell.value i.icon-value,.panes .pane-section .pane-item td.value i.icon-value,.panes .pane-section tr .pane-cell.value i.icon-value,.panes .pane-section tr td.value i.icon-value,.panes tbody .pane-item .pane-cell.value i.icon-value,.panes tbody .pane-item td.value i.icon-value,.panes tbody tr .pane-cell.value i.icon-value,.panes tbody tr td.value i.icon-value{padding:2px 2px 1px;border-radius:2px;width:16px;text-align:center}.panes .pane-section .pane-item.title-item,.panes .pane-section tr.title-item,.panes tbody .pane-item.title-item,.panes tbody tr.title-item{border-bottom:1px solid #222}.panes .pane-section .pane-item.title-item td,.panes .pane-section tr.title-item td,.panes tbody .pane-item.title-item td,.panes tbody tr.title-item td{color:#027bffe6;font-size:16px;font-weight:700}.panes .pane-section .pane-item.title-item td i,.panes .pane-section tr.title-item td i,.panes tbody .pane-item.title-item td i,.panes tbody tr.title-item td i{margin-right:10px}.panes .pane-section .pane-item.title-item td .more,.panes .pane-section tr.title-item td .more,.panes tbody .pane-item.title-item td .more,.panes tbody tr.title-item td .more{flex:1;text-align:right;font-size:12px;color:#888;font-weight:400;font-style:italic}.panes .pane-section .pane-item.variable-item,.panes .pane-section tr.variable-item,.panes tbody .pane-item.variable-item,.panes tbody tr.variable-item{cursor:pointer}.panes .pane-section .pane-item.variable-item:hover,.panes .pane-section tr.variable-item:hover,.panes tbody .pane-item.variable-item:hover,.panes tbody tr.variable-item:hover{background-color:#027bff0d}.panes .pane-section .pane-item.variable-item:hover td,.panes .pane-section tr.variable-item:hover td,.panes tbody .pane-item.variable-item:hover td,.panes tbody tr.variable-item:hover td{font-weight:700;color:#fff}.panes .pane-section .pane-item.variable-item:hover td i.icon-legend,.panes .pane-section tr.variable-item:hover td i.icon-legend,.panes tbody .pane-item.variable-item:hover td i.icon-legend,.panes tbody tr.variable-item:hover td i.icon-legend{color:#fff}.panes .pane-section .pane-item.variable-item:hover td span,.panes .pane-section .pane-item.variable-item:hover td i.icon-value,.panes .pane-section tr.variable-item:hover td span,.panes .pane-section tr.variable-item:hover td i.icon-value,.panes tbody .pane-item.variable-item:hover td span,.panes tbody .pane-item.variable-item:hover td i.icon-value,.panes tbody tr.variable-item:hover td span,.panes tbody tr.variable-item:hover td i.icon-value{background-color:#ffffff4d;color:#fff}.panes .pane-section .pane-item.variable-item:hover td.description,.panes .pane-section tr.variable-item:hover td.description,.panes tbody .pane-item.variable-item:hover td.description,.panes tbody tr.variable-item:hover td.description{color:#027bff}.panes .pane-section .pane-item.highlighted:hover,.panes .pane-section .pane-item.highlighted,.panes .pane-section tr.highlighted:hover,.panes .pane-section tr.highlighted,.panes tbody .pane-item.highlighted:hover,.panes tbody .pane-item.highlighted,.panes tbody tr.highlighted:hover,.panes tbody tr.highlighted{background-color:#027bff}.panes .pane-section .pane-item.highlighted:hover td,.panes .pane-section .pane-item.highlighted td,.panes .pane-section tr.highlighted:hover td,.panes .pane-section tr.highlighted td,.panes tbody .pane-item.highlighted:hover td,.panes tbody .pane-item.highlighted td,.panes tbody tr.highlighted:hover td,.panes tbody tr.highlighted td{font-weight:700;color:#fff}.panes .pane-section .pane-item.highlighted:hover td i.icon-legend,.panes .pane-section .pane-item.highlighted td i.icon-legend,.panes .pane-section tr.highlighted:hover td i.icon-legend,.panes .pane-section tr.highlighted td i.icon-legend,.panes tbody .pane-item.highlighted:hover td i.icon-legend,.panes tbody .pane-item.highlighted td i.icon-legend,.panes tbody tr.highlighted:hover td i.icon-legend,.panes tbody tr.highlighted td i.icon-legend{color:#fff}.panes .pane-section .pane-item.highlighted:hover td span,.panes .pane-section .pane-item.highlighted:hover td i.icon-value,.panes .pane-section .pane-item.highlighted td span,.panes .pane-section .pane-item.highlighted td i.icon-value,.panes .pane-section tr.highlighted:hover td span,.panes .pane-section tr.highlighted:hover td i.icon-value,.panes .pane-section tr.highlighted td span,.panes .pane-section tr.highlighted td i.icon-value,.panes tbody .pane-item.highlighted:hover td span,.panes tbody .pane-item.highlighted:hover td i.icon-value,.panes tbody .pane-item.highlighted td span,.panes tbody .pane-item.highlighted td i.icon-value,.panes tbody tr.highlighted:hover td span,.panes tbody tr.highlighted:hover td i.icon-value,.panes tbody tr.highlighted td span,.panes tbody tr.highlighted td i.icon-value{background-color:#ffffff4d;color:#fff}.panes .pane-section .pane-item.highlighted:hover td.description,.panes .pane-section .pane-item.highlighted td.description,.panes .pane-section tr.highlighted:hover td.description,.panes .pane-section tr.highlighted td.description,.panes tbody .pane-item.highlighted:hover td.description,.panes tbody .pane-item.highlighted td.description,.panes tbody tr.highlighted:hover td.description,.panes tbody tr.highlighted td.description{color:#fff}.tiles{flex:1;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;align-self:stretch}.tiles .tiles-inner{display:flex;flex:1;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;align-self:stretch;padding:2px}.tiles .tiles-inner .tile-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#fff;margin:1px;padding:15px 10px 15px 15px;border-radius:4px;border-bottom:2px solid transparent}.tiles .tiles-inner .tile-item:hover,.tiles .tiles-inner .tile-item.active{border-left:4px solid rgb(2,123,255);border-radius:4px;border-bottom:2px solid #171717;background:#222;color:#027bff}.tiles .tiles-inner .tile-item:hover:hover,.tiles .tiles-inner .tile-item.active:hover{opacity:1}.tiles .tiles-inner .tile-item:hover.disabled,.tiles .tiles-inner .tile-item.active.disabled{border-left-color:#444;color:#fff}.tiles .tiles-inner .tile-item:hover.starred,.tiles .tiles-inner .tile-item.active.starred{border-left-color:#e5a123;color:#e5a123}.tiles .tiles-inner .tile-item:hover.starred .tile-tail .head-icon i,.tiles .tiles-inner .tile-item.active.starred .tile-tail .head-icon i{opacity:1;color:#e5a123;font-size:8px}.tiles .tiles-inner .tile-item.starred .tile-tail .head-icon i{font-size:8px;color:#e5a123}.tiles .tiles-inner .tile-item.disabled .tile-body{opacity:.3}.tiles .tiles-inner .tile-item.disabled .tile-tail .head-icon i{color:#444;opacity:.4}.tiles .tiles-inner .tile-item .tile-tail{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;align-self:stretch;margin-left:10px;min-width:10px}.tiles .tiles-inner .tile-item .tile-tail .head-icon{flex:1;display:flex;text-align:right;flex-direction:row;justify-content:center;align-items:center;align-self:stretch}.tiles .tiles-inner .tile-item .tile-tail .head-icon i{font-size:6px;display:flex}.tiles .tiles-inner .tile-item .tile-tail .status-icons{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.tiles .tiles-inner .tile-item .tile-tail .status-icons i{font-size:16px;margin-left:10px}.tiles .tiles-inner .tile-item .tile-body{flex:1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:15px;font-weight:400;letter-spacing:.8px;line-height:22px;margin:0;flex-wrap:nowrap}.tiles .tiles-inner .tile-item .tile-body i{font-size:8px;margin-right:5px}.tiles .tiles-inner .tile-item .tile-metrics{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin:0}.tiles .tiles-inner .tile-item .tile-metrics .foot-span span,.tiles .tiles-inner .tile-item .tile-metrics .foot-span{opacity:.8;font-size:13px;font-family:Courier New}span.empty{background:#e5a1234d;color:#e5a123;text-transform:lowercase;border-radius:2px;padding:2px 4px;font-weight:700}.inner-empty{display:flex;flex:1;flex-direction:column;align-self:stretch;justify-content:center;align-items:center}.inner-empty i{font-size:90px;opacity:.3;text-shadow:0 -1px #333,0 0px .5px #444}.toggle{position:relative;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.toggle input{display:none}.toggle input:checked+label{background:#027bff;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 2px #222 inset}.toggle input:checked+label:after{content:"";display:block;border-radius:50%;margin-left:21px;width:18px;height:18px;transition:.2s;background:#9bcbff;box-shadow:0 2px #0063ce}.toggle label{width:44px;height:26px;border-radius:15px;background:#222;cursor:pointer;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 2px #111 inset}.toggle label:after{content:"";display:block;border-radius:50%;width:18px;height:18px;margin:3px;background:#777;box-shadow:0 2px #555555e6;transition:.2s}.badge-inset{display:inline;color:#aaa;font-size:12px;margin-left:5px;background:#000;border:1px solid #333;border-radius:4px;padding:3px 7px}.iframe-preview-holder{display:flex;flex-direction:column;position:relative;overflow:hidden;background:#000;flex:1;width:100%;padding-top:56.25%;border-radius:4px;outline:4px solid rgba(255,255,255,.1)}.iframe-preview-holder .controls,.iframe-preview-holder iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.iframe-preview-holder .controls{display:flex;flex-direction:row;justify-content:center;align-items:center}.iframe-preview-holder.playing .controls{display:none}.iframe-preview-holder.playing:hover .controls{display:flex;z-index:1000}.form-holder,form{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch}form .alert{padding:8px 15px;font-size:14px;margin:0 0 25px}.from-group-condition{flex-direction:column;align-self:stretch;justify-content:flex-start;align-items:flex-start;display:flex}.form-group{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;width:100%;flex:1;margin-bottom:20px}.form-group label{flex:1;font-size:12px;line-height:18px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#666}.form-group label.btn-upload{color:#fff;font-size:14px;flex:0;flex-basis:auto;margin-top:5px}.form-group label.btn-upload input[type=file]{display:none}.form-group label.btn-upload input[type=text]{margin-bottom:2px;margin-left:10px}.form-group label.btn-upload span.btn{padding-right:20px}.form-group label.btn-upload i{margin-left:3px;margin-right:10px}.form-group .checkbox-group,.form-group .radio-group{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.form-group .checkbox-group input,.form-group .radio-group input{display:none}.form-group .checkbox-group label,.form-group .radio-group label{margin:0 5px 0 0!important;justify-content:center!important;text-align:center}.form-group .widget{margin-top:10px;align-self:stretch;display:flex;flex-direction:row}.form-group .widget.vertical{flex-direction:column}.form-group .widget.vertical select,.form-group .widget.vertical input{align-self:stretch}.form-group .widget.vertical select:first-child,.form-group .widget.vertical input:first-child{margin-bottom:10px}.form-group .widget input+.btn+.btn{margin-left:10px}.form-group .widget.widget-unit select,.form-group .widget.widget-unit input{flex-grow:0;background:none;box-shadow:none;border:none;border-bottom:1px solid #333;border-radius:0;max-width:80px;padding-left:0;color:#fff;text-align:center}.form-group .widget.widget-unit span{font-size:12px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-left:5px;color:#555}.form-group .widget select.size-m,.form-group .widget input.size-m{max-width:122px}.form-group .widget select.color-picker,.form-group .widget input.color-picker{max-width:125px}.form-group .widget select.chars-4,.form-group .widget input.chars-4{max-width:50px}.form-group .widget select.chars-3,.form-group .widget input.chars-3{max-width:40px}.form-group .widget select.chars-2,.form-group .widget input.chars-2{max-width:20px}.form-group .widget select.chars-1,.form-group .widget input.chars-1{max-width:15px}.form-group .widget div{color:#ffffffb3;font-size:14px}.form-group .widget select,.form-group .widget input,.form-group .widget textarea{outline:none;padding:8px 0 5px 8px;border-radius:2px;border:1px solid rgba(255,255,255,.05);flex:1;background:#555;box-shadow:0 2px 1px #444,0 4px 2px #333 inset;color:#ddd;font-size:14px}.form-group .widget select.pad-right,.form-group .widget input.pad-right,.form-group .widget textarea.pad-right{padding-right:8px}.form-group .widget select.input-naked,.form-group .widget select.disabled,.form-group .widget select[disabled],.form-group .widget input.input-naked,.form-group .widget input.disabled,.form-group .widget input[disabled],.form-group .widget textarea.input-naked,.form-group .widget textarea.disabled,.form-group .widget textarea[disabled]{color:#555;background:none;box-shadow:none;border-radius:0}.form-group .widget select.input-naked,.form-group .widget input.input-naked,.form-group .widget textarea.input-naked{color:#bbb}.form-group .widget select.disabled,.form-group .widget select[disabled],.form-group .widget input.disabled,.form-group .widget input[disabled],.form-group .widget textarea.disabled,.form-group .widget textarea[disabled]{background:#000;border-radius:4px}.form-group.tab-select{border-bottom:1px solid #444;display:flex;flex-direction:row;position:relative;height:48px;padding:48px 0 0;flex:0;flex-basis:auto}.form-group.tab-select .widget{height:49px;margin-top:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:absolute;top:0;left:0;border-bottom:2px solid rgb(2,123,255);color:#027bff}.form-group.tab-select .widget select{border:none;background:none;box-shadow:none;padding:10px 35px 10px 10px;margin:0;color:inherit;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-align:left;font-weight:700;cursor:pointer;border-radius:4px 4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;z-index:2}.form-group.tab-select .widget i{margin-left:10px;margin-right:0}.form-group.tab-select .widget i.triangle{margin-top:-4px;margin-left:0;position:absolute;right:10px}.form-group.form-group-horizontal{margin:10px 0 20px;flex-direction:row;justify-content:flex-start;align-items:center}.form-group.form-group-horizontal .widget{margin:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.actions{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;align-self:stretch;margin:20px 0 0}.actions.actions-intermediate{margin:0}.actions button{margin-left:25px}.actions.actions-left{justify-content:flex-start}.actions.actions-left .btn{margin-left:0;margin-right:25px}.actions.actions-right{justify-content:flex-end}.actions.actions-right .btn{margin-left:10px;margin-right:0}.actions.actions-center{justify-content:center}.actions.actions-center .btn{margin-left:0;margin-right:0}.view-content-list main .main-container .page-content .inner{padding-bottom:10px}.view-content-list main .main-container .content-object-input{margin-bottom:6px}.view-content-list.dragover main .main-container .inner .dropzone{border-radius:4px;background:#ffffff1a;border:1px dashed rgba(255,255,255,.5)}.view-content-edit main .main-container .top-content h3{color:#fff;padding:10px 10px 10px 0;font-size:16px;align-self:stretch;flex:1;text-align:right}.view-content-edit main .main-container .top-content h3 span{border-width:1px;border-style:solid;border-radius:4px;padding:4px 10px;margin-left:5px}.view-content-edit main .main-container .top-content h3 i{font-size:16px}.view-content-edit main .main-container .bottom-content .page-content{flex:1}.view-content-edit main .main-container .bottom-content .page-content .form-holder{margin:20px 20px 20px 10px;flex:1}.view-content-edit main .main-container .bottom-content .page-panel.right-panel{flex:2;align-self:stretch;display:flex;flex-direction:column;overflow:auto;justify-content:flex-start;align-items:center;padding:20px}.view-content-edit.view-content-edit-composition main .main-container .page-panel.left-panel{flex:1}.view-content-edit.view-content-edit-composition main .main-container .page-panel.left-panel .form-holder{margin:20px 20px 20px 10px;flex:1}.view-content-edit.view-content-edit-composition main .main-container .page-content{flex:2}.view-content-edit.view-content-edit-composition main .main-container .page-panel.right-panel{flex:1}.view-content-edit.view-content-edit-composition main .main-container h3.main{font-size:16px;font-weight:500;color:#ddd;text-decoration:none;margin-top:5px;border-bottom:1px solid #222;margin-bottom:20px;padding-bottom:10px;align-self:stretch}.view-content-edit.view-content-edit-composition main .main-container .toolbar{margin-bottom:20px}.view-content-edit.view-content-edit-composition main .main-container .presets{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:20px}.view-content-edit.view-content-edit-composition main .main-container .presets h4{margin-right:5px;font-weight:400;font-size:14px;text-decoration:underline}.view-content-edit.view-content-edit-composition main .main-container .presets button:focus,.view-content-edit.view-content-edit-composition main .main-container .presets button{padding:3px 15px;margin:0 3px;font-size:12px;font-weight:400;min-height:initial;border:1px solid #333;color:#eee}.view-content-edit.view-content-edit-composition main .main-container .screen-holder{display:flex;flex-direction:column;width:100%;position:relative;padding-top:56.25%;overflow:hidden;border-radius:4px;outline:4px solid rgba(255,255,255,.1)}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen{background-color:#ddd;position:absolute;top:0;left:0;width:100%;height:100%;border:none}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element{position:absolute!important;background-color:#eee;outline:1px solid #CCC;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element.focused{border:none;outline:2px solid rgb(2,123,255);z-index:89!important}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element.focused .ui-resizable-handle{display:block}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element i{font-size:20px;color:#ccc}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element i.fa-cog{text-shadow:0 -2px #BBB,0 0px 2px #BBB}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element i.gscaleF{color:#000!important}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .rotate-handle{width:10px;height:10px;background-color:red;position:absolute;top:50%;right:-15px;cursor:pointer;transform:translateY(-50%)}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle{background:#aaa;border:1px solid #555;width:10px;height:10px;z-index:90;display:none;position:absolute}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-n{cursor:n-resize;top:-5px;left:50%;margin-left:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-s{cursor:s-resize;bottom:-5px;left:50%;margin-left:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-w{cursor:w-resize;left:-5px;top:50%;margin-top:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-e{cursor:e-resize;right:-5px;top:50%;margin-top:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-nw{cursor:nw-resize;top:-5px;left:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-ne{cursor:ne-resize;top:-5px;right:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-sw{cursor:sw-resize;bottom:-5px;left:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-se{cursor:se-resize;bottom:-5px;right:-5px}.view-content-edit.view-content-edit-composition main .main-container .elements-holder{align-self:stretch}.view-content-edit.view-content-edit-composition main .main-container .elements-holder h3{font-size:16px;font-weight:500;color:#ddd;text-decoration:none;margin:0 0 20px}.view-content-edit.view-content-edit-composition main .main-container .elements-holder h3.divide{border-top:1px solid #222;margin-top:10px;padding-top:20px}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list{padding:10px;background:#222;border-radius:4px;display:flex;flex-direction:column;justify-content:flex-start;align-self:flex-start}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item>i{color:#eee;margin:0 10px 0 0;cursor:move;width:30px;text-align:center}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner:hover,.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item.focused .inner{background-color:#027bff;color:#fff;font-weight:700}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner:hover button.btn-naked,.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item.focused .inner button.btn-naked{color:#fff}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner{cursor:pointer;padding:5px 5px 5px 10px;margin-bottom:5px;background:#eee;border-radius:4px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#222;min-height:46px;flex:1}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner label{flex:1;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;max-width:219px;overflow:hidden}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner button{display:none;margin-left:5px}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner button.btn-naked{color:#555}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner:hover label{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner:hover button{display:block}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties{flex:1;align-self:stretch}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form{display:flex;flex-direction:column}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form h3{font-size:16px;font-weight:500;color:#ddd;text-decoration:none;border-bottom:1px solid #222;margin-bottom:20px;padding-bottom:10px;align-self:stretch}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form .divide{margin-top:30px;margin-bottom:10px}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form .form-group{flex-direction:row;justify-content:flex-start;align-items:center;display:flex}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form .form-group label{flex-grow:1;flex-direction:row;justify-content:flex-start;align-items:center;display:flex;font-weight:700;margin-right:10px}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form .form-group .widget{flex-grow:1;flex-direction:row;justify-content:flex-start;align-items:center;display:flex;margin:0}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form .form-group .widget input{flex:1;margin:0}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form .form-group .widget input[disabled]{padding:8px 0 5px 8px;border:1px solid rgba(255,255,255,.05)}.view-content-edit.view-content-edit-text main .main-container .page-panel.left-panel{flex:1}.view-content-edit.view-content-edit-text main .main-container .page-panel.left-panel .form-holder{margin:20px 20px 20px 10px;flex:1}.view-content-edit.view-content-edit-text main .main-container .page-content{flex:2}.view-content-edit.view-content-edit-text main .main-container .page-panel.right-panel{flex:1}.view-content-edit.view-content-edit-text main .main-container h3.main{font-size:16px;font-weight:500;color:#ddd;text-decoration:none;margin-top:5px;border-bottom:1px solid #222;margin-bottom:20px;padding-bottom:10px;align-self:stretch}.view-content-edit.view-content-edit-text main .main-container .toolbar{margin-bottom:20px}.view-content-edit.view-content-edit-text main .main-container .screen-holder{display:flex;flex-direction:column;width:100%;position:relative;padding-top:56.25%;overflow:hidden;border-radius:4px;outline:4px solid rgba(255,255,255,.1);background:repeating-conic-gradient(#eee,#eee 25%,#fff 0%,#fff 50%) 50%/20px 20px}.view-content-edit.view-content-edit-text main .main-container .screen-holder .screen{position:absolute;top:0;left:0;width:100%;height:100%;border:none;display:flex}.view-content-edit.view-content-edit-text main .main-container .screen-holder .screen .text{display:flex;justify-content:center;align-items:center;flex-direction:row;flex:1;align-self:stretch;text-align:center;max-width:100%;word-break:break-all}.view-content-edit.view-content-edit-text main .main-container .screen-holder .screen .text marquee{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex:1;height:100%;width:100%}.view-content-edit.view-content-edit-text main .main-container .form-element-properties{flex:1;align-self:stretch}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form{display:flex;flex-direction:column}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form h3{font-size:16px;font-weight:500;color:#ddd;text-decoration:none;border-bottom:1px solid #222;margin-bottom:20px;padding-bottom:10px;align-self:stretch}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form .divide{margin-top:30px;margin-bottom:10px}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form .bar{width:100%;height:1px;background:#333;margin-bottom:20px}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form .form-group label{flex-grow:1;flex-direction:row;justify-content:flex-start;align-items:center;display:flex;font-weight:700;margin-right:10px;margin-bottom:5px}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form .form-group .widget{flex-grow:1;flex-direction:row;justify-content:flex-start;align-items:center;display:flex;margin:0}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form .form-group .widget input{flex:1;margin:0}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form .form-group .widget input[disabled]{padding:8px 0 5px 8px;border:1px solid rgba(255,255,255,.05)}.view-logs-list main .main-container .bottom-content .page-content .inner{padding-top:8px;padding-bottom:8px}.view-logs-list main .main-container .bottom-content .page-content .logs{flex:1;display:flex;flex-direction:column;align-self:stretch}.view-logs-list main .main-container .bottom-content .page-content .logs pre{flex:1;background:#000000e6;border:1px solid rgba(85,85,85,.5);border-radius:4px;font-family:monospace;color:#f2f2f2;padding:20px;overflow:auto;align-self:stretch}.view-node-studio-fleet-view main .main-container .bottom-content .left-panel{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.view-node-studio-fleet-view main .main-container .bottom-content .left-panel ul{flex:1;align-self:stretch}.view-node-studio-fleet-view main .main-container .bottom-content .left-panel footer{align-self:stretch;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:1px solid #222}.view-node-studio-fleet-view main .main-container .bottom-content .left-panel footer .btn{width:100%;font-size:18px}.view-node-studio-fleet-view main .main-container .bottom-content .left-panel footer .btn i{margin-right:10px;margin-left:-20px}.view-node-studio-fleet-view main .main-container .bottom-content .page-content{padding:0}.view-node-studio-fleet-view main .main-container .bottom-content .page-content .inner{padding:0}.view-node-studio-fleet-view main .main-container .bottom-content .page-content .inner.iframe-holder{flex:1;display:flex;justify-content:center;align-items:center;align-self:stretch}.view-node-studio-fleet-view main .main-container .bottom-content .page-content .inner.iframe-holder iframe{flex:1;display:flex;justify-content:center;align-items:center;align-self:stretch}.view-node-player-edit main .main-container .bottom-content .page-content{flex:1}.view-node-player-edit main .main-container .bottom-content .page-content .form-holder{margin:20px 20px 20px 10px}.view-player-group-list main .main-container .players-holder ul.players{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;margin:10px 0 0;border:1px dashed #222;border-radius:4px;padding:10px}.view-player-group-list main .main-container .players-holder ul.players li.player-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;margin:0 0 2px}.view-player-group-list main .main-container .players-holder ul.players li.player-item .head{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#999;font-size:10px;padding:10px;cursor:default}.view-player-group-list main .main-container .players-holder ul.players li.player-item:hover .infos .title{color:#fff}.view-player-group-list main .main-container .players-holder ul.players li.player-item .infos{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#aaa;font-size:12px;margin-right:5px;flex:1;max-width:180px;background:#000;border:1px solid #333;border-radius:4px;padding:3px 7px}.view-player-group-list main .main-container .players-holder ul.players li.player-item .infos .title{font-size:13px;color:#aaa;display:block;word-break:break-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.view-player-group-list main .main-container .players-holder ul.players li.player-item .infos .type{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#aaa;font-size:12px;margin-right:5px}.view-player-group-list main .main-container .players-holder ul.players li.player-item .body{display:block;flex-direction:row;justify-content:flex-start;align-items:center;margin:0 10px;background:#1b1b1b;padding:10px;align-self:stretch;flex:1;border-radius:4px;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px;font-size:12px}.view-player-group-list main .main-container .players-holder ul.players li.player-item .body span{opacity:.5;margin-right:7px;font-size:10px}.view-player-group-list main .main-container .players-holder ul.players li.player-item .tail{display:flex;flex-direction:row;justify-content:center;align-items:center}.view-player-group-list main .main-container .players-holder ul.players li.player-item .tail a{color:#fff}.view-playlist-list main .main-container p{font-size:12px;line-height:18px;display:flex;margin-bottom:5px;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#666}.view-playlist-list main .main-container .modal-slide h2{font-size:20px}.view-playlist-list main .main-container .modal-slide input[disabled]{color:#aaa}.view-playlist-list main .main-container .modal-slide .slide-schedule-group select,.view-playlist-list main .main-container .modal-slide .slide-schedule-end-group select{margin-right:5px}.view-playlist-list main .main-container .modal-slide .slide-schedule-group select,.view-playlist-list main .main-container .modal-slide .slide-schedule-group input,.view-playlist-list main .main-container .modal-slide .slide-schedule-end-group select,.view-playlist-list main .main-container .modal-slide .slide-schedule-end-group input{font-size:12px;max-width:50%}.view-playlist-list main .main-container .modal-slide .slide-schedule-group select.datetimepicker,.view-playlist-list main .main-container .modal-slide .slide-schedule-group input.datetimepicker,.view-playlist-list main .main-container .modal-slide .slide-schedule-end-group select.datetimepicker,.view-playlist-list main .main-container .modal-slide .slide-schedule-end-group input.datetimepicker{margin-left:5px;padding-left:0}.view-playlist-list main .main-container .bottom-content .page-content{flex:1}.view-playlist-list main .main-container .bottom-content .page-content.with-right-panel{flex:.5}.view-playlist-list main .main-container .bottom-content .page-content .inner{padding:0}.view-playlist-list main .main-container .bottom-content .page-content .inner h3{font-size:16px;font-weight:500;color:#ddd;text-decoration:none;margin:0 0 20px}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder{margin:20px 20px 20px 10px;flex:1}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .form-holder{margin:20px 0 0}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .form-holder form{max-width:initial}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .form-holder .form-group{flex-grow:0;margin-bottom:5px}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .preview-holder{position:relative;align-self:stretch}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .preview-holder .form-group{flex-grow:0;margin-bottom:0}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .preview-holder .hover-only{display:none}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .preview-holder:hover .hover-only{display:flex;position:absolute}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .preview-holder:hover .hover-only:hover{background:#ccc}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder h4{font-size:14px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#fff;padding-bottom:10px;text-decoration:none}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder h4.divide{border-top:1px solid #222;margin-top:20px;padding-top:20px}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .qrcode-pic{margin-top:10px}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .qrcode-pic img{border:1px dashed #555;padding:5px;border-radius:4px}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .iframe-preview-holder{background:#000;border:1px solid rgba(255,255,255,.3);border-radius:4px;justify-content:center;align-items:center;align-self:stretch;display:flex;margin:10px 0 20px;height:300px;outline:none}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .iframe-preview-holder iframe{flex:1;align-self:stretch}.view-playlist-list main .main-container .bottom-content .page-content .inner .slides-holder{align-self:stretch;border-right:1px solid #222;margin:20px 10px 20px 20px;padding-right:20px;flex:1.3}.view-playlist-list main .main-container .bottom-content .page-panel.left-panel{flex:.3;max-width:initial;justify-content:center;align-items:center;display:flex}.view-player-group-list main .main-container p{font-size:12px;line-height:18px;display:flex;margin-bottom:5px;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#666}.view-player-group-list main .main-container .bottom-content .page-content{flex:1}.view-player-group-list main .main-container .bottom-content .page-content .inner{padding:0}.view-player-group-list main .main-container .bottom-content .page-content .inner h3{font-size:16px;font-weight:500;color:#ddd;text-decoration:none;margin:0 0 20px}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder{margin:20px 20px 20px 10px;flex:1}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .form-holder{margin:20px 0 0}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .form-holder form{max-width:initial}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .form-holder .form-group{flex-grow:0;margin-bottom:15px}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .preview-holder{position:relative;align-self:stretch}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .preview-holder .form-group{flex-grow:0;margin-bottom:0}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .preview-holder .hover-only{display:none}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .preview-holder:hover .hover-only{display:flex;position:absolute}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .preview-holder:hover .hover-only:hover{background:#ccc}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder h4{font-size:14px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#fff;padding-bottom:10px;text-decoration:none}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder h4.divide{border-top:1px solid #222;margin-top:20px;padding-top:20px}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .iframe-preview-holder{background:#000;border:1px solid rgba(255,255,255,.3);border-radius:4px;justify-content:center;align-items:center;align-self:stretch;display:flex;margin:10px 0 20px;height:300px;outline:none}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .iframe-preview-holder iframe{flex:1;align-self:stretch}.view-player-group-list main .main-container .bottom-content .page-content .inner .players-holder{align-self:stretch;border-right:1px solid #222;margin:20px 10px 20px 20px;padding-right:20px;flex:1.3}.view-player-group-list main .main-container .bottom-content .page-panel.left-panel{flex:.3;max-width:initial;justify-content:center;align-items:center;display:flex}.view-playlist-list main .main-container .page-content .inner h3.divide{margin-top:50px}.view-playlist-list main .main-container .slides-holder ul.slides{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;margin:10px 0 0;border:1px dashed #222;border-radius:4px;padding:10px}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;margin:0 0 2px}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item.disabled .infos .title{color:#333}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item.disabled .infos .type i{color:#333!important}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item.disabled .body{opacity:0}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .sort{display:flex;flex-direction:column;justify-content:center;align-items:center}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .sort a{color:#999;font-size:10px;padding:10px;cursor:move}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .sort a:hover{color:#027bff}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .infos{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#aaa;font-size:12px;margin-right:5px;flex:1;max-width:120px;background:#000;border:1px solid #333;border-radius:4px;padding:3px 7px}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .infos:hover .title{color:#fff}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .infos .title{display:block;word-break:break-all;font-size:13px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .infos .type{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#aaa;font-size:12px;margin-right:5px}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:0 10px;background:#1b1b1b;padding:10px;align-self:stretch;flex:1;border-radius:4px;font-size:13px;color:#fff}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:1;max-width:315px;overflow-x:auto;white-space:nowrap}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range .start{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:8px}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range .end{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range .start .prefix,.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range .end .prefix{margin-left:5px;margin-right:5px;font-size:12px;color:#ddd}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range .start .cron-description,.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range .end .cron-description{display:block;word-break:break-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-left:5px;font-size:10px;opacity:.5}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .tail{display:flex;flex-direction:row;justify-content:center;align-items:center}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .tail a{color:#fff}.view-plugins-list main .main-container .bottom-content .page-content .inner{padding:10px}.view-settings-list main .main-container .bottom-content .page-content .inner{padding:10px}.view-sysinfo-list main .main-container .bottom-content .page-content .inner{padding:10px}.view-sysinfo-list .reboot{color:#ccc}.view-login main .main-container{position:relative}.view-login main .main-container .alert{position:absolute;top:0;left:0;right:0}.view-login main .main-container .login-content{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center}.view-login main .main-container .login-content .form-holder{width:400px;display:flex;justify-content:center;align-items:center;align-self:stretch;margin-left:auto;margin-right:auto}.view-login main .main-container .login-content .form-holder .card{display:flex;justify-content:center;align-items:center;align-self:stretch;border-radius:6px;padding:50px;color:#333}.view-login main .main-container .login-content .form-holder .card form{padding:0;flex:1;display:flex;justify-content:center;align-items:center;align-self:stretch}.view-login main .main-container .login-content .form-holder .card form .actions{margin-top:10px}.view-login main .main-container .login-content .form-holder .card form .actions .btn{padding-left:20px;padding-right:20px}.view-auth-user-list main .main-container .bottom-content .page-content .inner{padding:10px}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item.disabled .tile-body{opacity:.3;text-decoration-line:line-through}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-tail .btn{margin-left:10px}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-tail .btn:first-child{margin-left:0}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-metrics{flex:1;flex-direction:row;justify-content:flex-start;align-items:center}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-metrics .widget,.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-metrics .form-group{margin:0}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-metrics label{flex-grow:0}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-metrics input{margin-left:10px;margin-right:10px;max-width:320px}
diff --git a/data/www/css/compiled/main-light-mode.css b/data/www/css/compiled/main-light-mode.css
index 2ac28f2..3e82ad2 100644
--- a/data/www/css/compiled/main-light-mode.css
+++ b/data/www/css/compiled/main-light-mode.css
@@ -1 +1 @@
-.warning{color:#e56723!important}.bg-warning{background-color:#e56723!important}.border-warning{border-color:#e56723!important}.orange{color:#e56723!important}.bg-orange{background-color:#e56723!important}.border-orange{border-color:#e56723!important}.info{color:#027bff!important}.bg-info{background-color:#027bff!important}.border-info{border-color:#027bff!important}.info-alt{color:#075cb7!important}.bg-info-alt{background-color:#075cb7!important}.border-info-alt{border-color:#075cb7!important}.success{color:#11a948!important}.bg-success{background-color:#11a948!important}.border-success{border-color:#11a948!important}.success-alt{color:#11a948!important}.bg-success-alt{background-color:#11a948!important}.border-success-alt{border-color:#11a948!important}.error{color:#ef0e5d!important}.bg-error{background-color:#ef0e5d!important}.border-error{border-color:#ef0e5d!important}.error-alt{color:#c20941!important}.bg-error-alt{background-color:#c20941!important}.border-error-alt{border-color:#c20941!important}.danger{color:#ef0e5d!important}.bg-danger{background-color:#ef0e5d!important}.border-danger{border-color:#ef0e5d!important}.danger-alt{color:#c20941!important}.bg-danger-alt{background-color:#c20941!important}.border-danger-alt{border-color:#c20941!important}.purple{color:#bc48ff!important}.bg-purple{background-color:#bc48ff!important}.border-purple{border-color:#bc48ff!important}.purple-alt{color:#692fbd!important}.bg-purple-alt{background-color:#692fbd!important}.border-purple-alt{border-color:#692fbd!important}.neutral{color:#464646!important}.bg-neutral{background-color:#464646!important}.border-neutral{border-color:#464646!important}.yellow{color:#ffa70a!important}.bg-yellow{background-color:#ffa70a!important}.border-yellow{border-color:#ffa70a!important}.white{color:#fff!important}.bg-white{background-color:#fff!important}.border-white{border-color:#fff!important}.black{color:#000!important}.bg-black{background-color:#000!important}.border-black{border-color:#000!important}.youtube{color:#fd3c01!important}.bg-youtube{background-color:#fd3c01!important}.border-youtube{border-color:#fd3c01!important}.raspbian{color:#b61240!important}.bg-raspbian{background-color:#b61240!important}.border-raspbian{border-color:#b61240!important}.windows{color:#12a7e3!important}.bg-windows{background-color:#12a7e3!important}.border-windows{border-color:#12a7e3!important}.macos{color:#b3bcc2!important}.bg-macos{background-color:#b3bcc2!important}.border-macos{border-color:#b3bcc2!important}.debian{color:#cf084e!important}.bg-debian{background-color:#cf084e!important}.border-debian{border-color:#cf084e!important}.fedora{color:#52a2da!important}.bg-fedora{background-color:#52a2da!important}.border-fedora{border-color:#52a2da!important}.ubuntu{color:#d64514!important}.bg-ubuntu{background-color:#d64514!important}.border-ubuntu{border-color:#d64514!important}.suse{color:#6fb425!important}.bg-suse{background-color:#6fb425!important}.border-suse{border-color:#6fb425!important}.redhat{color:#c60200!important}.bg-redhat{background-color:#c60200!important}.border-redhat{border-color:#c60200!important}.centos{color:#9b4c88!important}.bg-centos{background-color:#9b4c88!important}.border-centos{border-color:#9b4c88!important}.other{color:#ffa70a!important}.bg-other{background-color:#ffa70a!important}.border-other{border-color:#ffa70a!important}.gscale0{color:#fff!important}.bg-gscale0{background-color:#fff!important}.border-gscale0{border-color:#fff!important}.gscaleF{color:#000!important}.bg-gscaleF{background-color:#000!important}.border-gscaleF{border-color:#000!important}button.btn-warning,.btn.btn-warning{background:#e56723;box-shadow:0 2px #913e11}button.btn-warning:hover,.btn.btn-warning:hover{box-shadow:0 2px 0 1px #913e11 inset}button.btn-warning:focus,.btn.btn-warning:focus{background:#913e11}button.btn-wire-warning,.btn.btn-wire-warning{background:transparent;box-shadow:none;border:2px solid rgb(229,103,35);color:#000c}button.btn-wire-warning i.btn-match,.btn.btn-wire-warning i.btn-match{color:#e56723}button.btn-wire-warning:hover,.btn.btn-wire-warning:hover{background:#e567230d;border-color:#be5117;color:#be5117;box-shadow:none}button.btn-wire-warning:focus,.btn.btn-wire-warning:focus{border-color:#913e11;background:transparent}button.btn-orange,.btn.btn-orange{background:#e56723;box-shadow:0 2px #913e11}button.btn-orange:hover,.btn.btn-orange:hover{box-shadow:0 2px 0 1px #913e11 inset}button.btn-orange:focus,.btn.btn-orange:focus{background:#913e11}button.btn-wire-orange,.btn.btn-wire-orange{background:transparent;box-shadow:none;border:2px solid rgb(229,103,35);color:#000c}button.btn-wire-orange i.btn-match,.btn.btn-wire-orange i.btn-match{color:#e56723}button.btn-wire-orange:hover,.btn.btn-wire-orange:hover{background:#e567230d;border-color:#be5117;color:#be5117;box-shadow:none}button.btn-wire-orange:focus,.btn.btn-wire-orange:focus{border-color:#913e11;background:transparent}button.btn-info,.btn.btn-info{background:#027bff;box-shadow:0 2px #004a9b}button.btn-info:hover,.btn.btn-info:hover{box-shadow:0 2px 0 1px #004a9b inset}button.btn-info:focus,.btn.btn-info:focus{background:#004a9b}button.btn-wire-info,.btn.btn-wire-info{background:transparent;box-shadow:none;border:2px solid rgb(2,123,255);color:#000c}button.btn-wire-info i.btn-match,.btn.btn-wire-info i.btn-match{color:#027bff}button.btn-wire-info:hover,.btn.btn-wire-info:hover{background:#027bff0d;border-color:#0063ce;color:#0063ce;box-shadow:none}button.btn-wire-info:focus,.btn.btn-wire-info:focus{border-color:#004a9b;background:transparent}button.btn-info-alt,.btn.btn-info-alt{background:#075cb7;box-shadow:0 2px #032b55}button.btn-info-alt:hover,.btn.btn-info-alt:hover{box-shadow:0 2px 0 1px #032b55 inset}button.btn-info-alt:focus,.btn.btn-info-alt:focus{background:#032b55}button.btn-wire-info-alt,.btn.btn-wire-info-alt{background:transparent;box-shadow:none;border:2px solid rgb(7,92,183);color:#000c}button.btn-wire-info-alt i.btn-match,.btn.btn-wire-info-alt i.btn-match{color:#075cb7}button.btn-wire-info-alt:hover,.btn.btn-wire-info-alt:hover{background:#075cb70d;border-color:#054386;color:#054386;box-shadow:none}button.btn-wire-info-alt:focus,.btn.btn-wire-info-alt:focus{border-color:#032b55;background:transparent}button.btn-success,.btn.btn-success{background:#11a948;box-shadow:0 2px #084c21}button.btn-success:hover,.btn.btn-success:hover{box-shadow:0 2px 0 1px #084c21 inset}button.btn-success:focus,.btn.btn-success:focus{background:#084c21}button.btn-wire-success,.btn.btn-wire-success{background:transparent;box-shadow:none;border:2px solid rgb(17,169,72);color:#000c}button.btn-wire-success i.btn-match,.btn.btn-wire-success i.btn-match{color:#11a948}button.btn-wire-success:hover,.btn.btn-wire-success:hover{background:#11a9480d;border-color:#0c7b34;color:#0c7b34;box-shadow:none}button.btn-wire-success:focus,.btn.btn-wire-success:focus{border-color:#084c21;background:transparent}button.btn-success-alt,.btn.btn-success-alt{background:#11a948;box-shadow:0 2px #084c21}button.btn-success-alt:hover,.btn.btn-success-alt:hover{box-shadow:0 2px 0 1px #084c21 inset}button.btn-success-alt:focus,.btn.btn-success-alt:focus{background:#084c21}button.btn-wire-success-alt,.btn.btn-wire-success-alt{background:transparent;box-shadow:none;border:2px solid rgb(17,169,72);color:#000c}button.btn-wire-success-alt i.btn-match,.btn.btn-wire-success-alt i.btn-match{color:#11a948}button.btn-wire-success-alt:hover,.btn.btn-wire-success-alt:hover{background:#11a9480d;border-color:#0c7b34;color:#0c7b34;box-shadow:none}button.btn-wire-success-alt:focus,.btn.btn-wire-success-alt:focus{border-color:#084c21;background:transparent}button.btn-error,.btn.btn-error{background:#ef0e5d;box-shadow:0 2px #8f0838}button.btn-error:hover,.btn.btn-error:hover{box-shadow:0 2px 0 1px #8f0838 inset}button.btn-error:focus,.btn.btn-error:focus{background:#8f0838}button.btn-wire-error,.btn.btn-wire-error{background:transparent;box-shadow:none;border:2px solid rgb(239,14,93);color:#000c}button.btn-wire-error i.btn-match,.btn.btn-wire-error i.btn-match{color:#ef0e5d}button.btn-wire-error:hover,.btn.btn-wire-error:hover{background:#ef0e5d0d;border-color:#bf0b4a;color:#bf0b4a;box-shadow:none}button.btn-wire-error:focus,.btn.btn-wire-error:focus{border-color:#8f0838;background:transparent}button.btn-error-alt,.btn.btn-error-alt{background:#c20941;box-shadow:0 2px #610420}button.btn-error-alt:hover,.btn.btn-error-alt:hover{box-shadow:0 2px 0 1px #610420 inset}button.btn-error-alt:focus,.btn.btn-error-alt:focus{background:#610420}button.btn-wire-error-alt,.btn.btn-wire-error-alt{background:transparent;box-shadow:none;border:2px solid rgb(194,9,65);color:#000c}button.btn-wire-error-alt i.btn-match,.btn.btn-wire-error-alt i.btn-match{color:#c20941}button.btn-wire-error-alt:hover,.btn.btn-wire-error-alt:hover{background:#c209410d;border-color:#910731;color:#910731;box-shadow:none}button.btn-wire-error-alt:focus,.btn.btn-wire-error-alt:focus{border-color:#610420;background:transparent}button.btn-danger,.btn.btn-danger{background:#ef0e5d;box-shadow:0 2px #8f0838}button.btn-danger:hover,.btn.btn-danger:hover{box-shadow:0 2px 0 1px #8f0838 inset}button.btn-danger:focus,.btn.btn-danger:focus{background:#8f0838}button.btn-wire-danger,.btn.btn-wire-danger{background:transparent;box-shadow:none;border:2px solid rgb(239,14,93);color:#000c}button.btn-wire-danger i.btn-match,.btn.btn-wire-danger i.btn-match{color:#ef0e5d}button.btn-wire-danger:hover,.btn.btn-wire-danger:hover{background:#ef0e5d0d;border-color:#bf0b4a;color:#bf0b4a;box-shadow:none}button.btn-wire-danger:focus,.btn.btn-wire-danger:focus{border-color:#8f0838;background:transparent}button.btn-danger-alt,.btn.btn-danger-alt{background:#c20941;box-shadow:0 2px #610420}button.btn-danger-alt:hover,.btn.btn-danger-alt:hover{box-shadow:0 2px 0 1px #610420 inset}button.btn-danger-alt:focus,.btn.btn-danger-alt:focus{background:#610420}button.btn-wire-danger-alt,.btn.btn-wire-danger-alt{background:transparent;box-shadow:none;border:2px solid rgb(194,9,65);color:#000c}button.btn-wire-danger-alt i.btn-match,.btn.btn-wire-danger-alt i.btn-match{color:#c20941}button.btn-wire-danger-alt:hover,.btn.btn-wire-danger-alt:hover{background:#c209410d;border-color:#910731;color:#910731;box-shadow:none}button.btn-wire-danger-alt:focus,.btn.btn-wire-danger-alt:focus{border-color:#610420;background:transparent}button.btn-purple,.btn.btn-purple{background:#bc48ff;box-shadow:0 2px #8f00e1}button.btn-purple:hover,.btn.btn-purple:hover{box-shadow:0 2px 0 1px #8f00e1 inset}button.btn-purple:focus,.btn.btn-purple:focus{background:#8f00e1}button.btn-wire-purple,.btn.btn-wire-purple{background:transparent;box-shadow:none;border:2px solid rgb(188,72,255);color:#000c}button.btn-wire-purple i.btn-match,.btn.btn-wire-purple i.btn-match{color:#bc48ff}button.btn-wire-purple:hover,.btn.btn-wire-purple:hover{background:#bc48ff0d;border-color:#a915ff;color:#a915ff;box-shadow:none}button.btn-wire-purple:focus,.btn.btn-wire-purple:focus{border-color:#8f00e1;background:transparent}button.btn-purple-alt,.btn.btn-purple-alt{background:#692fbd;box-shadow:0 2px #3c1b6b}button.btn-purple-alt:hover,.btn.btn-purple-alt:hover{box-shadow:0 2px 0 1px #3c1b6b inset}button.btn-purple-alt:focus,.btn.btn-purple-alt:focus{background:#3c1b6b}button.btn-wire-purple-alt,.btn.btn-wire-purple-alt{background:transparent;box-shadow:none;border:2px solid rgb(105,47,189);color:#000c}button.btn-wire-purple-alt i.btn-match,.btn.btn-wire-purple-alt i.btn-match{color:#692fbd}button.btn-wire-purple-alt:hover,.btn.btn-wire-purple-alt:hover{background:#692fbd0d;border-color:#522594;color:#522594;box-shadow:none}button.btn-wire-purple-alt:focus,.btn.btn-wire-purple-alt:focus{border-color:#3c1b6b;background:transparent}button.btn-neutral,.btn.btn-neutral{background:#464646;box-shadow:0 2px #131313}button.btn-neutral:hover,.btn.btn-neutral:hover{box-shadow:0 2px 0 1px #131313 inset}button.btn-neutral:focus,.btn.btn-neutral:focus{background:#131313}button.btn-wire-neutral,.btn.btn-wire-neutral{background:transparent;box-shadow:none;border:2px solid rgb(70,70,70);color:#000c}button.btn-wire-neutral i.btn-match,.btn.btn-wire-neutral i.btn-match{color:#464646}button.btn-wire-neutral:hover,.btn.btn-wire-neutral:hover{background:#4646460d;border-color:#2d2d2d;color:#2d2d2d;box-shadow:none}button.btn-wire-neutral:focus,.btn.btn-wire-neutral:focus{border-color:#131313;background:transparent}button.btn-yellow,.btn.btn-yellow{background:#ffa70a;box-shadow:0 2px #a36800}button.btn-yellow:hover,.btn.btn-yellow:hover{box-shadow:0 2px 0 1px #a36800 inset}button.btn-yellow:focus,.btn.btn-yellow:focus{background:#a36800}button.btn-wire-yellow,.btn.btn-wire-yellow{background:transparent;box-shadow:none;border:2px solid rgb(255,167,10);color:#000c}button.btn-wire-yellow i.btn-match,.btn.btn-wire-yellow i.btn-match{color:#ffa70a}button.btn-wire-yellow:hover,.btn.btn-wire-yellow:hover{background:#ffa70a0d;border-color:#d68900;color:#d68900;box-shadow:none}button.btn-wire-yellow:focus,.btn.btn-wire-yellow:focus{border-color:#a36800;background:transparent}button.btn-white,.btn.btn-white{background:#fff;box-shadow:0 2px #ccc}button.btn-white:hover,.btn.btn-white:hover{box-shadow:0 2px 0 1px #ccc inset}button.btn-white:focus,.btn.btn-white:focus{background:#ccc}button.btn-wire-white,.btn.btn-wire-white{background:transparent;box-shadow:none;border:2px solid rgb(255,255,255);color:#000c}button.btn-wire-white i.btn-match,.btn.btn-wire-white i.btn-match{color:#fff}button.btn-wire-white:hover,.btn.btn-wire-white:hover{background:#ffffff0d;border-color:#e6e6e6;color:#e6e6e6;box-shadow:none}button.btn-wire-white:focus,.btn.btn-wire-white:focus{border-color:#ccc;background:transparent}button.btn-black,.btn.btn-black{background:#000;box-shadow:0 2px #000}button.btn-black:hover,.btn.btn-black:hover{box-shadow:0 2px 0 1px #000 inset}button.btn-black:focus,.btn.btn-black:focus{background:#000}button.btn-wire-black,.btn.btn-wire-black{background:transparent;box-shadow:none;border:2px solid rgb(0,0,0);color:#000c}button.btn-wire-black i.btn-match,.btn.btn-wire-black i.btn-match{color:#000}button.btn-wire-black:hover,.btn.btn-wire-black:hover{background:#0000000d;border-color:#000;color:#000;box-shadow:none}button.btn-wire-black:focus,.btn.btn-wire-black:focus{border-color:#000;background:transparent}button.btn-youtube,.btn.btn-youtube{background:#fd3c01;box-shadow:0 2px #972401}button.btn-youtube:hover,.btn.btn-youtube:hover{box-shadow:0 2px 0 1px #972401 inset}button.btn-youtube:focus,.btn.btn-youtube:focus{background:#972401}button.btn-wire-youtube,.btn.btn-wire-youtube{background:transparent;box-shadow:none;border:2px solid rgb(253,60,1);color:#000c}button.btn-wire-youtube i.btn-match,.btn.btn-wire-youtube i.btn-match{color:#fd3c01}button.btn-wire-youtube:hover,.btn.btn-wire-youtube:hover{background:#fd3c010d;border-color:#ca3001;color:#ca3001;box-shadow:none}button.btn-wire-youtube:focus,.btn.btn-wire-youtube:focus{border-color:#972401;background:transparent}button.btn-raspbian,.btn.btn-raspbian{background:#b61240;box-shadow:0 2px #59091f}button.btn-raspbian:hover,.btn.btn-raspbian:hover{box-shadow:0 2px 0 1px #59091f inset}button.btn-raspbian:focus,.btn.btn-raspbian:focus{background:#59091f}button.btn-wire-raspbian,.btn.btn-wire-raspbian{background:transparent;box-shadow:none;border:2px solid rgb(182,18,64);color:#000c}button.btn-wire-raspbian i.btn-match,.btn.btn-wire-raspbian i.btn-match{color:#b61240}button.btn-wire-raspbian:hover,.btn.btn-wire-raspbian:hover{background:#b612400d;border-color:#880d30;color:#880d30;box-shadow:none}button.btn-wire-raspbian:focus,.btn.btn-wire-raspbian:focus{border-color:#59091f;background:transparent}button.btn-windows,.btn.btn-windows{background:#12a7e3;box-shadow:0 2px #0b6184}button.btn-windows:hover,.btn.btn-windows:hover{box-shadow:0 2px 0 1px #0b6184 inset}button.btn-windows:focus,.btn.btn-windows:focus{background:#0b6184}button.btn-wire-windows,.btn.btn-wire-windows{background:transparent;box-shadow:none;border:2px solid rgb(18,167,227);color:#000c}button.btn-wire-windows i.btn-match,.btn.btn-wire-windows i.btn-match{color:#12a7e3}button.btn-wire-windows:hover,.btn.btn-wire-windows:hover{background:#12a7e30d;border-color:#0e84b4;color:#0e84b4;box-shadow:none}button.btn-wire-windows:focus,.btn.btn-wire-windows:focus{border-color:#0b6184;background:transparent}button.btn-macos,.btn.btn-macos{background:#b3bcc2;box-shadow:0 2px #7a8a95}button.btn-macos:hover,.btn.btn-macos:hover{box-shadow:0 2px 0 1px #7a8a95 inset}button.btn-macos:focus,.btn.btn-macos:focus{background:#7a8a95}button.btn-wire-macos,.btn.btn-wire-macos{background:transparent;box-shadow:none;border:2px solid rgb(179,188,194);color:#000c}button.btn-wire-macos i.btn-match,.btn.btn-wire-macos i.btn-match{color:#b3bcc2}button.btn-wire-macos:hover,.btn.btn-wire-macos:hover{background:#b3bcc20d;border-color:#97a3ab;color:#97a3ab;box-shadow:none}button.btn-wire-macos:focus,.btn.btn-wire-macos:focus{border-color:#7a8a95;background:transparent}button.btn-debian,.btn.btn-debian{background:#cf084e;box-shadow:0 2px #6d0429}button.btn-debian:hover,.btn.btn-debian:hover{box-shadow:0 2px 0 1px #6d0429 inset}button.btn-debian:focus,.btn.btn-debian:focus{background:#6d0429}button.btn-wire-debian,.btn.btn-wire-debian{background:transparent;box-shadow:none;border:2px solid rgb(207,8,78);color:#000c}button.btn-wire-debian i.btn-match,.btn.btn-wire-debian i.btn-match{color:#cf084e}button.btn-wire-debian:hover,.btn.btn-wire-debian:hover{background:#cf084e0d;border-color:#9e063b;color:#9e063b;box-shadow:none}button.btn-wire-debian:focus,.btn.btn-wire-debian:focus{border-color:#6d0429;background:transparent}button.btn-fedora,.btn.btn-fedora{background:#52a2da;box-shadow:0 2px #236ea3}button.btn-fedora:hover,.btn.btn-fedora:hover{box-shadow:0 2px 0 1px #236ea3 inset}button.btn-fedora:focus,.btn.btn-fedora:focus{background:#236ea3}button.btn-wire-fedora,.btn.btn-wire-fedora{background:transparent;box-shadow:none;border:2px solid rgb(82,162,218);color:#000c}button.btn-wire-fedora i.btn-match,.btn.btn-wire-fedora i.btn-match{color:#52a2da}button.btn-wire-fedora:hover,.btn.btn-wire-fedora:hover{background:#52a2da0d;border-color:#2c8bcd;color:#2c8bcd;box-shadow:none}button.btn-wire-fedora:focus,.btn.btn-wire-fedora:focus{border-color:#236ea3;background:transparent}button.btn-ubuntu,.btn.btn-ubuntu{background:#d64514;box-shadow:0 2px #79270b}button.btn-ubuntu:hover,.btn.btn-ubuntu:hover{box-shadow:0 2px 0 1px #79270b inset}button.btn-ubuntu:focus,.btn.btn-ubuntu:focus{background:#79270b}button.btn-wire-ubuntu,.btn.btn-wire-ubuntu{background:transparent;box-shadow:none;border:2px solid rgb(214,69,20);color:#000c}button.btn-wire-ubuntu i.btn-match,.btn.btn-wire-ubuntu i.btn-match{color:#d64514}button.btn-wire-ubuntu:hover,.btn.btn-wire-ubuntu:hover{background:#d645140d;border-color:#a73610;color:#a73610;box-shadow:none}button.btn-wire-ubuntu:focus,.btn.btn-wire-ubuntu:focus{border-color:#79270b;background:transparent}button.btn-suse,.btn.btn-suse{background:#6fb425;box-shadow:0 2px #3b5f14}button.btn-suse:hover,.btn.btn-suse:hover{box-shadow:0 2px 0 1px #3b5f14 inset}button.btn-suse:focus,.btn.btn-suse:focus{background:#3b5f14}button.btn-wire-suse,.btn.btn-wire-suse{background:transparent;box-shadow:none;border:2px solid rgb(111,180,37);color:#000c}button.btn-wire-suse i.btn-match,.btn.btn-wire-suse i.btn-match{color:#6fb425}button.btn-wire-suse:hover,.btn.btn-wire-suse:hover{background:#6fb4250d;border-color:#558a1c;color:#558a1c;box-shadow:none}button.btn-wire-suse:focus,.btn.btn-wire-suse:focus{border-color:#3b5f14;background:transparent}button.btn-redhat,.btn.btn-redhat{background:#c60200;box-shadow:0 2px #600100}button.btn-redhat:hover,.btn.btn-redhat:hover{box-shadow:0 2px 0 1px #600100 inset}button.btn-redhat:focus,.btn.btn-redhat:focus{background:#600100}button.btn-wire-redhat,.btn.btn-wire-redhat{background:transparent;box-shadow:none;border:2px solid rgb(198,2,0);color:#000c}button.btn-wire-redhat i.btn-match,.btn.btn-wire-redhat i.btn-match{color:#c60200}button.btn-wire-redhat:hover,.btn.btn-wire-redhat:hover{background:#c602000d;border-color:#930100;color:#930100;box-shadow:none}button.btn-wire-redhat:focus,.btn.btn-wire-redhat:focus{border-color:#600100;background:transparent}button.btn-centos,.btn.btn-centos{background:#9b4c88;box-shadow:0 2px #572a4c}button.btn-centos:hover,.btn.btn-centos:hover{box-shadow:0 2px 0 1px #572a4c inset}button.btn-centos:focus,.btn.btn-centos:focus{background:#572a4c}button.btn-wire-centos,.btn.btn-wire-centos{background:transparent;box-shadow:none;border:2px solid rgb(155,76,136);color:#000c}button.btn-wire-centos i.btn-match,.btn.btn-wire-centos i.btn-match{color:#9b4c88}button.btn-wire-centos:hover,.btn.btn-wire-centos:hover{background:#9b4c880d;border-color:#793b6a;color:#793b6a;box-shadow:none}button.btn-wire-centos:focus,.btn.btn-wire-centos:focus{border-color:#572a4c;background:transparent}button.btn-other,.btn.btn-other{background:#ffa70a;box-shadow:0 2px #a36800}button.btn-other:hover,.btn.btn-other:hover{box-shadow:0 2px 0 1px #a36800 inset}button.btn-other:focus,.btn.btn-other:focus{background:#a36800}button.btn-wire-other,.btn.btn-wire-other{background:transparent;box-shadow:none;border:2px solid rgb(255,167,10);color:#000c}button.btn-wire-other i.btn-match,.btn.btn-wire-other i.btn-match{color:#ffa70a}button.btn-wire-other:hover,.btn.btn-wire-other:hover{background:#ffa70a0d;border-color:#d68900;color:#d68900;box-shadow:none}button.btn-wire-other:focus,.btn.btn-wire-other:focus{border-color:#a36800;background:transparent}button.btn-gscale0,.btn.btn-gscale0{background:#fff;box-shadow:0 2px #ccc}button.btn-gscale0:hover,.btn.btn-gscale0:hover{box-shadow:0 2px 0 1px #ccc inset}button.btn-gscale0:focus,.btn.btn-gscale0:focus{background:#ccc}button.btn-wire-gscale0,.btn.btn-wire-gscale0{background:transparent;box-shadow:none;border:2px solid #FFFFFF;color:#000c}button.btn-wire-gscale0 i.btn-match,.btn.btn-wire-gscale0 i.btn-match{color:#fff}button.btn-wire-gscale0:hover,.btn.btn-wire-gscale0:hover{background:#ffffff0d;border-color:#e6e6e6;color:#e6e6e6;box-shadow:none}button.btn-wire-gscale0:focus,.btn.btn-wire-gscale0:focus{border-color:#ccc;background:transparent}button.btn-gscaleF,.btn.btn-gscaleF{background:#000;box-shadow:0 2px #000}button.btn-gscaleF:hover,.btn.btn-gscaleF:hover{box-shadow:0 2px 0 1px #000 inset}button.btn-gscaleF:focus,.btn.btn-gscaleF:focus{background:#000}button.btn-wire-gscaleF,.btn.btn-wire-gscaleF{background:transparent;box-shadow:none;border:2px solid #000000;color:#000c}button.btn-wire-gscaleF i.btn-match,.btn.btn-wire-gscaleF i.btn-match{color:#000}button.btn-wire-gscaleF:hover,.btn.btn-wire-gscaleF:hover{background:#0000000d;border-color:#000;color:#000;box-shadow:none}button.btn-wire-gscaleF:focus,.btn.btn-wire-gscaleF:focus{border-color:#000;background:transparent}.alert.alert-warning,.alert.alert-orange{color:#e56723;background:#e5672333}.alert.alert-info{color:#027bff;background:#027bff33}.alert.alert-info-alt{color:#075cb7;background:#075cb733}.alert.alert-success,.alert.alert-success-alt{color:#11a948;background:#11a94833}.alert.alert-error{color:#ef0e5d;background:#ef0e5d33}.alert.alert-error-alt{color:#c20941;background:#c2094133}.alert.alert-danger{color:#ef0e5d;background:#ef0e5d33}.alert.alert-danger-alt{color:#c20941;background:#c2094133}.alert.alert-purple{color:#bc48ff;background:#bc48ff33}.alert.alert-purple-alt{color:#692fbd;background:#692fbd33}.alert.alert-neutral{color:#464646;background:#46464633}.alert.alert-yellow{color:#ffa70a;background:#ffa70a33}.alert.alert-white{color:#fff;background:#fff3}.alert.alert-black{color:#000;background:#0003}.alert.alert-youtube{color:#fd3c01;background:#fd3c0133}.alert.alert-raspbian{color:#b61240;background:#b6124033}.alert.alert-windows{color:#12a7e3;background:#12a7e333}.alert.alert-macos{color:#b3bcc2;background:#b3bcc233}.alert.alert-debian{color:#cf084e;background:#cf084e33}.alert.alert-fedora{color:#52a2da;background:#52a2da33}.alert.alert-ubuntu{color:#d64514;background:#d6451433}.alert.alert-suse{color:#6fb425;background:#6fb42533}.alert.alert-redhat{color:#c60200;background:#c6020033}.alert.alert-centos{color:#9b4c88;background:#9b4c8833}.alert.alert-other{color:#ffa70a;background:#ffa70a33}.alert.alert-gscale0{color:#fff;background:#fff3}.alert.alert-gscaleF{color:#000;background:#0003}@font-face{font-family:Sixtyfour;src:url(../../webfonts/Sixtyfour-Regular.ttf) format("truetype")}*{font-family:Roboto,Arial,"sans-serif";margin:0;padding:0;box-sizing:border-box}html{background-color:#fff}body,html{height:100%;font-family:Arial,sans-serif}.container{display:flex;height:100vh}.horizontal{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex:1;align-self:stretch}.horizontal.fx-end{justify-content:flex-end}.vertical{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:1;align-self:stretch}main{flex:1;display:flex;flex-direction:column}main .main-container{display:flex;flex-direction:column;flex:1;overflow:hidden;align-self:stretch}main .main-container .top-content{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;padding:10px 10px 10px 15px;background:transparent;border-bottom:1px solid #DDD}main .main-container .top-content h1{color:#000;font-weight:600;font-size:24px}main .main-container .top-content .top-actions{flex:1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}main .main-container .top-content .top-actions.align-right{justify-content:flex-end;margin-right:10px}main .main-container .top-content .top-actions .btn:first-child{margin-left:0!important}main .main-container .top-content .top-actions .btn,main .main-container .top-content .top-actions button{margin-left:10px}main .main-container .bottom-content{display:flex;flex-direction:row;align-self:stretch;justify-content:flex-start;align-items:flex-start;flex:1;overflow-y:auto;background:radial-gradient(circle at 0% 53%,rgba(2,123,255,.8) 10%,transparent 45%),radial-gradient(circle at 135% 53%,rgba(2,123,255,.8) 10%,transparent 95%),radial-gradient(circle at 50% 80%,rgba(105,47,189,.8) 40%,transparent 95%)}main .main-container .bottom-content .page-content{flex:2;overflow-y:auto;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background:#fffc;padding:5px}main .main-container .bottom-content .page-content .inner{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:10px 10px 40px;background:#fff;align-self:stretch}main .main-container .bottom-content .page-content .inner h1,main .main-container .bottom-content .page-content .inner h2,main .main-container .bottom-content .page-content .inner h3,main .main-container .bottom-content .page-content .inner h4,main .main-container .bottom-content .page-content .inner h5,main .main-container .bottom-content .page-content .inner h6{color:#222}main .main-container .bottom-content .page-content .inner p{font-size:12px;line-height:18px;display:flex;margin-bottom:5px;flex-direction:row;justify-content:flex-start;align-items:center;color:#999}main .main-container .bottom-content .page-panel{flex:1;overflow-y:auto;align-self:stretch;background:#fff;border-top:none}main .main-container .bottom-content .page-panel.left-panel{border-right:1px solid #DDD;border-left:none}main .main-container .bottom-content .page-panel.left-panel.explr-explorer{flex:.5;overflow-y:auto;padding:0;background:#fff;box-shadow:1px 1px .5px .5px inset #fff3;max-width:250px}main .main-container .bottom-content .page-panel.right-panel{border-left:1px solid #DDD;border-right:none}.invisible{visibility:hidden!important}.hidden{display:none!important}.tac{text-align:center!important}.tar{text-align:right!important}a{text-decoration:none}.normal{font-weight:400!important}.bold{font-weight:700!important}.col{display:flex;flex:1;flex-direction:column;align-self:stretch}main .context-bar{padding:10px;position:sticky;top:0;z-index:1000;max-height:80px;border-bottom:1px solid #DDD;display:flex;flex-direction:row;align-items:center}main .context-bar .context-menu{flex:1}main .context-bar .context-menu .inner{display:flex}main .context-bar .context-menu .inner ul.pills{margin:0}main .context-bar .context-divider{width:1px;height:100%;background:#ddd;margin-left:20px;margin-right:20px}main .context-bar .context-tail{margin-right:30px}main .context-bar .context-tail .btn{margin-right:0}main .context-bar .context-tail-auth{margin-right:10px}main .context-bar .context-tail-auth .btn{margin-right:0}main .context-bar .context-user{display:flex;margin-right:20px}main .context-bar .context-user .trigger{color:#000}main .context-bar .context-user .trigger .avatar{width:32px;height:32px;border-radius:4px;background:#555;margin-right:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;font-weight:700;font-size:14px;border:1px solid #BBB;color:#fff}main .context-bar .context-user .trigger i{margin-top:-5px;margin-left:10px}menu{width:300px;background:#fff;overflow-y:auto;overflow-x:visible;padding:20px;z-index:2000;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-right:1px solid #DDD;min-width:64px}menu h1.logo{margin:40px 0 0 10px;align-self:stretch;display:flex}menu h1.logo a{text-align:center;text-shadow:0px 0 0 rgb(255,255,255),0px 2px 0 #BBB,0 0px 0 rgb(17,169,72),-0px 0 0 rgb(2,123,255),0 -0px 0 rgb(239,14,93);text-decoration:none;background:linear-gradient(90deg,#a0a0a0 0,#bebebe 46%,#dcdcdc);-webkit-background-clip:text;color:transparent;flex:1;font-family:Sixtyfour,Work Sans,Arial,"sans-serif";align-self:stretch;padding-right:3px;font-size:20px;text-transform:uppercase;transition:all .55s cubic-bezier(.19,1,.22,1);display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;color:#fff}menu h1.logo a img{flex-shrink:0;width:30px;margin-right:10px;position:absolute;left:5px;transition:all .55s cubic-bezier(.19,1,.22,1)}menu h1.logo a img.after{opacity:0}menu:hover h1.logo a{text-align:center;text-shadow:3px 0 0 rgb(255,255,255),3px 2px 0 #BBB,0 3px 0 rgb(17,169,72),-3px 0 0 rgb(2,123,255),0 -3px 0 rgb(239,14,93);text-decoration:none;background:linear-gradient(90deg,#a0a0a0 0,#bebebe 46%,#dcdcdc);-webkit-background-clip:text;color:transparent}menu:hover h1.logo a img.before{opacity:0}menu:hover h1.logo a img.after{animation-duration:.2s;animation-name:logotouch}menu nav{display:flex;align-self:stretch;flex:1}menu nav ul{margin:60px 0 20px;flex:1;align-self:flex-start;display:flex;flex-direction:column;list-style:none}menu nav ul li{align-self:stretch;overflow:hidden;position:relative;transition:all .55s cubic-bezier(.19,1,.22,1);margin:10px 0;border-radius:4px}menu nav ul li a{color:#000000e6;font-size:16px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;flex:1;padding-top:5px;padding-bottom:5px;padding-left:10px}menu nav ul li a i{color:#000;opacity:.2;background:transparent;display:flex;justify-content:center;align-items:center;align-self:stretch;padding:10px;width:40px;border-radius:4px;text-align:center;margin-right:20px}menu nav ul li:after{background:#000;content:"";height:195px;left:-200px;opacity:.2;position:absolute;top:-50px;transform:rotate(35deg);transition:all .55s cubic-bezier(.19,1,.22,1);width:50px;z-index:-2;cursor:pointer}menu nav ul li.active a{color:#027bff;font-weight:700}menu nav ul li.active a i{opacity:1;color:#fff;background:#000000e6;background:#027bff}menu nav ul li:hover{background:#027bff}menu nav ul li:hover:after{z-index:2;left:120%;transition:all .55s cubic-bezier(.19,1,.22,1)}menu nav ul li:hover a{color:#fff;font-weight:700}menu nav ul li:hover a i{color:#fff;opacity:1}menu footer{background:#00000003;padding:20px 0;display:flex;flex-direction:row;align-self:stretch;text-align:center;justify-content:center}menu footer p{color:#bbb}menu footer p.version a{color:#888;font-weight:700}.dropdown{position:relative;display:flex;align-self:stretch}.dropdown.dropdown-show ul.dropdown-menu{display:flex;flex-direction:column}.dropdown .trigger{cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;flex:1}.dropdown ul.dropdown-menu{position:absolute;top:100%;left:0;display:none;background-color:#ddd;box-shadow:0 8px 16px #fff3;z-index:1000;list-style-type:none;margin:0;overflow:hidden;border-radius:4px}.dropdown ul.dropdown-menu li{padding:8px 16px;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;transition:all .55s cubic-bezier(.19,1,.22,1)}.dropdown ul.dropdown-menu li.danger:hover{background-color:#ef0e5d}.dropdown ul.dropdown-menu li:hover{background-color:#027bff}.dropdown ul.dropdown-menu li a{padding:8px 16px 8px 8px;color:#000;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch}.dropdown ul.dropdown-menu li a i{margin-right:15px}@keyframes logotouch{0%{opacity:0}50%{opacity:1}to{opacity:0;left:27px}}@keyframes shakednd{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}@keyframes blinkfade{0%{opacity:1}50%{opacity:0}to{opacity:1}}button,.btn{position:relative;padding:10px 10px 8px;font-size:14px;color:#fff;cursor:pointer;border:none;border-radius:4px;background:#027bff;box-shadow:0 2px #004a9b;font-weight:700;letter-spacing:-.5px;margin-top:-2px;min-width:38px;min-height:34px;text-align:center;justify-content:center}button i.icon-left,.btn i.icon-left{margin-right:5px}button:hover,.btn:hover{box-shadow:0 2px 0 1px #004a9b inset;color:#fffc}button:focus,.btn:focus{background:#004a9b;color:#ffffff80;box-shadow:none}button.btn-pixel,.btn.btn-pixel{background:#333;border:1px solid transparent;transition:all .55s cubic-bezier(.19,1,.22,1);text-transform:uppercase;font-size:12px;box-shadow:4px 0 #fff,0 4px #11a948,-4px 0 #027bff,0 -4px #ef0e5d;color:#ddd;overflow:hidden}button.btn-pixel:hover,.btn.btn-pixel:hover{box-shadow:6px 0 #fff,0 6px #11a948,-6px 0 #027bff,0 -6px #ef0e5d;text-align:center;text-shadow:4px 0 0 rgb(255,255,255),4px 2px 0 #BBB,0 4px 0 rgb(17,169,72),-4px 0 0 rgb(2,123,255),0 -4px 0 rgb(239,14,93);text-decoration:none;background:linear-gradient(90deg,#a0a0a0 0,#bebebe 46%,#dcdcdc);-webkit-background-clip:text;color:transparent}button.btn-neutral,.btn.btn-neutral{color:#fff;background:#aaa;box-shadow:0 2px #919191;border:1px solid transparent}button.btn-neutral.active,button.btn-neutral:hover,.btn.btn-neutral.active,.btn.btn-neutral:hover{box-shadow:0 2px 0 1px #222 inset;background:#919191}button .btn-wire-neutral,.btn .btn-wire-neutral{background:transparent;border:2px solid #AAA;color:#fffc;box-shadow:none}button .btn-wire-neutral:hover,.btn .btn-wire-neutral:hover{background:#aaaaaa0d;border-color:#919191;color:#919191;box-shadow:none}button .btn-wire-neutral:focus,.btn .btn-wire-neutral:focus{border-color:#777;background:transparent}button.btn-naked,.btn.btn-naked{background:transparent;box-shadow:none;border:1px solid transparent;color:#000}button.btn-naked:hover,.btn.btn-naked:hover{box-shadow:0 2px 0 1px #222 inset;background:#919191;color:#fff}button.btn-naked:focus,.btn.btn-naked:focus{background:#777;border:1px solid #555}button i.main,.btn i.main{font-size:18px}button sup,button sub,.btn sup,.btn sub{position:absolute;top:-4px;right:-4px;background:#888;border-bottom:2px solid #AAA;color:red;border-radius:4px;width:16px;height:16px;text-align:center;display:flex;justify-content:center;align-items:center;padding-top:2px;padding-bottom:1px}button sup i,button sub i,.btn sup i,.btn sub i{color:#fff;font-size:10px}button.btn-double-icon,.btn.btn-double-icon{margin-right:5px}button.disabled,.btn.disabled{cursor:default}.alert{padding:20px;align-self:stretch;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px}.alert i{margin-right:13px}.alert a{color:inherit;margin-left:4px;margin-right:4px;text-decoration:underline}ul.explr-tree{height:100%!important}ul.explr-tree ul{padding-top:0!important}ul.explr-tree li{position:relative}ul.explr-tree li span{color:#aaa;font-size:13px;padding-left:5px;cursor:pointer}ul.explr-tree li span.explr-plus,ul.explr-tree li span.explr-minus{z-index:1}ul.explr-tree li span.explr-plus:hover,ul.explr-tree li span.explr-minus:hover{color:#555}ul.explr-tree li i.main{font-size:14px}ul.explr-tree li sup,ul.explr-tree li sub{position:absolute;top:0;left:5px;background:#888;border-bottom:2px solid #AAA;border-radius:4px;text-align:center;display:flex;justify-content:center;align-items:center;padding-top:2px;padding-bottom:1px}ul.explr-tree li sup i,ul.explr-tree li sub i{color:#fff;font-size:4px!important;margin-bottom:0}ul.explr-tree li a{color:#000;padding-right:80px;margin-top:2px}ul.explr-tree li a:hover{color:#000}ul.explr-tree li a.active{background:#0000001a;border-radius:4px;font-weight:700;text-decoration:underline;margin-left:35px;padding-left:5px;margin-right:10px}.explr-multiselection-actions,.explr-selection-actions{display:none;flex-direction:row;justify-content:flex-end;align-items:center;flex:1}.explr-multiselection-actions button,.explr-selection-actions button{display:none}body.explr-selection-actionable .explr-selection-actions,body.explr-selection-actionable.explr-selection-folder .explr-selection-actions button.explr-selection-folder,body.explr-selection-actionable.explr-selection-entity .explr-selection-actions button.explr-selection-entity,body.explr-multiselection-actionable .explr-multiselection-actions,body.explr-multiselection-actionable.explr-multiselection-folder .explr-multiselection-actions button.explr-multiselection-folder,body.explr-multiselection-actionable.explr-multiselection-entity .explr-multiselection-actions button.explr-multiselection-entity{display:flex}.selectable-zone{flex:1;align-self:stretch;border:1px solid transparent}ul.explr-dirview{display:flex;flex-direction:row;flex-wrap:wrap}ul.explr-dirview li{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-shrink:0;margin:10px;min-width:100px;min-height:130px;padding-top:5px;border:1px solid transparent;border-radius:4px}ul.explr-dirview li.renaming a span{display:none}ul.explr-dirview li.renaming a form{display:block}ul.explr-dirview li.highlight-drop{border:1px dotted rgba(2,123,255,.4);background:#027bff4d}ul.explr-dirview li.highlight-clicked{border:1px dotted rgba(0,0,0,.2);background:#0000001a}ul.explr-dirview li a{color:#444;text-decoration:none;flex:1;text-align:center;font-size:12px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;max-width:84px;min-width:84px;position:relative;word-break:break-all}ul.explr-dirview li a.with-thumbnail .img-holder{width:64px;height:64px;background:#000;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;margin-bottom:12px}ul.explr-dirview li a.with-thumbnail .img-holder img{max-height:100%;max-width:100%}ul.explr-dirview li a.with-thumbnail i{font-size:24px;position:absolute;top:-4px;left:-4px;text-shadow:0 .5px .5px #888}ul.explr-dirview li a i{font-size:64px;margin-bottom:12px;border-radius:8px}ul.explr-dirview li a sup,ul.explr-dirview li a sub{position:absolute;top:-2px;right:0;background:#888;border-bottom:2px solid #AAA;border-radius:4px;width:16px;height:16px;text-align:center;display:flex;justify-content:center;align-items:center;padding-top:2px;padding-bottom:1px}ul.explr-dirview li a sup i,ul.explr-dirview li a sub i{color:#fff;font-size:10px;margin-bottom:0}ul.explr-dirview li a input{width:100%;padding:0 3px}ul.explr-dirview li a input:focus{outline:none}ul.explr-dirview li a:hover{opacity:.8}ul.explr-dirview li a form{display:none}ul.explr-dirview li.new-folder a{color:#027bff}ul.explr-dirview li.new-folder a form{display:block}ul.explr-dirview .ui-draggable-dragging{z-index:20}ul.explr-dirview .ui-draggable-dragging a{opacity:1!important}.modal-explr-picker h2{margin-top:0}.modal-explr-picker .explr-tree{width:400px;max-width:400px;max-height:300px;overflow:auto;background:#ddd;padding:10px 20px;border-radius:4px;margin-top:15px}.content-explr-picker{cursor:pointer}.selection-rectangle{position:absolute;border:1px solid rgb(0,153,255);background-color:#0099ff1a;pointer-events:none;z-index:1000}ul.pills{background:#ddd;padding:6px 4px 5px;box-shadow:1px 1px .5px .5px inset #fff3;border:1px solid #DDD;border-radius:4px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;list-style:none;margin:0}ul.pills li.divider{margin:0 20px;width:1px;height:100%;background:#ccc}ul.pills li:hover a{opacity:.9}ul.pills li a{border-radius:4px;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#000;overflow:hidden;padding-right:30px;text-align:center;background:#fff3;margin-right:5px;transition:all .25s cubic-bezier(.19,1,.22,1)}ul.pills li a span{display:flex;justify-content:center;align-items:center;margin-right:20px;height:42px;background:#fff3;width:42px}ul.pills li.active a{color:#ccc;background:#333;font-weight:700}ul.pills li:hover a{color:#fff;background:#027bff}ul.pills li:last-child a{margin-right:0}.breadcrumb-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;border-bottom:1px solid #DDD;background:transparent;padding:10px}.breadcrumb-container ul.breadcrumb{background:#ddd;padding:6px 4px 5px;box-shadow:1px 1px .5px .5px inset #fff3;border:1px solid #DDD;border-radius:4px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;list-style:none;margin:0;overflow-x:auto;max-width:65vw;white-space:nowrap}.breadcrumb-container ul.breadcrumb li{display:inline-block}.breadcrumb-container ul.breadcrumb li.divider{margin:0 5px}.breadcrumb-container ul.breadcrumb li.divider i{color:#555}.breadcrumb-container ul.breadcrumb li span,.breadcrumb-container ul.breadcrumb li a{border-radius:4px;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#000;text-align:center;padding:0 3px}.breadcrumb-container ul.breadcrumb li span i,.breadcrumb-container ul.breadcrumb li a i{margin-right:5px}.breadcrumb-container ul.breadcrumb li:hover a{color:#000;background:#027bff}.breadcrumb-container ul.breadcrumb li:last-child a{margin-right:0}.pickers,.modals{position:fixed;background:#0006;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10000}.pickers.pickers .modals-outer .modals-inner .modal h2,.modals.pickers .modals-outer .modals-inner .modal h2{font-size:14px;line-height:18px;display:flex;margin-bottom:5px;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#999}.pickers .modals-outer,.modals .modals-outer{min-width:464px;max-width:464px;display:flex;flex-direction:column;overflow:auto;padding-bottom:2px}.pickers .modals-outer .modals-inner,.modals .modals-outer .modals-inner{background:#fff;border-radius:10px;color:#fff;padding:40px;box-shadow:0 2px #ddd;border:1px solid #DDD}.pickers .modals-outer .modals-inner .modal h2,.modals .modals-outer .modals-inner .modal h2{padding:0;margin:0 0 30px;font-weight:400;color:#666}.pickers .modals-outer .modals-inner .modal h3,.modals .modals-outer .modals-inner .modal h3{align-self:stretch;margin:0 0 10px;font-size:14px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#000;padding-bottom:10px;text-decoration:none}.pickers .modals-outer .modals-inner .modal h3.divide,.modals .modals-outer .modals-inner .modal h3.divide{border-top:1px solid #DDD;margin-top:20px;padding-top:20px}.toast{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#ccc;color:#000;text-align:center;border-radius:4px;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px;font-size:17px;border:2px dashed #DDD}.toast.show{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s}@-webkit-keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}body.dragover .shakeondrag{animation:shakednd .1s linear alternate infinite}.btn-super-upload-busy,.btn-super-upload{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-left:10px;position:relative}.btn-super-upload-busy.btn-super-upload-busy,.btn-super-upload.btn-super-upload-busy{border:none!important}.btn-super-upload-busy .unprogress,.btn-super-upload .unprogress{display:block}.btn-super-upload-busy .progress,.btn-super-upload .progress{display:none;width:200px;height:10px;background:#999;border-radius:4px;flex-direction:row;justify-content:flex-start;align-items:center}.btn-super-upload-busy .progress .progress-bar,.btn-super-upload .progress .progress-bar{border-radius:4px;background-color:#027bff;height:100%}.btn-super-upload-busy .progress .percent,.btn-super-upload .progress .percent{display:flex;justify-content:center;align-items:center;position:absolute;left:0;right:0;bottom:0;top:2px;font-size:15px;color:#fff;text-shadow:0 0 2px rgb(0,0,0)}.btn-super-upload-busy.uploading .progress,.btn-super-upload.uploading .progress{display:block}.btn-super-upload-busy.uploading .unprogress,.btn-super-upload.uploading .unprogress{display:none}@keyframes blink{50%{opacity:0}}.cfx-blink{animation:1.5s linear infinite blink}.cfx-ffff-speed{animation-delay:.1s}.cfx-fff-speed{animation-delay:.3s}.cfx-ff-speed{animation-delay:.5s}.cfx-f-speed{animation-delay:.8s}.cfx-m-speed{animation-delay:1s}.cfx-s-speed{animation-delay:1.3s}.cfx-ss-speed{animation-delay:1.5s}.cfx-sss-speed{animation-delay:1.8s}.cfx-ssss-speed{animation-delay:2s}.cfx-sssss-speed{animation-delay:3s}.panes{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch}.panes .pane-section,.panes tbody{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;margin:1px 1px 28px;background:#fff;border-radius:4px;border:4px solid rgba(0,0,0,.05)}.panes .pane-section:hover,.panes tbody:hover,.panes .pane-section:hover tr.title-item,.panes tbody:hover tr.title-item{border-color:#027bff0d}.panes .pane-section .pane-item,.panes .pane-section tr,.panes tbody .pane-item,.panes tbody tr{flex:1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;padding:8px 18px;background:#ddd}.panes .pane-section .pane-item:nth-child(odd),.panes .pane-section tr:nth-child(odd),.panes tbody .pane-item:nth-child(odd),.panes tbody tr:nth-child(odd){background-color:#eee}.panes .pane-section .pane-item:nth-child(odd) td.description,.panes .pane-section tr:nth-child(odd) td.description,.panes tbody .pane-item:nth-child(odd) td.description,.panes tbody tr:nth-child(odd) td.description{color:#000000b3}.panes .pane-section .pane-item:nth-child(2n),.panes .pane-section tr:nth-child(2n),.panes tbody .pane-item:nth-child(2n),.panes tbody tr:nth-child(2n){background-color:#e4e4e4}.panes .pane-section .pane-item .pane-cell,.panes .pane-section .pane-item td,.panes .pane-section tr .pane-cell,.panes .pane-section tr td,.panes tbody .pane-item .pane-cell,.panes tbody .pane-item td,.panes tbody tr .pane-cell,.panes tbody tr td{color:#777;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex:1;font-size:14px}.panes .pane-section .pane-item .pane-cell.vertical,.panes .pane-section .pane-item td.vertical,.panes .pane-section tr .pane-cell.vertical,.panes .pane-section tr td.vertical,.panes tbody .pane-item .pane-cell.vertical,.panes tbody .pane-item td.vertical,.panes tbody tr .pane-cell.vertical,.panes tbody tr td.vertical{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.panes .pane-section .pane-item .pane-cell.description,.panes .pane-section .pane-item td.description,.panes .pane-section tr .pane-cell.description,.panes .pane-section tr td.description,.panes tbody .pane-item .pane-cell.description,.panes tbody .pane-item td.description,.panes tbody tr .pane-cell.description,.panes tbody tr td.description{align-self:stretch}.panes .pane-section .pane-item .pane-cell.value,.panes .pane-section .pane-item td.value,.panes .pane-section tr .pane-cell.value,.panes .pane-section tr td.value,.panes tbody .pane-item .pane-cell.value,.panes tbody .pane-item td.value,.panes tbody tr .pane-cell.value,.panes tbody tr td.value{flex:0;margin-left:20px;word-break:break-all;flex-basis:auto}.panes .pane-section .pane-item .pane-cell.value i.icon-legend,.panes .pane-section .pane-item td.value i.icon-legend,.panes .pane-section tr .pane-cell.value i.icon-legend,.panes .pane-section tr td.value i.icon-legend,.panes tbody .pane-item .pane-cell.value i.icon-legend,.panes tbody .pane-item td.value i.icon-legend,.panes tbody tr .pane-cell.value i.icon-legend,.panes tbody tr td.value i.icon-legend{font-size:10px;margin-right:10px}.panes .pane-section .pane-item .pane-cell.value i.icon-value,.panes .pane-section .pane-item td.value i.icon-value,.panes .pane-section tr .pane-cell.value i.icon-value,.panes .pane-section tr td.value i.icon-value,.panes tbody .pane-item .pane-cell.value i.icon-value,.panes tbody .pane-item td.value i.icon-value,.panes tbody tr .pane-cell.value i.icon-value,.panes tbody tr td.value i.icon-value{padding:2px 2px 1px;border-radius:2px;width:16px;text-align:center}.panes .pane-section .pane-item.title-item,.panes .pane-section tr.title-item,.panes tbody .pane-item.title-item,.panes tbody tr.title-item{border-bottom:1px solid #DDD}.panes .pane-section .pane-item.title-item td,.panes .pane-section tr.title-item td,.panes tbody .pane-item.title-item td,.panes tbody tr.title-item td{color:#027bffe6;font-size:16px;font-weight:700}.panes .pane-section .pane-item.title-item td i,.panes .pane-section tr.title-item td i,.panes tbody .pane-item.title-item td i,.panes tbody tr.title-item td i{margin-right:10px}.panes .pane-section .pane-item.title-item td .more,.panes .pane-section tr.title-item td .more,.panes tbody .pane-item.title-item td .more,.panes tbody tr.title-item td .more{flex:1;text-align:right;font-size:12px;color:#777;font-weight:400;font-style:italic}.panes .pane-section .pane-item.variable-item,.panes .pane-section tr.variable-item,.panes tbody .pane-item.variable-item,.panes tbody tr.variable-item{cursor:pointer}.panes .pane-section .pane-item.variable-item:hover,.panes .pane-section tr.variable-item:hover,.panes tbody .pane-item.variable-item:hover,.panes tbody tr.variable-item:hover{background-color:#027bff0d}.panes .pane-section .pane-item.variable-item:hover td,.panes .pane-section tr.variable-item:hover td,.panes tbody .pane-item.variable-item:hover td,.panes tbody tr.variable-item:hover td{font-weight:700;color:#000}.panes .pane-section .pane-item.variable-item:hover td i.icon-legend,.panes .pane-section tr.variable-item:hover td i.icon-legend,.panes tbody .pane-item.variable-item:hover td i.icon-legend,.panes tbody tr.variable-item:hover td i.icon-legend{color:#000}.panes .pane-section .pane-item.variable-item:hover td span,.panes .pane-section .pane-item.variable-item:hover td i.icon-value,.panes .pane-section tr.variable-item:hover td span,.panes .pane-section tr.variable-item:hover td i.icon-value,.panes tbody .pane-item.variable-item:hover td span,.panes tbody .pane-item.variable-item:hover td i.icon-value,.panes tbody tr.variable-item:hover td span,.panes tbody tr.variable-item:hover td i.icon-value{background-color:#0000004d;color:#000}.panes .pane-section .pane-item.variable-item:hover td.description,.panes .pane-section tr.variable-item:hover td.description,.panes tbody .pane-item.variable-item:hover td.description,.panes tbody tr.variable-item:hover td.description{color:#027bff}.panes .pane-section .pane-item.highlighted:hover,.panes .pane-section .pane-item.highlighted,.panes .pane-section tr.highlighted:hover,.panes .pane-section tr.highlighted,.panes tbody .pane-item.highlighted:hover,.panes tbody .pane-item.highlighted,.panes tbody tr.highlighted:hover,.panes tbody tr.highlighted{background-color:#027bff}.panes .pane-section .pane-item.highlighted:hover td,.panes .pane-section .pane-item.highlighted td,.panes .pane-section tr.highlighted:hover td,.panes .pane-section tr.highlighted td,.panes tbody .pane-item.highlighted:hover td,.panes tbody .pane-item.highlighted td,.panes tbody tr.highlighted:hover td,.panes tbody tr.highlighted td{font-weight:700;color:#000}.panes .pane-section .pane-item.highlighted:hover td i.icon-legend,.panes .pane-section .pane-item.highlighted td i.icon-legend,.panes .pane-section tr.highlighted:hover td i.icon-legend,.panes .pane-section tr.highlighted td i.icon-legend,.panes tbody .pane-item.highlighted:hover td i.icon-legend,.panes tbody .pane-item.highlighted td i.icon-legend,.panes tbody tr.highlighted:hover td i.icon-legend,.panes tbody tr.highlighted td i.icon-legend{color:#000}.panes .pane-section .pane-item.highlighted:hover td span,.panes .pane-section .pane-item.highlighted:hover td i.icon-value,.panes .pane-section .pane-item.highlighted td span,.panes .pane-section .pane-item.highlighted td i.icon-value,.panes .pane-section tr.highlighted:hover td span,.panes .pane-section tr.highlighted:hover td i.icon-value,.panes .pane-section tr.highlighted td span,.panes .pane-section tr.highlighted td i.icon-value,.panes tbody .pane-item.highlighted:hover td span,.panes tbody .pane-item.highlighted:hover td i.icon-value,.panes tbody .pane-item.highlighted td span,.panes tbody .pane-item.highlighted td i.icon-value,.panes tbody tr.highlighted:hover td span,.panes tbody tr.highlighted:hover td i.icon-value,.panes tbody tr.highlighted td span,.panes tbody tr.highlighted td i.icon-value{background-color:#0000004d;color:#000}.panes .pane-section .pane-item.highlighted:hover td.description,.panes .pane-section .pane-item.highlighted td.description,.panes .pane-section tr.highlighted:hover td.description,.panes .pane-section tr.highlighted td.description,.panes tbody .pane-item.highlighted:hover td.description,.panes tbody .pane-item.highlighted td.description,.panes tbody tr.highlighted:hover td.description,.panes tbody tr.highlighted td.description{color:#fff}.tiles{flex:1;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;align-self:stretch}.tiles .tiles-inner{display:flex;flex:1;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;align-self:stretch;padding:2px}.tiles .tiles-inner .tile-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#000;margin:1px;padding:15px 10px 15px 15px;border-radius:4px;border-bottom:1px solid transparent}.tiles .tiles-inner .tile-item:hover,.tiles .tiles-inner .tile-item.active{border-left:4px solid rgb(2,123,255);border-radius:4px;border-bottom:2px solid #E7E7E7;background:#ddd;color:#027bff}.tiles .tiles-inner .tile-item:hover:hover,.tiles .tiles-inner .tile-item.active:hover{opacity:1}.tiles .tiles-inner .tile-item:hover.disabled,.tiles .tiles-inner .tile-item.active.disabled{border-left-color:#bbb;color:#000}.tiles .tiles-inner .tile-item:hover.starred,.tiles .tiles-inner .tile-item.active.starred{border-left-color:#ffa70a;color:#ffa70a}.tiles .tiles-inner .tile-item:hover.starred .tile-tail .head-icon i,.tiles .tiles-inner .tile-item.active.starred .tile-tail .head-icon i{opacity:1;color:#ffa70a;font-size:8px}.tiles .tiles-inner .tile-item.starred .tile-tail .head-icon i{font-size:8px;color:#ffa70a}.tiles .tiles-inner .tile-item.disabled .tile-body{opacity:.3}.tiles .tiles-inner .tile-item.disabled .tile-tail .head-icon i{color:#bbb;opacity:.4}.tiles .tiles-inner .tile-item .tile-tail{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;align-self:stretch;margin-left:10px;min-width:10px}.tiles .tiles-inner .tile-item .tile-tail .head-icon{flex:1;display:flex;text-align:right;flex-direction:row;justify-content:center;align-items:center;align-self:stretch}.tiles .tiles-inner .tile-item .tile-tail .head-icon i{font-size:6px;display:flex}.tiles .tiles-inner .tile-item .tile-tail .status-icons{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.tiles .tiles-inner .tile-item .tile-tail .status-icons i{font-size:16px;margin-left:10px}.tiles .tiles-inner .tile-item .tile-body{flex:1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:15px;font-weight:400;letter-spacing:.8px;line-height:22px;margin:0;flex-wrap:nowrap}.tiles .tiles-inner .tile-item .tile-body i{font-size:8px;margin-right:5px}.tiles .tiles-inner .tile-item .tile-metrics{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin:0}.tiles .tiles-inner .tile-item .tile-metrics .foot-span span,.tiles .tiles-inner .tile-item .tile-metrics .foot-span{opacity:.8;font-size:13px;font-family:Courier New}span.empty{background:#ffa70a4d;color:#ffa70a;text-transform:lowercase;border-radius:2px;padding:2px 4px;font-weight:700}.inner-empty{display:flex;flex:1;flex-direction:column;align-self:stretch;justify-content:center;align-items:center}.inner-empty i{font-size:90px;opacity:.3;text-shadow:0 -1px #CCC,0 0px .5px #BBB}.toggle{position:relative;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.toggle input{display:none}.toggle input:checked+label{background:#027bff;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 2px #222 inset}.toggle input:checked+label:after{content:"";display:block;border-radius:50%;margin-left:21px;width:18px;height:18px;transition:.2s;background:#9bcbff;box-shadow:0 2px #0063ce}.toggle label{width:44px;height:26px;border-radius:15px;background:#ddd;cursor:pointer;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 2px #111 inset}.toggle label:after{content:"";display:block;border-radius:50%;width:18px;height:18px;margin:3px;background:#888;box-shadow:0 2px #555555e6;transition:.2s}.badge-inset{display:inline;color:#555;font-size:12px;margin-left:5px;background:#fff;border:1px solid #CCC;border-radius:4px;padding:3px 7px}.form-holder{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch}.form-holder form{max-width:434px}form{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch}form .alert{padding:8px 15px;font-size:14px;margin:0 0 25px}.from-group-condition{flex-direction:column;align-self:stretch;justify-content:flex-start;align-items:flex-start;display:flex}.form-group{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;width:100%;flex:1;margin-bottom:20px}.form-group label{flex:1;font-size:12px;line-height:18px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#999}.form-group label.btn-upload{color:#000;font-size:14px;flex:0;flex-basis:auto;margin-top:5px}.form-group label.btn-upload input[type=file]{display:none}.form-group label.btn-upload input[type=text]{margin-bottom:2px;margin-left:10px}.form-group label.btn-upload span.btn{padding-right:20px}.form-group label.btn-upload i{margin-left:3px;margin-right:10px}.form-group .checkbox-group,.form-group .radio-group{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.form-group .checkbox-group input,.form-group .radio-group input{display:none}.form-group .checkbox-group label,.form-group .radio-group label{margin:0 5px 0 0!important;justify-content:center!important;text-align:center}.form-group .widget{margin-top:10px;align-self:stretch;display:flex;flex-direction:row}.form-group .widget.vertical{flex-direction:column}.form-group .widget.vertical select,.form-group .widget.vertical input{align-self:stretch}.form-group .widget.vertical select:first-child,.form-group .widget.vertical input:first-child{margin-bottom:10px}.form-group .widget input+.btn+.btn{margin-left:10px}.form-group .widget.widget-unit select,.form-group .widget.widget-unit input{flex-grow:0;background:none;box-shadow:none;border:none;border-bottom:1px solid #CCC;border-radius:0;max-width:80px;padding-left:0;color:#000;text-align:center}.form-group .widget.widget-unit span{font-size:12px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-left:5px;color:#aaa}.form-group .widget select.size-m,.form-group .widget input.size-m{max-width:122px}.form-group .widget select.color-picker,.form-group .widget input.color-picker{max-width:125px}.form-group .widget select.chars-4,.form-group .widget input.chars-4{max-width:50px}.form-group .widget select.chars-3,.form-group .widget input.chars-3{max-width:40px}.form-group .widget select.chars-2,.form-group .widget input.chars-2{max-width:20px}.form-group .widget select.chars-1,.form-group .widget input.chars-1{max-width:15px}.form-group .widget div{color:#000000b3;font-size:14px}.form-group .widget select,.form-group .widget input,.form-group .widget textarea{outline:none;padding:8px 0 5px 8px;border-radius:2px;border:1px solid rgba(0,0,0,.05);flex:1;background:#aaa;box-shadow:0 2px 1px #bbb,0 4px 2px #ccc inset;color:#222;font-size:14px}.form-group .widget select.input-naked,.form-group .widget select.disabled,.form-group .widget select[disabled],.form-group .widget input.input-naked,.form-group .widget input.disabled,.form-group .widget input[disabled],.form-group .widget textarea.input-naked,.form-group .widget textarea.disabled,.form-group .widget textarea[disabled]{color:#aaa;background:none;box-shadow:none;border-radius:0}.form-group .widget select.input-naked,.form-group .widget input.input-naked,.form-group .widget textarea.input-naked{color:#444}.form-group .widget select.disabled,.form-group .widget select[disabled],.form-group .widget input.disabled,.form-group .widget input[disabled],.form-group .widget textarea.disabled,.form-group .widget textarea[disabled]{background:#fff;border-radius:4px}.form-group.tab-select{border-bottom:1px solid #BBB;display:flex;flex-direction:row;position:relative;height:48px;padding:48px 0 0;flex:0;flex-basis:auto}.form-group.tab-select .widget{height:49px;margin-top:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:absolute;top:0;left:0;border-bottom:2px solid rgb(2,123,255);color:#027bff}.form-group.tab-select .widget select{border:none;background:none;box-shadow:none;padding:10px 35px 10px 10px;margin:0;color:inherit;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-align:left;font-weight:700;cursor:pointer;border-radius:4px 4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;z-index:2}.form-group.tab-select .widget i{margin-left:10px;margin-right:0}.form-group.tab-select .widget i.triangle{margin-top:-4px;margin-left:0;position:absolute;right:10px}.form-group.form-group-horizontal{margin:10px 0 20px;flex-direction:row;justify-content:flex-start;align-items:center}.form-group.form-group-horizontal .widget{margin:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.actions{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;align-self:stretch;margin:20px 0 0}.actions.actions-intermediate{margin:0}.actions button{margin-left:25px}.actions.actions-left{justify-content:flex-start}.actions.actions-left .btn{margin-left:0;margin-right:25px}.actions.actions-right{justify-content:flex-end}.actions.actions-right .btn{margin-left:10px;margin-right:0}.actions.actions-center{justify-content:center}.actions.actions-center .btn{margin-left:0;margin-right:0}.view-content-list main .main-container .page-content .inner{padding-bottom:10px}.view-content-list main .main-container .content-object-input{margin-bottom:6px}.view-content-list.dragover main .main-container .inner .dropzone{border-radius:4px;background:#0000001a;border:1px dashed rgba(0,0,0,.5)}.view-content-edit main .main-container .top-content h3{color:#000;padding:10px 10px 10px 0;font-size:16px;align-self:stretch;flex:1;text-align:right}.view-content-edit main .main-container .top-content h3 span{border-width:1px;border-style:solid;border-radius:4px;padding:4px 10px;margin-left:5px}.view-content-edit main .main-container .top-content h3 i{font-size:16px}.view-content-edit main .main-container .bottom-content .page-content{flex:1}.view-content-edit main .main-container .bottom-content .page-content .form-holder{margin:20px 20px 20px 10px;flex:1}.view-content-edit main .main-container .bottom-content .page-panel.right-panel{flex:2;align-self:stretch;display:flex;flex-direction:column;overflow:auto;justify-content:flex-start;align-items:center;padding:20px}.view-content-edit main .main-container .bottom-content .page-panel.right-panel .iframe-wrapper{display:flex;flex-direction:column;width:100%;position:relative;padding-top:56.25%;overflow:hidden;border-radius:4px;outline:4px solid rgba(0,0,0,.1)}.view-content-edit main .main-container .bottom-content .page-panel.right-panel .iframe-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.view-content-edit.view-content-edit-composition main .main-container .page-panel.left-panel{flex:1}.view-content-edit.view-content-edit-composition main .main-container .page-panel.left-panel .form-holder{margin:20px 20px 20px 10px;flex:1}.view-content-edit.view-content-edit-composition main .main-container .page-content{flex:2}.view-content-edit.view-content-edit-composition main .main-container .page-panel.right-panel{flex:1}.view-content-edit.view-content-edit-composition main .main-container h3.main{font-size:16px;font-weight:500;color:#222;text-decoration:none;margin-top:5px;border-bottom:1px solid #DDD;margin-bottom:20px;padding-bottom:10px;align-self:stretch}.view-content-edit.view-content-edit-composition main .main-container .toolbar{margin-bottom:20px}.view-content-edit.view-content-edit-composition main .main-container .presets{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:20px}.view-content-edit.view-content-edit-composition main .main-container .presets h4{margin-right:5px;font-weight:400;font-size:14px;text-decoration:underline}.view-content-edit.view-content-edit-composition main .main-container .presets button:focus,.view-content-edit.view-content-edit-composition main .main-container .presets button{padding:3px 15px;margin:0 3px;font-size:12px;font-weight:400;min-height:initial;border:1px solid #333}.view-content-edit.view-content-edit-composition main .main-container .screen-holder{display:flex;flex-direction:column;width:100%;position:relative;padding-top:56.25%;overflow:hidden;border-radius:4px;outline:4px solid rgba(0,0,0,.1)}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen{background-color:#ddd;position:absolute;top:0;left:0;width:100%;height:100%;border:none}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element{position:absolute!important;background-color:#eee;outline:1px solid #CCC;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element.focused{border:none;outline:2px solid rgb(2,123,255);z-index:89!important}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element.focused .ui-resizable-handle{display:block}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element i{font-size:20px;color:#ccc}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element i.fa-cog{text-shadow:0 -2px #BBB,0 0px 2px #BBB}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element i.gscaleF{color:#000!important}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .rotate-handle{width:10px;height:10px;background-color:red;position:absolute;top:50%;right:-15px;cursor:pointer;transform:translateY(-50%)}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle{background:#aaa;border:1px solid #555;width:10px;height:10px;z-index:90;display:none;position:absolute}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-n{cursor:n-resize;top:-5px;left:50%;margin-left:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-s{cursor:s-resize;bottom:-5px;left:50%;margin-left:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-w{cursor:w-resize;left:-5px;top:50%;margin-top:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-e{cursor:e-resize;right:-5px;top:50%;margin-top:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-nw{cursor:nw-resize;top:-5px;left:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-ne{cursor:ne-resize;top:-5px;right:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-sw{cursor:sw-resize;bottom:-5px;left:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-se{cursor:se-resize;bottom:-5px;right:-5px}.view-content-edit.view-content-edit-composition main .main-container .elements-holder{align-self:stretch}.view-content-edit.view-content-edit-composition main .main-container .elements-holder h3{font-size:16px;font-weight:500;color:#222;text-decoration:none;margin:0 0 20px}.view-content-edit.view-content-edit-composition main .main-container .elements-holder h3.divide{border-top:1px solid #DDD;margin-top:10px;padding-top:20px}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list{padding:10px;background:#ddd;border-radius:4px;display:flex;flex-direction:column;justify-content:flex-start;align-self:flex-start}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item>i{color:#111;margin:0 10px 0 0;cursor:move;width:30px;text-align:center}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner:hover,.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item.focused .inner{background-color:#027bff;color:#fff;font-weight:700}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner:hover button.btn-naked,.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item.focused .inner button.btn-naked{color:#fff}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner{cursor:pointer;padding:5px 5px 5px 10px;margin-bottom:5px;background:#eee;border-radius:4px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#222;min-height:46px;flex:1}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner label{flex:1;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;max-width:219px;overflow:hidden}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner button{display:none;margin-left:5px}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner button.btn-naked{color:#aaa}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner:hover label{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner:hover button{display:block}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties{flex:1;align-self:stretch}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form{display:flex;flex-direction:column}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form h3{font-size:16px;font-weight:500;color:#222;text-decoration:none;border-bottom:1px solid #DDD;margin-bottom:20px;padding-bottom:10px;align-self:stretch}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form .divide{margin-top:30px;margin-bottom:10px}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form .form-group{flex-direction:row;justify-content:flex-start;align-items:center;display:flex}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form .form-group label{flex-grow:1;flex-direction:row;justify-content:flex-start;align-items:center;display:flex;font-weight:700;margin-right:10px}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form .form-group .widget{flex-grow:1;flex-direction:row;justify-content:flex-start;align-items:center;display:flex;margin:0}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form .form-group .widget input{flex:1;margin:0}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form .form-group .widget input[disabled]{padding:8px 0 5px 8px;border:1px solid rgba(255,255,255,.05)}.view-content-edit.view-content-edit-text main .main-container .page-panel.left-panel{flex:1}.view-content-edit.view-content-edit-text main .main-container .page-panel.left-panel .form-holder{margin:20px 20px 20px 10px;flex:1}.view-content-edit.view-content-edit-text main .main-container .page-content{flex:2}.view-content-edit.view-content-edit-text main .main-container .page-panel.right-panel{flex:1}.view-content-edit.view-content-edit-text main .main-container h3.main{font-size:16px;font-weight:500;color:#222;text-decoration:none;margin-top:5px;border-bottom:1px solid #DDD;margin-bottom:20px;padding-bottom:10px;align-self:stretch}.view-content-edit.view-content-edit-text main .main-container .toolbar{margin-bottom:20px}.view-content-edit.view-content-edit-text main .main-container .screen-holder{display:flex;flex-direction:column;width:100%;position:relative;padding-top:56.25%;overflow:hidden;border-radius:4px;outline:4px solid rgba(0,0,0,.1);background:repeating-conic-gradient(#eee,#eee 25%,#fff 0%,#fff 50%) 50%/20px 20px}.view-content-edit.view-content-edit-text main .main-container .screen-holder .screen{position:absolute;top:0;left:0;width:100%;height:100%;border:none;display:flex}.view-content-edit.view-content-edit-text main .main-container .screen-holder .screen .text{display:flex;justify-content:center;align-items:center;flex-direction:row;flex:1;align-self:stretch;text-align:center;max-width:100%;word-break:break-all}.view-content-edit.view-content-edit-text main .main-container .screen-holder .screen .text marquee{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex:1;height:100%;width:100%}.view-content-edit.view-content-edit-text main .main-container .form-element-properties{flex:1;align-self:stretch}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form{display:flex;flex-direction:column}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form h3{font-size:16px;font-weight:500;color:#222;text-decoration:none;border-bottom:1px solid #DDD;margin-bottom:20px;padding-bottom:10px;align-self:stretch}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form .divide{margin-top:30px;margin-bottom:10px}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form .bar{width:100%;height:1px;background:#333;margin-bottom:20px}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form .form-group label{flex-grow:1;flex-direction:row;justify-content:flex-start;align-items:center;display:flex;font-weight:700;margin-right:10px;margin-bottom:5px}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form .form-group .widget{flex-grow:1;flex-direction:row;justify-content:flex-start;align-items:center;display:flex;margin:0}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form .form-group .widget input{flex:1;margin:0}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form .form-group .widget input[disabled]{padding:8px 0 5px 8px;border:1px solid rgba(255,255,255,.05)}.view-logs-list main .main-container .bottom-content .page-content .inner{padding-top:8px;padding-bottom:8px}.view-logs-list main .main-container .bottom-content .page-content .logs{flex:1;display:flex;flex-direction:column;align-self:stretch}.view-logs-list main .main-container .bottom-content .page-content .logs pre{flex:1;background:#000000e6;border:1px solid rgba(85,85,85,.5);border-radius:4px;font-family:monospace;color:#f2f2f2;padding:20px;overflow:auto;align-self:stretch}.view-node-player-edit main .main-container .bottom-content .page-content{flex:1}.view-node-player-edit main .main-container .bottom-content .page-content .form-holder{margin:20px 20px 20px 10px}.view-player-group-list main .main-container .players-holder ul.players{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;margin:10px 0 0;border:1px dashed #DDD;border-radius:4px;padding:10px}.view-player-group-list main .main-container .players-holder ul.players li.player-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;margin:0 0 2px}.view-player-group-list main .main-container .players-holder ul.players li.player-item .head{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#666;font-size:10px;padding:10px;cursor:default}.view-player-group-list main .main-container .players-holder ul.players li.player-item:hover .infos .title{color:#000}.view-player-group-list main .main-container .players-holder ul.players li.player-item .infos{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#555;font-size:12px;margin-right:5px;flex:1;max-width:180px;background:#fff;border:1px solid #CCC;border-radius:4px;padding:3px 7px}.view-player-group-list main .main-container .players-holder ul.players li.player-item .infos .title{font-size:13px;color:#555;display:block;word-break:break-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.view-player-group-list main .main-container .players-holder ul.players li.player-item .infos .type{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#555;font-size:12px;margin-right:5px}.view-player-group-list main .main-container .players-holder ul.players li.player-item .body{display:block;flex-direction:row;justify-content:flex-start;align-items:center;margin:0 10px;background:#ebebeb;padding:10px;align-self:stretch;flex:1;border-radius:4px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px;font-size:12px}.view-player-group-list main .main-container .players-holder ul.players li.player-item .body span{opacity:.5;margin-right:7px;font-size:10px}.view-player-group-list main .main-container .players-holder ul.players li.player-item .tail{display:flex;flex-direction:row;justify-content:center;align-items:center}.view-player-group-list main .main-container .players-holder ul.players li.player-item .tail a{color:#000}.view-playlist-list main .main-container p{font-size:12px;line-height:18px;display:flex;margin-bottom:5px;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#999}.view-playlist-list main .main-container .modal-slide h2{font-size:20px}.view-playlist-list main .main-container .modal-slide input[disabled]{color:#555}.view-playlist-list main .main-container .modal-slide .slide-schedule-group select,.view-playlist-list main .main-container .modal-slide .slide-schedule-end-group select{margin-right:5px}.view-playlist-list main .main-container .modal-slide .slide-schedule-group select,.view-playlist-list main .main-container .modal-slide .slide-schedule-group input,.view-playlist-list main .main-container .modal-slide .slide-schedule-end-group select,.view-playlist-list main .main-container .modal-slide .slide-schedule-end-group input{font-size:12px;max-width:50%}.view-playlist-list main .main-container .modal-slide .slide-schedule-group select.datetimepicker,.view-playlist-list main .main-container .modal-slide .slide-schedule-group input.datetimepicker,.view-playlist-list main .main-container .modal-slide .slide-schedule-end-group select.datetimepicker,.view-playlist-list main .main-container .modal-slide .slide-schedule-end-group input.datetimepicker{margin-left:5px;padding-left:0}.view-playlist-list main .main-container .bottom-content .page-content{flex:1}.view-playlist-list main .main-container .bottom-content .page-content.with-right-panel{flex:.5}.view-playlist-list main .main-container .bottom-content .page-content .inner{padding:0}.view-playlist-list main .main-container .bottom-content .page-content .inner h3{font-size:16px;font-weight:500;color:#222;text-decoration:none;margin:0 0 20px}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder{margin:20px 20px 20px 10px;flex:1}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .form-holder{margin:20px 0 0}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .form-holder form{max-width:initial}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .form-holder .form-group{flex-grow:0;margin-bottom:5px}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .preview-holder{position:relative}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .preview-holder .form-group{flex-grow:0;margin-bottom:0}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .preview-holder .hover-only{display:none}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .preview-holder:hover .hover-only{display:flex;position:absolute}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .preview-holder:hover .hover-only:hover{background:#ccc}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder h4{font-size:14px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#000;padding-bottom:10px;text-decoration:none}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder h4.divide{border-top:1px solid #DDD;margin-top:20px;padding-top:20px}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .qrcode-pic{margin-top:10px}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .qrcode-pic img{border:1px dashed #AAA;padding:5px;border-radius:4px}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .preview{background:#000;border:1px solid rgba(0,0,0,.3);border-radius:4px;justify-content:center;align-items:center;align-self:stretch;display:flex;margin:10px 0 20px;height:300px}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .preview iframe{flex:1;align-self:stretch}.view-playlist-list main .main-container .bottom-content .page-content .inner .slides-holder{align-self:stretch;border-right:1px solid #DDD;margin:20px 10px 20px 20px;padding-right:20px;flex:1.3}.view-playlist-list main .main-container .bottom-content .page-panel.left-panel{flex:.3;max-width:initial;justify-content:center;align-items:center;display:flex}.view-player-group-list main .main-container p{font-size:12px;line-height:18px;display:flex;margin-bottom:5px;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#999}.view-player-group-list main .main-container .bottom-content .page-content{flex:1}.view-player-group-list main .main-container .bottom-content .page-content .inner{padding:0}.view-player-group-list main .main-container .bottom-content .page-content .inner h3{font-size:16px;font-weight:500;color:#222;text-decoration:none;margin:0 0 20px}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder{margin:20px 20px 20px 10px;flex:1}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .form-holder{margin:20px 0 0}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .form-holder form{max-width:initial}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .form-holder .form-group{flex-grow:0;margin-bottom:15px}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .preview-holder{position:relative}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .preview-holder .form-group{flex-grow:0;margin-bottom:0}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .preview-holder .hover-only{display:none}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .preview-holder:hover .hover-only{display:flex;position:absolute}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .preview-holder:hover .hover-only:hover{background:#ccc}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder h4{font-size:14px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#000;padding-bottom:10px;text-decoration:none}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder h4.divide{border-top:1px solid #DDD;margin-top:20px;padding-top:20px}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .preview{background:#000;border:1px solid rgba(0,0,0,.3);border-radius:4px;justify-content:center;align-items:center;align-self:stretch;display:flex;margin:10px 0 20px;height:300px}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .preview iframe{flex:1;align-self:stretch}.view-player-group-list main .main-container .bottom-content .page-content .inner .players-holder{align-self:stretch;border-right:1px solid #DDD;margin:20px 10px 20px 20px;padding-right:20px;flex:1.3}.view-player-group-list main .main-container .bottom-content .page-panel.left-panel{flex:.3;max-width:initial;justify-content:center;align-items:center;display:flex}.view-playlist-list main .main-container .page-content .inner h3.divide{margin-top:50px}.view-playlist-list main .main-container .slides-holder ul.slides{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;margin:10px 0 0;border:1px dashed #DDD;border-radius:4px;padding:10px}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;margin:0 0 2px}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item.disabled .infos .title{color:#ccc}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item.disabled .infos .type i{color:#ccc!important}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item.disabled .body{opacity:0}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .sort{display:flex;flex-direction:column;justify-content:center;align-items:center}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .sort a{color:#666;font-size:10px;padding:10px;cursor:move}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .sort a:hover{color:#027bff}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .infos{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#555;font-size:12px;margin-right:5px;flex:1;max-width:120px;background:#fff;border:1px solid #CCC;border-radius:4px;padding:3px 7px}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .infos:hover .title{color:#000}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .infos .title{display:block;word-break:break-all;font-size:13px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .infos .type{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#555;font-size:12px;margin-right:5px}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:0 10px;background:#ebebeb;padding:10px;align-self:stretch;flex:1;border-radius:4px;font-size:13px;color:#000}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:1;max-width:315px;overflow-x:auto;white-space:nowrap}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range .start{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:8px}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range .end{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range .start .prefix,.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range .end .prefix{margin-left:5px;margin-right:5px;font-size:12px;color:#222}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range .start .cron-description,.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range .end .cron-description{display:block;word-break:break-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-left:5px;font-size:10px;opacity:.5}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .tail{display:flex;flex-direction:row;justify-content:center;align-items:center}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .tail a{color:#000}.view-plugins-list main .main-container .bottom-content .page-content .inner{padding:10px}.view-settings-list main .main-container .bottom-content .page-content .inner{padding:10px}.view-sysinfo-list main .main-container .bottom-content .page-content .inner{padding:10px}.view-sysinfo-list .reboot{color:#333}.view-login main .main-container{position:relative}.view-login main .main-container .alert{position:absolute;top:0;left:0;right:0}.view-login main .main-container .login-content{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center}.view-login main .main-container .login-content .form-holder{width:400px;display:flex;justify-content:center;align-items:center;align-self:stretch;margin-left:auto;margin-right:auto}.view-login main .main-container .login-content .form-holder .card{display:flex;justify-content:center;align-items:center;align-self:stretch;border-radius:6px;padding:50px;color:#fff}.view-login main .main-container .login-content .form-holder .card form{padding:0;flex:1;display:flex;justify-content:center;align-items:center;align-self:stretch}.view-login main .main-container .login-content .form-holder .card form .actions{margin-top:10px}.view-login main .main-container .login-content .form-holder .card form .actions .btn{padding-left:20px;padding-right:20px}.view-auth-user-list main .main-container .bottom-content .page-content .inner{padding:10px}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item.disabled .tile-body{opacity:.3;text-decoration-line:line-through}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-tail .btn{margin-left:10px}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-tail .btn:first-child{margin-left:0}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-metrics{flex:1;flex-direction:row;justify-content:flex-start;align-items:center}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-metrics .widget,.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-metrics .form-group{margin:0}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-metrics label{flex-grow:0}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-metrics input{margin-left:10px;margin-right:10px;max-width:320px}menu h1.logo a{color:#666}menu:hover h1.logo a{color:transparent}ul.explr-dirview li a.with-thumbnail .img-holder{background:#ddd}ul.explr-dirview li a i{color:#027bff}button.btn-pixel,.btn.btn-pixel{background:#fff;color:#444;box-shadow:4px 0 #ccc,0 4px #11a948,-4px 0 #027bff,0 -4px #ef0e5d}button.btn-pixel:hover,.btn.btn-pixel:hover{box-shadow:6px 0 #ccc,0 6px #11a948,-6px 0 #027bff,0 -6px #ef0e5d}button.btn-naked,.btn.btn-naked{color:#777}button.btn-naked:hover,.btn.btn-naked:hover,button.btn-neutral:hover,.btn.btn-neutral:hover{box-shadow:0 2px 0 1px #666 inset}button.btn-neutral,.btn.btn-neutral{color:#555;background:#fff;box-shadow:none!important;border:1px solid transparent}button.btn-neutral.active,button.btn-neutral:hover,.btn.btn-neutral.active,.btn.btn-neutral:hover{box-shadow:0 2 0 1px #222 inset;background:#ccc}button.btn-neutral:focus,.btn.btn-neutral:focus{background:#777;border:1px solid #555}.tiles .tiles-inner .tile-item{border-top:2px solid transparent;border-right:2px solid transparent;border-bottom:2px solid transparent}.tiles .tiles-inner .tile-item:hover,.tiles .tiles-inner .tile-item.active{border-left:2px solid #E7E7E7;border-top:2px solid #E7E7E7;border-right:2px solid #E7E7E7;border-bottom:2px solid #E7E7E7;background:#fff}.tiles .tiles-inner .tile-item:hover,.tiles .tiles-inner .tile-item.active{border-color:#027bff}.tiles .tiles-inner .tile-item:hover.starred,.tiles .tiles-inner .tile-item.active.starred{border-color:#ffa70a}.tiles .tiles-inner .tile-item:hover.disabled,.tiles .tiles-inner .tile-item.active.disabled{border-color:#bbb}.panes .pane-section .pane-item:nth-child(odd),.panes .pane-section tr:nth-child(odd),.panes tbody .pane-item:nth-child(odd),.panes tbody tr:nth-child(odd){background-color:#fff}.panes .pane-section .pane-item:nth-child(2n),.panes .pane-section tr:nth-child(2n),.panes tbody .pane-item:nth-child(2n),.panes tbody tr:nth-child(2n){background-color:#f7f7f7}.form-group .widget select,.form-group .widget input,.form-group .widget textarea{box-shadow:0 2px 1px #ddd,0 4px 2px #ddd inset;color:#555;background:#eee}.toggle label{box-shadow:0 2px 2px #ccc inset}.toggle label:after{box-shadow:0 2px #cccccce6}.toggle input:checked+label{box-shadow:0 2px 2px #0000004d inset}ul.pills{box-shadow:1px 1px .5px .5px inset #aaa3;background:#eee}ul.pills li a{color:#444;background:#fff}ul.pills li.active a{color:#fff;background:#027bff}.breadcrumb-container ul.breadcrumb{box-shadow:1px 1px .5px .5px inset #aaa3;background:#eee}.breadcrumb-container ul.breadcrumb li a,.breadcrumb-container ul.breadcrumb li span,.breadcrumb-container ul.breadcrumb li{color:#444}.breadcrumb-container ul.breadcrumb li:hover a{color:#fff}.breadcrumb-container ul.breadcrumb li.divider i{color:#bbb}.dropdown ul.dropdown-menu li.danger:hover a{color:#fff}.inner-empty i{color:#ddd;text-shadow:0 -1px #999,0 0px .5px #666}.view-player-group-list main .main-container .players-holder ul.players li.player-item .tail a,.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .tail a{color:#888}.view-player-group-list main .main-container .players-holder ul.players li.player-item .tail a:hover,.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .tail a:hover{color:#fff}.form-group .widget select.disabled,.form-group .widget select[disabled],.form-group .widget input.disabled,.form-group .widget input[disabled],.form-group .widget textarea.disabled,.form-group .widget textarea[disabled]{border:none;background:#eee;border-radius:4px;padding-left:10px;padding-right:10px}.modal-explr-picker .explr-tree{background:#f7f7f7}
+.warning{color:#e56723!important}.bg-warning{background-color:#e56723!important}.border-warning{border-color:#e56723!important}.orange{color:#e56723!important}.bg-orange{background-color:#e56723!important}.border-orange{border-color:#e56723!important}.info{color:#027bff!important}.bg-info{background-color:#027bff!important}.border-info{border-color:#027bff!important}.info-alt{color:#075cb7!important}.bg-info-alt{background-color:#075cb7!important}.border-info-alt{border-color:#075cb7!important}.success{color:#11a948!important}.bg-success{background-color:#11a948!important}.border-success{border-color:#11a948!important}.success-alt{color:#11a948!important}.bg-success-alt{background-color:#11a948!important}.border-success-alt{border-color:#11a948!important}.error{color:#ef0e5d!important}.bg-error{background-color:#ef0e5d!important}.border-error{border-color:#ef0e5d!important}.error-alt{color:#c20941!important}.bg-error-alt{background-color:#c20941!important}.border-error-alt{border-color:#c20941!important}.danger{color:#ef0e5d!important}.bg-danger{background-color:#ef0e5d!important}.border-danger{border-color:#ef0e5d!important}.danger-alt{color:#c20941!important}.bg-danger-alt{background-color:#c20941!important}.border-danger-alt{border-color:#c20941!important}.purple{color:#bc48ff!important}.bg-purple{background-color:#bc48ff!important}.border-purple{border-color:#bc48ff!important}.purple-alt{color:#692fbd!important}.bg-purple-alt{background-color:#692fbd!important}.border-purple-alt{border-color:#692fbd!important}.neutral{color:#464646!important}.bg-neutral{background-color:#464646!important}.border-neutral{border-color:#464646!important}.yellow{color:#ffa70a!important}.bg-yellow{background-color:#ffa70a!important}.border-yellow{border-color:#ffa70a!important}.white{color:#fff!important}.bg-white{background-color:#fff!important}.border-white{border-color:#fff!important}.black{color:#000!important}.bg-black{background-color:#000!important}.border-black{border-color:#000!important}.youtube{color:#fd3c01!important}.bg-youtube{background-color:#fd3c01!important}.border-youtube{border-color:#fd3c01!important}.raspbian{color:#b61240!important}.bg-raspbian{background-color:#b61240!important}.border-raspbian{border-color:#b61240!important}.windows{color:#12a7e3!important}.bg-windows{background-color:#12a7e3!important}.border-windows{border-color:#12a7e3!important}.macos{color:#b3bcc2!important}.bg-macos{background-color:#b3bcc2!important}.border-macos{border-color:#b3bcc2!important}.debian{color:#cf084e!important}.bg-debian{background-color:#cf084e!important}.border-debian{border-color:#cf084e!important}.fedora{color:#52a2da!important}.bg-fedora{background-color:#52a2da!important}.border-fedora{border-color:#52a2da!important}.ubuntu{color:#d64514!important}.bg-ubuntu{background-color:#d64514!important}.border-ubuntu{border-color:#d64514!important}.suse{color:#6fb425!important}.bg-suse{background-color:#6fb425!important}.border-suse{border-color:#6fb425!important}.redhat{color:#c60200!important}.bg-redhat{background-color:#c60200!important}.border-redhat{border-color:#c60200!important}.centos{color:#9b4c88!important}.bg-centos{background-color:#9b4c88!important}.border-centos{border-color:#9b4c88!important}.other{color:#ffa70a!important}.bg-other{background-color:#ffa70a!important}.border-other{border-color:#ffa70a!important}.gscale0{color:#fff!important}.bg-gscale0{background-color:#fff!important}.border-gscale0{border-color:#fff!important}.gscaleF{color:#000!important}.bg-gscaleF{background-color:#000!important}.border-gscaleF{border-color:#000!important}button.btn-warning,.btn.btn-warning{background:#e56723;box-shadow:0 2px #913e11}button.btn-warning:hover,.btn.btn-warning:hover{box-shadow:0 2px 0 1px #913e11 inset}button.btn-warning:focus,.btn.btn-warning:focus{background:#913e11}button.btn-wire-warning,.btn.btn-wire-warning{background:transparent;box-shadow:none;border:2px solid rgb(229,103,35);color:#000c}button.btn-wire-warning i.btn-match,.btn.btn-wire-warning i.btn-match{color:#e56723}button.btn-wire-warning:hover,.btn.btn-wire-warning:hover{background:#e567230d;border-color:#be5117;color:#be5117;box-shadow:none}button.btn-wire-warning:focus,.btn.btn-wire-warning:focus{border-color:#913e11;background:transparent}button.btn-orange,.btn.btn-orange{background:#e56723;box-shadow:0 2px #913e11}button.btn-orange:hover,.btn.btn-orange:hover{box-shadow:0 2px 0 1px #913e11 inset}button.btn-orange:focus,.btn.btn-orange:focus{background:#913e11}button.btn-wire-orange,.btn.btn-wire-orange{background:transparent;box-shadow:none;border:2px solid rgb(229,103,35);color:#000c}button.btn-wire-orange i.btn-match,.btn.btn-wire-orange i.btn-match{color:#e56723}button.btn-wire-orange:hover,.btn.btn-wire-orange:hover{background:#e567230d;border-color:#be5117;color:#be5117;box-shadow:none}button.btn-wire-orange:focus,.btn.btn-wire-orange:focus{border-color:#913e11;background:transparent}button.btn-info,.btn.btn-info{background:#027bff;box-shadow:0 2px #004a9b}button.btn-info:hover,.btn.btn-info:hover{box-shadow:0 2px 0 1px #004a9b inset}button.btn-info:focus,.btn.btn-info:focus{background:#004a9b}button.btn-wire-info,.btn.btn-wire-info{background:transparent;box-shadow:none;border:2px solid rgb(2,123,255);color:#000c}button.btn-wire-info i.btn-match,.btn.btn-wire-info i.btn-match{color:#027bff}button.btn-wire-info:hover,.btn.btn-wire-info:hover{background:#027bff0d;border-color:#0063ce;color:#0063ce;box-shadow:none}button.btn-wire-info:focus,.btn.btn-wire-info:focus{border-color:#004a9b;background:transparent}button.btn-info-alt,.btn.btn-info-alt{background:#075cb7;box-shadow:0 2px #032b55}button.btn-info-alt:hover,.btn.btn-info-alt:hover{box-shadow:0 2px 0 1px #032b55 inset}button.btn-info-alt:focus,.btn.btn-info-alt:focus{background:#032b55}button.btn-wire-info-alt,.btn.btn-wire-info-alt{background:transparent;box-shadow:none;border:2px solid rgb(7,92,183);color:#000c}button.btn-wire-info-alt i.btn-match,.btn.btn-wire-info-alt i.btn-match{color:#075cb7}button.btn-wire-info-alt:hover,.btn.btn-wire-info-alt:hover{background:#075cb70d;border-color:#054386;color:#054386;box-shadow:none}button.btn-wire-info-alt:focus,.btn.btn-wire-info-alt:focus{border-color:#032b55;background:transparent}button.btn-success,.btn.btn-success{background:#11a948;box-shadow:0 2px #084c21}button.btn-success:hover,.btn.btn-success:hover{box-shadow:0 2px 0 1px #084c21 inset}button.btn-success:focus,.btn.btn-success:focus{background:#084c21}button.btn-wire-success,.btn.btn-wire-success{background:transparent;box-shadow:none;border:2px solid rgb(17,169,72);color:#000c}button.btn-wire-success i.btn-match,.btn.btn-wire-success i.btn-match{color:#11a948}button.btn-wire-success:hover,.btn.btn-wire-success:hover{background:#11a9480d;border-color:#0c7b34;color:#0c7b34;box-shadow:none}button.btn-wire-success:focus,.btn.btn-wire-success:focus{border-color:#084c21;background:transparent}button.btn-success-alt,.btn.btn-success-alt{background:#11a948;box-shadow:0 2px #084c21}button.btn-success-alt:hover,.btn.btn-success-alt:hover{box-shadow:0 2px 0 1px #084c21 inset}button.btn-success-alt:focus,.btn.btn-success-alt:focus{background:#084c21}button.btn-wire-success-alt,.btn.btn-wire-success-alt{background:transparent;box-shadow:none;border:2px solid rgb(17,169,72);color:#000c}button.btn-wire-success-alt i.btn-match,.btn.btn-wire-success-alt i.btn-match{color:#11a948}button.btn-wire-success-alt:hover,.btn.btn-wire-success-alt:hover{background:#11a9480d;border-color:#0c7b34;color:#0c7b34;box-shadow:none}button.btn-wire-success-alt:focus,.btn.btn-wire-success-alt:focus{border-color:#084c21;background:transparent}button.btn-error,.btn.btn-error{background:#ef0e5d;box-shadow:0 2px #8f0838}button.btn-error:hover,.btn.btn-error:hover{box-shadow:0 2px 0 1px #8f0838 inset}button.btn-error:focus,.btn.btn-error:focus{background:#8f0838}button.btn-wire-error,.btn.btn-wire-error{background:transparent;box-shadow:none;border:2px solid rgb(239,14,93);color:#000c}button.btn-wire-error i.btn-match,.btn.btn-wire-error i.btn-match{color:#ef0e5d}button.btn-wire-error:hover,.btn.btn-wire-error:hover{background:#ef0e5d0d;border-color:#bf0b4a;color:#bf0b4a;box-shadow:none}button.btn-wire-error:focus,.btn.btn-wire-error:focus{border-color:#8f0838;background:transparent}button.btn-error-alt,.btn.btn-error-alt{background:#c20941;box-shadow:0 2px #610420}button.btn-error-alt:hover,.btn.btn-error-alt:hover{box-shadow:0 2px 0 1px #610420 inset}button.btn-error-alt:focus,.btn.btn-error-alt:focus{background:#610420}button.btn-wire-error-alt,.btn.btn-wire-error-alt{background:transparent;box-shadow:none;border:2px solid rgb(194,9,65);color:#000c}button.btn-wire-error-alt i.btn-match,.btn.btn-wire-error-alt i.btn-match{color:#c20941}button.btn-wire-error-alt:hover,.btn.btn-wire-error-alt:hover{background:#c209410d;border-color:#910731;color:#910731;box-shadow:none}button.btn-wire-error-alt:focus,.btn.btn-wire-error-alt:focus{border-color:#610420;background:transparent}button.btn-danger,.btn.btn-danger{background:#ef0e5d;box-shadow:0 2px #8f0838}button.btn-danger:hover,.btn.btn-danger:hover{box-shadow:0 2px 0 1px #8f0838 inset}button.btn-danger:focus,.btn.btn-danger:focus{background:#8f0838}button.btn-wire-danger,.btn.btn-wire-danger{background:transparent;box-shadow:none;border:2px solid rgb(239,14,93);color:#000c}button.btn-wire-danger i.btn-match,.btn.btn-wire-danger i.btn-match{color:#ef0e5d}button.btn-wire-danger:hover,.btn.btn-wire-danger:hover{background:#ef0e5d0d;border-color:#bf0b4a;color:#bf0b4a;box-shadow:none}button.btn-wire-danger:focus,.btn.btn-wire-danger:focus{border-color:#8f0838;background:transparent}button.btn-danger-alt,.btn.btn-danger-alt{background:#c20941;box-shadow:0 2px #610420}button.btn-danger-alt:hover,.btn.btn-danger-alt:hover{box-shadow:0 2px 0 1px #610420 inset}button.btn-danger-alt:focus,.btn.btn-danger-alt:focus{background:#610420}button.btn-wire-danger-alt,.btn.btn-wire-danger-alt{background:transparent;box-shadow:none;border:2px solid rgb(194,9,65);color:#000c}button.btn-wire-danger-alt i.btn-match,.btn.btn-wire-danger-alt i.btn-match{color:#c20941}button.btn-wire-danger-alt:hover,.btn.btn-wire-danger-alt:hover{background:#c209410d;border-color:#910731;color:#910731;box-shadow:none}button.btn-wire-danger-alt:focus,.btn.btn-wire-danger-alt:focus{border-color:#610420;background:transparent}button.btn-purple,.btn.btn-purple{background:#bc48ff;box-shadow:0 2px #8f00e1}button.btn-purple:hover,.btn.btn-purple:hover{box-shadow:0 2px 0 1px #8f00e1 inset}button.btn-purple:focus,.btn.btn-purple:focus{background:#8f00e1}button.btn-wire-purple,.btn.btn-wire-purple{background:transparent;box-shadow:none;border:2px solid rgb(188,72,255);color:#000c}button.btn-wire-purple i.btn-match,.btn.btn-wire-purple i.btn-match{color:#bc48ff}button.btn-wire-purple:hover,.btn.btn-wire-purple:hover{background:#bc48ff0d;border-color:#a915ff;color:#a915ff;box-shadow:none}button.btn-wire-purple:focus,.btn.btn-wire-purple:focus{border-color:#8f00e1;background:transparent}button.btn-purple-alt,.btn.btn-purple-alt{background:#692fbd;box-shadow:0 2px #3c1b6b}button.btn-purple-alt:hover,.btn.btn-purple-alt:hover{box-shadow:0 2px 0 1px #3c1b6b inset}button.btn-purple-alt:focus,.btn.btn-purple-alt:focus{background:#3c1b6b}button.btn-wire-purple-alt,.btn.btn-wire-purple-alt{background:transparent;box-shadow:none;border:2px solid rgb(105,47,189);color:#000c}button.btn-wire-purple-alt i.btn-match,.btn.btn-wire-purple-alt i.btn-match{color:#692fbd}button.btn-wire-purple-alt:hover,.btn.btn-wire-purple-alt:hover{background:#692fbd0d;border-color:#522594;color:#522594;box-shadow:none}button.btn-wire-purple-alt:focus,.btn.btn-wire-purple-alt:focus{border-color:#3c1b6b;background:transparent}button.btn-neutral,.btn.btn-neutral{background:#464646;box-shadow:0 2px #131313}button.btn-neutral:hover,.btn.btn-neutral:hover{box-shadow:0 2px 0 1px #131313 inset}button.btn-neutral:focus,.btn.btn-neutral:focus{background:#131313}button.btn-wire-neutral,.btn.btn-wire-neutral{background:transparent;box-shadow:none;border:2px solid rgb(70,70,70);color:#000c}button.btn-wire-neutral i.btn-match,.btn.btn-wire-neutral i.btn-match{color:#464646}button.btn-wire-neutral:hover,.btn.btn-wire-neutral:hover{background:#4646460d;border-color:#2d2d2d;color:#2d2d2d;box-shadow:none}button.btn-wire-neutral:focus,.btn.btn-wire-neutral:focus{border-color:#131313;background:transparent}button.btn-yellow,.btn.btn-yellow{background:#ffa70a;box-shadow:0 2px #a36800}button.btn-yellow:hover,.btn.btn-yellow:hover{box-shadow:0 2px 0 1px #a36800 inset}button.btn-yellow:focus,.btn.btn-yellow:focus{background:#a36800}button.btn-wire-yellow,.btn.btn-wire-yellow{background:transparent;box-shadow:none;border:2px solid rgb(255,167,10);color:#000c}button.btn-wire-yellow i.btn-match,.btn.btn-wire-yellow i.btn-match{color:#ffa70a}button.btn-wire-yellow:hover,.btn.btn-wire-yellow:hover{background:#ffa70a0d;border-color:#d68900;color:#d68900;box-shadow:none}button.btn-wire-yellow:focus,.btn.btn-wire-yellow:focus{border-color:#a36800;background:transparent}button.btn-white,.btn.btn-white{background:#fff;box-shadow:0 2px #ccc}button.btn-white:hover,.btn.btn-white:hover{box-shadow:0 2px 0 1px #ccc inset}button.btn-white:focus,.btn.btn-white:focus{background:#ccc}button.btn-wire-white,.btn.btn-wire-white{background:transparent;box-shadow:none;border:2px solid rgb(255,255,255);color:#000c}button.btn-wire-white i.btn-match,.btn.btn-wire-white i.btn-match{color:#fff}button.btn-wire-white:hover,.btn.btn-wire-white:hover{background:#ffffff0d;border-color:#e6e6e6;color:#e6e6e6;box-shadow:none}button.btn-wire-white:focus,.btn.btn-wire-white:focus{border-color:#ccc;background:transparent}button.btn-black,.btn.btn-black{background:#000;box-shadow:0 2px #000}button.btn-black:hover,.btn.btn-black:hover{box-shadow:0 2px 0 1px #000 inset}button.btn-black:focus,.btn.btn-black:focus{background:#000}button.btn-wire-black,.btn.btn-wire-black{background:transparent;box-shadow:none;border:2px solid rgb(0,0,0);color:#000c}button.btn-wire-black i.btn-match,.btn.btn-wire-black i.btn-match{color:#000}button.btn-wire-black:hover,.btn.btn-wire-black:hover{background:#0000000d;border-color:#000;color:#000;box-shadow:none}button.btn-wire-black:focus,.btn.btn-wire-black:focus{border-color:#000;background:transparent}button.btn-youtube,.btn.btn-youtube{background:#fd3c01;box-shadow:0 2px #972401}button.btn-youtube:hover,.btn.btn-youtube:hover{box-shadow:0 2px 0 1px #972401 inset}button.btn-youtube:focus,.btn.btn-youtube:focus{background:#972401}button.btn-wire-youtube,.btn.btn-wire-youtube{background:transparent;box-shadow:none;border:2px solid rgb(253,60,1);color:#000c}button.btn-wire-youtube i.btn-match,.btn.btn-wire-youtube i.btn-match{color:#fd3c01}button.btn-wire-youtube:hover,.btn.btn-wire-youtube:hover{background:#fd3c010d;border-color:#ca3001;color:#ca3001;box-shadow:none}button.btn-wire-youtube:focus,.btn.btn-wire-youtube:focus{border-color:#972401;background:transparent}button.btn-raspbian,.btn.btn-raspbian{background:#b61240;box-shadow:0 2px #59091f}button.btn-raspbian:hover,.btn.btn-raspbian:hover{box-shadow:0 2px 0 1px #59091f inset}button.btn-raspbian:focus,.btn.btn-raspbian:focus{background:#59091f}button.btn-wire-raspbian,.btn.btn-wire-raspbian{background:transparent;box-shadow:none;border:2px solid rgb(182,18,64);color:#000c}button.btn-wire-raspbian i.btn-match,.btn.btn-wire-raspbian i.btn-match{color:#b61240}button.btn-wire-raspbian:hover,.btn.btn-wire-raspbian:hover{background:#b612400d;border-color:#880d30;color:#880d30;box-shadow:none}button.btn-wire-raspbian:focus,.btn.btn-wire-raspbian:focus{border-color:#59091f;background:transparent}button.btn-windows,.btn.btn-windows{background:#12a7e3;box-shadow:0 2px #0b6184}button.btn-windows:hover,.btn.btn-windows:hover{box-shadow:0 2px 0 1px #0b6184 inset}button.btn-windows:focus,.btn.btn-windows:focus{background:#0b6184}button.btn-wire-windows,.btn.btn-wire-windows{background:transparent;box-shadow:none;border:2px solid rgb(18,167,227);color:#000c}button.btn-wire-windows i.btn-match,.btn.btn-wire-windows i.btn-match{color:#12a7e3}button.btn-wire-windows:hover,.btn.btn-wire-windows:hover{background:#12a7e30d;border-color:#0e84b4;color:#0e84b4;box-shadow:none}button.btn-wire-windows:focus,.btn.btn-wire-windows:focus{border-color:#0b6184;background:transparent}button.btn-macos,.btn.btn-macos{background:#b3bcc2;box-shadow:0 2px #7a8a95}button.btn-macos:hover,.btn.btn-macos:hover{box-shadow:0 2px 0 1px #7a8a95 inset}button.btn-macos:focus,.btn.btn-macos:focus{background:#7a8a95}button.btn-wire-macos,.btn.btn-wire-macos{background:transparent;box-shadow:none;border:2px solid rgb(179,188,194);color:#000c}button.btn-wire-macos i.btn-match,.btn.btn-wire-macos i.btn-match{color:#b3bcc2}button.btn-wire-macos:hover,.btn.btn-wire-macos:hover{background:#b3bcc20d;border-color:#97a3ab;color:#97a3ab;box-shadow:none}button.btn-wire-macos:focus,.btn.btn-wire-macos:focus{border-color:#7a8a95;background:transparent}button.btn-debian,.btn.btn-debian{background:#cf084e;box-shadow:0 2px #6d0429}button.btn-debian:hover,.btn.btn-debian:hover{box-shadow:0 2px 0 1px #6d0429 inset}button.btn-debian:focus,.btn.btn-debian:focus{background:#6d0429}button.btn-wire-debian,.btn.btn-wire-debian{background:transparent;box-shadow:none;border:2px solid rgb(207,8,78);color:#000c}button.btn-wire-debian i.btn-match,.btn.btn-wire-debian i.btn-match{color:#cf084e}button.btn-wire-debian:hover,.btn.btn-wire-debian:hover{background:#cf084e0d;border-color:#9e063b;color:#9e063b;box-shadow:none}button.btn-wire-debian:focus,.btn.btn-wire-debian:focus{border-color:#6d0429;background:transparent}button.btn-fedora,.btn.btn-fedora{background:#52a2da;box-shadow:0 2px #236ea3}button.btn-fedora:hover,.btn.btn-fedora:hover{box-shadow:0 2px 0 1px #236ea3 inset}button.btn-fedora:focus,.btn.btn-fedora:focus{background:#236ea3}button.btn-wire-fedora,.btn.btn-wire-fedora{background:transparent;box-shadow:none;border:2px solid rgb(82,162,218);color:#000c}button.btn-wire-fedora i.btn-match,.btn.btn-wire-fedora i.btn-match{color:#52a2da}button.btn-wire-fedora:hover,.btn.btn-wire-fedora:hover{background:#52a2da0d;border-color:#2c8bcd;color:#2c8bcd;box-shadow:none}button.btn-wire-fedora:focus,.btn.btn-wire-fedora:focus{border-color:#236ea3;background:transparent}button.btn-ubuntu,.btn.btn-ubuntu{background:#d64514;box-shadow:0 2px #79270b}button.btn-ubuntu:hover,.btn.btn-ubuntu:hover{box-shadow:0 2px 0 1px #79270b inset}button.btn-ubuntu:focus,.btn.btn-ubuntu:focus{background:#79270b}button.btn-wire-ubuntu,.btn.btn-wire-ubuntu{background:transparent;box-shadow:none;border:2px solid rgb(214,69,20);color:#000c}button.btn-wire-ubuntu i.btn-match,.btn.btn-wire-ubuntu i.btn-match{color:#d64514}button.btn-wire-ubuntu:hover,.btn.btn-wire-ubuntu:hover{background:#d645140d;border-color:#a73610;color:#a73610;box-shadow:none}button.btn-wire-ubuntu:focus,.btn.btn-wire-ubuntu:focus{border-color:#79270b;background:transparent}button.btn-suse,.btn.btn-suse{background:#6fb425;box-shadow:0 2px #3b5f14}button.btn-suse:hover,.btn.btn-suse:hover{box-shadow:0 2px 0 1px #3b5f14 inset}button.btn-suse:focus,.btn.btn-suse:focus{background:#3b5f14}button.btn-wire-suse,.btn.btn-wire-suse{background:transparent;box-shadow:none;border:2px solid rgb(111,180,37);color:#000c}button.btn-wire-suse i.btn-match,.btn.btn-wire-suse i.btn-match{color:#6fb425}button.btn-wire-suse:hover,.btn.btn-wire-suse:hover{background:#6fb4250d;border-color:#558a1c;color:#558a1c;box-shadow:none}button.btn-wire-suse:focus,.btn.btn-wire-suse:focus{border-color:#3b5f14;background:transparent}button.btn-redhat,.btn.btn-redhat{background:#c60200;box-shadow:0 2px #600100}button.btn-redhat:hover,.btn.btn-redhat:hover{box-shadow:0 2px 0 1px #600100 inset}button.btn-redhat:focus,.btn.btn-redhat:focus{background:#600100}button.btn-wire-redhat,.btn.btn-wire-redhat{background:transparent;box-shadow:none;border:2px solid rgb(198,2,0);color:#000c}button.btn-wire-redhat i.btn-match,.btn.btn-wire-redhat i.btn-match{color:#c60200}button.btn-wire-redhat:hover,.btn.btn-wire-redhat:hover{background:#c602000d;border-color:#930100;color:#930100;box-shadow:none}button.btn-wire-redhat:focus,.btn.btn-wire-redhat:focus{border-color:#600100;background:transparent}button.btn-centos,.btn.btn-centos{background:#9b4c88;box-shadow:0 2px #572a4c}button.btn-centos:hover,.btn.btn-centos:hover{box-shadow:0 2px 0 1px #572a4c inset}button.btn-centos:focus,.btn.btn-centos:focus{background:#572a4c}button.btn-wire-centos,.btn.btn-wire-centos{background:transparent;box-shadow:none;border:2px solid rgb(155,76,136);color:#000c}button.btn-wire-centos i.btn-match,.btn.btn-wire-centos i.btn-match{color:#9b4c88}button.btn-wire-centos:hover,.btn.btn-wire-centos:hover{background:#9b4c880d;border-color:#793b6a;color:#793b6a;box-shadow:none}button.btn-wire-centos:focus,.btn.btn-wire-centos:focus{border-color:#572a4c;background:transparent}button.btn-other,.btn.btn-other{background:#ffa70a;box-shadow:0 2px #a36800}button.btn-other:hover,.btn.btn-other:hover{box-shadow:0 2px 0 1px #a36800 inset}button.btn-other:focus,.btn.btn-other:focus{background:#a36800}button.btn-wire-other,.btn.btn-wire-other{background:transparent;box-shadow:none;border:2px solid rgb(255,167,10);color:#000c}button.btn-wire-other i.btn-match,.btn.btn-wire-other i.btn-match{color:#ffa70a}button.btn-wire-other:hover,.btn.btn-wire-other:hover{background:#ffa70a0d;border-color:#d68900;color:#d68900;box-shadow:none}button.btn-wire-other:focus,.btn.btn-wire-other:focus{border-color:#a36800;background:transparent}button.btn-gscale0,.btn.btn-gscale0{background:#fff;box-shadow:0 2px #ccc}button.btn-gscale0:hover,.btn.btn-gscale0:hover{box-shadow:0 2px 0 1px #ccc inset}button.btn-gscale0:focus,.btn.btn-gscale0:focus{background:#ccc}button.btn-wire-gscale0,.btn.btn-wire-gscale0{background:transparent;box-shadow:none;border:2px solid #FFFFFF;color:#000c}button.btn-wire-gscale0 i.btn-match,.btn.btn-wire-gscale0 i.btn-match{color:#fff}button.btn-wire-gscale0:hover,.btn.btn-wire-gscale0:hover{background:#ffffff0d;border-color:#e6e6e6;color:#e6e6e6;box-shadow:none}button.btn-wire-gscale0:focus,.btn.btn-wire-gscale0:focus{border-color:#ccc;background:transparent}button.btn-gscaleF,.btn.btn-gscaleF{background:#000;box-shadow:0 2px #000}button.btn-gscaleF:hover,.btn.btn-gscaleF:hover{box-shadow:0 2px 0 1px #000 inset}button.btn-gscaleF:focus,.btn.btn-gscaleF:focus{background:#000}button.btn-wire-gscaleF,.btn.btn-wire-gscaleF{background:transparent;box-shadow:none;border:2px solid #000000;color:#000c}button.btn-wire-gscaleF i.btn-match,.btn.btn-wire-gscaleF i.btn-match{color:#000}button.btn-wire-gscaleF:hover,.btn.btn-wire-gscaleF:hover{background:#0000000d;border-color:#000;color:#000;box-shadow:none}button.btn-wire-gscaleF:focus,.btn.btn-wire-gscaleF:focus{border-color:#000;background:transparent}.alert.alert-warning,.alert.alert-orange{color:#e56723;background:#e5672333}.alert.alert-info{color:#027bff;background:#027bff33}.alert.alert-info-alt{color:#075cb7;background:#075cb733}.alert.alert-success,.alert.alert-success-alt{color:#11a948;background:#11a94833}.alert.alert-error{color:#ef0e5d;background:#ef0e5d33}.alert.alert-error-alt{color:#c20941;background:#c2094133}.alert.alert-danger{color:#ef0e5d;background:#ef0e5d33}.alert.alert-danger-alt{color:#c20941;background:#c2094133}.alert.alert-purple{color:#bc48ff;background:#bc48ff33}.alert.alert-purple-alt{color:#692fbd;background:#692fbd33}.alert.alert-neutral{color:#464646;background:#46464633}.alert.alert-yellow{color:#ffa70a;background:#ffa70a33}.alert.alert-white{color:#fff;background:#fff3}.alert.alert-black{color:#000;background:#0003}.alert.alert-youtube{color:#fd3c01;background:#fd3c0133}.alert.alert-raspbian{color:#b61240;background:#b6124033}.alert.alert-windows{color:#12a7e3;background:#12a7e333}.alert.alert-macos{color:#b3bcc2;background:#b3bcc233}.alert.alert-debian{color:#cf084e;background:#cf084e33}.alert.alert-fedora{color:#52a2da;background:#52a2da33}.alert.alert-ubuntu{color:#d64514;background:#d6451433}.alert.alert-suse{color:#6fb425;background:#6fb42533}.alert.alert-redhat{color:#c60200;background:#c6020033}.alert.alert-centos{color:#9b4c88;background:#9b4c8833}.alert.alert-other{color:#ffa70a;background:#ffa70a33}.alert.alert-gscale0{color:#fff;background:#fff3}.alert.alert-gscaleF{color:#000;background:#0003}@font-face{font-family:Sixtyfour;src:url(../../webfonts/Sixtyfour-Regular.ttf) format("truetype")}*{font-family:Roboto,Arial,"sans-serif";margin:0;padding:0;box-sizing:border-box}html{background-color:#fff}body,html{height:100%;font-family:Arial,sans-serif}.container{display:flex;height:100vh}.horizontal{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex:1;align-self:stretch}.horizontal.fx-end{justify-content:flex-end}.vertical{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:1;align-self:stretch}main{flex:1;display:flex;flex-direction:column}main .main-container{display:flex;flex-direction:column;flex:1;overflow:hidden;align-self:stretch}main .main-container .top-content{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;padding:10px 10px 10px 15px;background:transparent;border-bottom:1px solid #DDD}main .main-container .top-content h1{color:#000;font-weight:600;font-size:24px}main .main-container .top-content .top-actions{flex:1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}main .main-container .top-content .top-actions.align-right{justify-content:flex-end;margin-right:10px}main .main-container .top-content .top-actions .btn:first-child{margin-left:0!important}main .main-container .top-content .top-actions .btn,main .main-container .top-content .top-actions button{margin-left:10px}main .main-container .top-content .top-actions .right-actions{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;flex:1}main .main-container .bottom-content{display:flex;flex-direction:row;align-self:stretch;justify-content:flex-start;align-items:flex-start;flex:1;overflow-y:auto;background:radial-gradient(circle at 0% 53%,rgba(2,123,255,.8) 10%,transparent 45%),radial-gradient(circle at 135% 53%,rgba(2,123,255,.8) 10%,transparent 95%),radial-gradient(circle at 50% 80%,rgba(105,47,189,.8) 40%,transparent 95%)}main .main-container .bottom-content .page-content{flex:2;overflow-y:auto;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background:#fffc;padding:5px}main .main-container .bottom-content .page-content .inner{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:10px 10px 40px;background:#fff;align-self:stretch}main .main-container .bottom-content .page-content .inner h1,main .main-container .bottom-content .page-content .inner h2,main .main-container .bottom-content .page-content .inner h3,main .main-container .bottom-content .page-content .inner h4,main .main-container .bottom-content .page-content .inner h5,main .main-container .bottom-content .page-content .inner h6{color:#222}main .main-container .bottom-content .page-content .inner p{font-size:12px;line-height:18px;display:flex;margin-bottom:5px;flex-direction:row;justify-content:flex-start;align-items:center;color:#999}main .main-container .bottom-content .page-panel{flex:1;overflow-y:auto;align-self:stretch;background:#fff;border-top:none}main .main-container .bottom-content .page-panel.left-panel{border-right:1px solid #DDD;border-left:none}main .main-container .bottom-content .page-panel.left-panel.explr-explorer{flex:.5;overflow-y:auto;padding:0;background:#fff;box-shadow:1px 1px .5px .5px inset #fff3;max-width:250px}main .main-container .bottom-content .page-panel.right-panel{border-left:1px solid #DDD;border-right:none}.invisible{visibility:hidden!important}.hidden{display:none!important}.tac{text-align:center!important}.tar{text-align:right!important}a{text-decoration:none}.normal{font-weight:400!important}.bold{font-weight:700!important}.col{display:flex;flex:1;flex-direction:column;align-self:stretch}main .context-bar{padding:10px;position:sticky;top:0;z-index:1000;max-height:80px;border-bottom:1px solid #DDD;display:flex;flex-direction:row;align-items:center}main .context-bar .context-menu{flex:1}main .context-bar .context-menu .inner{display:flex}main .context-bar .context-menu .inner ul.pills{margin:0}main .context-bar .context-divider{width:1px;height:100%;background:#ddd;margin-left:20px;margin-right:20px}main .context-bar .context-tail{margin-right:30px}main .context-bar .context-tail .btn{margin-right:0}main .context-bar .context-tail-auth{margin-right:10px}main .context-bar .context-tail-auth .btn{margin-right:0}main .context-bar .context-user{display:flex;margin-right:20px}main .context-bar .context-user .trigger{color:#000}main .context-bar .context-user .trigger .avatar{width:32px;height:32px;border-radius:4px;background:#555;margin-right:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;font-weight:700;font-size:14px;border:1px solid #BBB;color:#fff}main .context-bar .context-user .trigger i{margin-top:-5px;margin-left:10px}menu{width:300px;background:#fff;overflow-y:auto;overflow-x:visible;padding:20px;z-index:2000;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-right:1px solid #DDD;min-width:64px}menu h1.logo{margin:40px 0 0 10px;align-self:stretch;display:flex}menu h1.logo a{flex:1;align-self:stretch;display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative}menu h1.logo a span{text-align:center;text-shadow:0px 0 0 rgb(255,255,255),0px 2px 0 #BBB,0 0px 0 rgb(17,169,72),-0px 0 0 rgb(2,123,255),0 -0px 0 rgb(239,14,93);text-decoration:none;background:linear-gradient(90deg,#a0a0a0 0,#bebebe 46%,#dcdcdc);-webkit-background-clip:text;color:transparent;transition:all .55s cubic-bezier(.19,1,.22,1);padding-right:3px;font-size:20px;text-transform:uppercase;color:#fff;font-family:Sixtyfour,Work Sans,Arial,"sans-serif";flex:1;align-self:stretch;display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative}menu h1.logo a img{flex-shrink:0;width:30px;margin-right:10px;position:absolute;left:5px;transition:all .55s cubic-bezier(.19,1,.22,1)}menu h1.logo a img.after{opacity:0}menu.uncollapsed:hover h1.logo a span{text-align:center;text-shadow:3px 0 0 rgb(255,255,255),3px 2px 0 #BBB,0 3px 0 rgb(17,169,72),-3px 0 0 rgb(2,123,255),0 -3px 0 rgb(239,14,93);text-decoration:none;background:linear-gradient(90deg,#a0a0a0 0,#bebebe 46%,#dcdcdc);-webkit-background-clip:text;color:transparent}menu.uncollapsed:hover h1.logo a img.before{opacity:0}menu.uncollapsed:hover h1.logo a img.after{animation-duration:.2s;animation-name:logotouch}menu nav{display:flex;align-self:stretch;flex:1}menu nav ul{margin:60px 0 20px;flex:1;align-self:flex-start;display:flex;flex-direction:column;list-style:none}menu nav ul li{align-self:stretch;overflow:hidden;position:relative;transition:all .55s cubic-bezier(.19,1,.22,1);margin:10px 0;border-radius:4px}menu nav ul li a{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;flex:1;padding-top:5px;padding-bottom:5px;padding-left:10px}menu nav ul li a span{color:#000000e6;font-size:16px;flex:1}menu nav ul li a i{color:#000;opacity:.2;background:transparent;display:flex;justify-content:center;align-items:center;align-self:stretch;padding:10px;width:40px;border-radius:4px;text-align:center;margin-right:20px}menu nav ul li.active a{color:#027bff;font-weight:700}menu nav ul li.active a i{opacity:1;color:#fff;background:#000000e6;background:#027bff}menu nav ul li:hover{background:#027bff}menu nav ul li:hover a{color:#fff;font-weight:700}menu nav ul li:hover a i{color:#fff;opacity:1}menu footer{background:#00000003;padding:20px 0;display:flex;flex-direction:row;align-self:stretch;text-align:center;justify-content:center}menu footer p{color:#bbb}menu footer p.version a{color:#888;font-weight:700}menu footer p.version a span{color:#888;font-weight:700}menu.collapsed{width:60px;min-width:initial;padding-left:10px;padding-right:10px}menu.collapsed h1.logo{margin:40px 0 0}menu.collapsed h1.logo img.before{margin:0}menu.collapsed h1.logo img.after,menu.collapsed h1.logo span{display:none}menu.collapsed nav ul li a{padding-left:0}menu.collapsed nav ul li a span{display:none}menu.collapsed nav ul li a i{margin:0}menu.collapsed footer{padding:5px 0;background:#00000008;border-radius:4px}menu.collapsed footer p.version>span{display:none}menu.collapsed footer p.version a{display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:center}menu.collapsed footer p.version a span{font-size:10px;margin-top:5px}.dropdown{position:relative;display:flex;align-self:stretch}.dropdown.dropdown-show ul.dropdown-menu{display:flex;flex-direction:column}.dropdown .trigger{cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;flex:1}.dropdown ul.dropdown-menu{position:absolute;top:100%;left:0;display:none;background-color:#ddd;box-shadow:0 8px 16px #fff3;z-index:1000;list-style-type:none;margin:0;overflow:hidden;border-radius:4px}.dropdown ul.dropdown-menu li{padding:8px 16px;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;transition:all .55s cubic-bezier(.19,1,.22,1)}.dropdown ul.dropdown-menu li.danger:hover{background-color:#ef0e5d}.dropdown ul.dropdown-menu li:hover{background-color:#027bff}.dropdown ul.dropdown-menu li a{padding:8px 16px 8px 8px;color:#000;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch}.dropdown ul.dropdown-menu li a i{margin-right:15px}@keyframes logotouch{0%{opacity:0}50%{opacity:1}to{opacity:0;left:27px}}@keyframes shakednd{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}@keyframes blinkfade{0%{opacity:1}50%{opacity:0}to{opacity:1}}button,.btn{position:relative;padding:10px 10px 8px;font-size:14px;color:#fff;cursor:pointer;border:none;border-radius:4px;background:#027bff;box-shadow:0 2px #004a9b;font-weight:700;letter-spacing:-.5px;margin-top:-2px;min-width:38px;min-height:34px;text-align:center;justify-content:center}button i.icon-left,.btn i.icon-left{margin-right:5px}button:hover,.btn:hover{box-shadow:0 2px 0 1px #004a9b inset;color:#fffc}button:focus,.btn:focus{background:#004a9b;color:#ffffff80;box-shadow:none}button.btn-pixel,.btn.btn-pixel{background:#333;border:1px solid transparent;transition:all .55s cubic-bezier(.19,1,.22,1);text-transform:uppercase;font-size:12px;box-shadow:4px 0 #fff,0 4px #11a948,-4px 0 #027bff,0 -4px #ef0e5d;color:#ddd;overflow:hidden}button.btn-pixel:hover,.btn.btn-pixel:hover{box-shadow:6px 0 #fff,0 6px #11a948,-6px 0 #027bff,0 -6px #ef0e5d;text-align:center;text-shadow:4px 0 0 rgb(255,255,255),4px 2px 0 #BBB,0 4px 0 rgb(17,169,72),-4px 0 0 rgb(2,123,255),0 -4px 0 rgb(239,14,93);text-decoration:none;background:linear-gradient(90deg,#a0a0a0 0,#bebebe 46%,#dcdcdc);-webkit-background-clip:text;color:transparent}button.btn-neutral,.btn.btn-neutral{color:#fff;background:#aaa;box-shadow:0 2px #919191;border:1px solid transparent}button.btn-neutral.active,button.btn-neutral:hover,.btn.btn-neutral.active,.btn.btn-neutral:hover{box-shadow:0 2px 0 1px #222 inset;background:#919191}button .btn-wire-neutral,.btn .btn-wire-neutral{background:transparent;border:2px solid #AAA;color:#fffc;box-shadow:none}button .btn-wire-neutral:hover,.btn .btn-wire-neutral:hover{background:#aaaaaa0d;border-color:#919191;color:#919191;box-shadow:none}button .btn-wire-neutral:focus,.btn .btn-wire-neutral:focus{border-color:#777;background:transparent}button.btn-naked,.btn.btn-naked{background:transparent;box-shadow:none;border:1px solid transparent;color:#000}button.btn-naked:hover,.btn.btn-naked:hover{box-shadow:0 2px 0 1px #222 inset;background:#919191;color:#fff}button.btn-naked:focus,.btn.btn-naked:focus{background:#777;border:1px solid #555}button i.main,.btn i.main{font-size:18px}button sup,button sub,.btn sup,.btn sub{position:absolute;top:-4px;right:-4px;background:#888;border-bottom:2px solid #AAA;color:red;border-radius:4px;width:16px;height:16px;text-align:center;display:flex;justify-content:center;align-items:center;padding-top:2px;padding-bottom:1px}button sup i,button sub i,.btn sup i,.btn sub i{color:#fff;font-size:10px}button.btn-double-icon,.btn.btn-double-icon{margin-right:5px}button.disabled,.btn.disabled{cursor:default}.alert{padding:20px;align-self:stretch;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px}.alert i{margin-right:13px}.alert a{color:inherit;margin-left:4px;margin-right:4px;text-decoration:underline}ul.explr-tree{height:100%!important}ul.explr-tree ul{padding-top:0!important}ul.explr-tree li{position:relative}ul.explr-tree li span{color:#aaa;font-size:13px;padding-left:5px;cursor:pointer}ul.explr-tree li span.explr-plus,ul.explr-tree li span.explr-minus{z-index:1}ul.explr-tree li span.explr-plus:hover,ul.explr-tree li span.explr-minus:hover{color:#555}ul.explr-tree li i.main{font-size:14px}ul.explr-tree li sup,ul.explr-tree li sub{position:absolute;top:0;left:5px;background:#888;border-bottom:2px solid #AAA;border-radius:4px;text-align:center;display:flex;justify-content:center;align-items:center;padding-top:2px;padding-bottom:1px}ul.explr-tree li sup i,ul.explr-tree li sub i{color:#fff;font-size:4px!important;margin-bottom:0}ul.explr-tree li a{color:#000;padding-right:80px;margin-top:2px}ul.explr-tree li a:hover{color:#000}ul.explr-tree li a.active{background:#0000001a;border-radius:4px;font-weight:700;text-decoration:underline;margin-left:35px;padding-left:5px;margin-right:10px}.explr-multiselection-actions,.explr-selection-actions{display:none;flex-direction:row;justify-content:flex-end;align-items:center;flex:1}.explr-multiselection-actions button,.explr-selection-actions button{display:none}body.explr-selection-actionable .explr-selection-actions,body.explr-selection-actionable.explr-selection-folder .explr-selection-actions button.explr-selection-folder,body.explr-selection-actionable.explr-selection-entity .explr-selection-actions button.explr-selection-entity,body.explr-multiselection-actionable .explr-multiselection-actions,body.explr-multiselection-actionable.explr-multiselection-folder .explr-multiselection-actions button.explr-multiselection-folder,body.explr-multiselection-actionable.explr-multiselection-entity .explr-multiselection-actions button.explr-multiselection-entity{display:flex}.selectable-zone{flex:1;align-self:stretch;border:1px solid transparent}ul.explr-dirview{display:flex;flex-direction:row;flex-wrap:wrap}ul.explr-dirview li{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-shrink:0;margin:10px;min-width:100px;min-height:130px;padding-top:5px;border:1px solid transparent;border-radius:4px}ul.explr-dirview li.renaming a span{display:none}ul.explr-dirview li.renaming a form{display:block}ul.explr-dirview li.highlight-drop{border:1px dotted rgba(2,123,255,.4);background:#027bff4d}ul.explr-dirview li.highlight-clicked{border:1px dotted rgba(0,0,0,.2);background:#0000001a}ul.explr-dirview li a{color:#444;text-decoration:none;flex:1;text-align:center;font-size:12px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;max-width:84px;min-width:84px;position:relative;word-break:break-all}ul.explr-dirview li a.with-thumbnail .img-holder{width:64px;height:64px;background:#000;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;margin-bottom:12px}ul.explr-dirview li a.with-thumbnail .img-holder img{max-height:100%;max-width:100%}ul.explr-dirview li a.with-thumbnail i{font-size:24px;position:absolute;top:-4px;left:-4px;text-shadow:0 .5px .5px #888}ul.explr-dirview li a i{font-size:64px;margin-bottom:12px;border-radius:8px}ul.explr-dirview li a sup,ul.explr-dirview li a sub{position:absolute;top:-2px;right:0;background:#888;border-bottom:2px solid #AAA;border-radius:4px;width:16px;height:16px;text-align:center;display:flex;justify-content:center;align-items:center;padding-top:2px;padding-bottom:1px}ul.explr-dirview li a sup i,ul.explr-dirview li a sub i{color:#fff;font-size:10px;margin-bottom:0}ul.explr-dirview li a input{width:100%;padding:0 3px}ul.explr-dirview li a input:focus{outline:none}ul.explr-dirview li a:hover{opacity:.8}ul.explr-dirview li a form{display:none}ul.explr-dirview li.new-folder a{color:#027bff}ul.explr-dirview li.new-folder a form{display:block}ul.explr-dirview .ui-draggable-dragging{z-index:20}ul.explr-dirview .ui-draggable-dragging a{opacity:1!important}.modal-explr-picker h2{margin-top:0}.modal-explr-picker .explr-tree{width:400px;max-width:400px;max-height:300px;overflow:auto;background:#ddd;padding:10px 20px;border-radius:4px;margin-top:15px}.content-explr-picker{cursor:pointer}.selection-rectangle{position:absolute;border:1px solid rgb(0,153,255);background-color:#0099ff1a;pointer-events:none;z-index:1000}ul.pills{background:#ddd;padding:6px 4px 5px;box-shadow:1px 1px .5px .5px inset #fff3;border:1px solid #DDD;border-radius:4px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;list-style:none;margin:0}ul.pills li.divider{margin:0 20px;width:1px;height:100%;background:#ccc}ul.pills li:hover a{opacity:.9}ul.pills li a{border-radius:4px;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#000;overflow:hidden;padding-right:30px;text-align:center;background:#fff3;margin-right:5px;transition:all .25s cubic-bezier(.19,1,.22,1)}ul.pills li a span{display:flex;justify-content:center;align-items:center;margin-right:20px;height:42px;background:#fff3;width:42px}ul.pills li.active a{color:#ccc;background:#333;font-weight:700}ul.pills li:hover a{color:#fff;background:#027bff}ul.pills li:last-child a{margin-right:0}.breadcrumb-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;border-bottom:1px solid #DDD;background:transparent;padding:10px}.breadcrumb-container ul.breadcrumb{background:#ddd;padding:6px 4px 5px;box-shadow:1px 1px .5px .5px inset #fff3;border:1px solid #DDD;border-radius:4px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;list-style:none;margin:0;overflow-x:auto;max-width:65vw;white-space:nowrap}.breadcrumb-container ul.breadcrumb li{display:inline-block}.breadcrumb-container ul.breadcrumb li.divider{margin:0 5px}.breadcrumb-container ul.breadcrumb li.divider i{color:#555}.breadcrumb-container ul.breadcrumb li span,.breadcrumb-container ul.breadcrumb li a{border-radius:4px;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#000;text-align:center;padding:0 3px}.breadcrumb-container ul.breadcrumb li span i,.breadcrumb-container ul.breadcrumb li a i{margin-right:5px}.breadcrumb-container ul.breadcrumb li:hover a{color:#000;background:#027bff}.breadcrumb-container ul.breadcrumb li:last-child a{margin-right:0}.pickers,.modals{position:fixed;background:#0006;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10000}.pickers.pickers .modals-outer .modals-inner .modal h2,.modals.pickers .modals-outer .modals-inner .modal h2{font-size:14px;line-height:18px;display:flex;margin-bottom:5px;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#999}.pickers .modals-outer,.modals .modals-outer{min-width:464px;max-width:464px;display:flex;flex-direction:column;overflow:auto;padding-bottom:2px}.pickers .modals-outer .modals-inner,.modals .modals-outer .modals-inner{background:#fff;border-radius:10px;color:#fff;padding:40px;box-shadow:0 2px #ddd;border:1px solid #DDD}.pickers .modals-outer .modals-inner .modal h2,.modals .modals-outer .modals-inner .modal h2{padding:0;margin:0 0 30px;font-weight:400;color:#666}.pickers .modals-outer .modals-inner .modal h3,.modals .modals-outer .modals-inner .modal h3{align-self:stretch;margin:0 0 10px;font-size:14px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#000;padding-bottom:10px;text-decoration:none}.pickers .modals-outer .modals-inner .modal h3.divide,.modals .modals-outer .modals-inner .modal h3.divide{border-top:1px solid #DDD;margin-top:20px;padding-top:20px}.toast{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#ccc;color:#000;text-align:center;border-radius:4px;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px;font-size:17px;border:2px dashed #DDD}.toast.show{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s}@-webkit-keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}body.dragover .shakeondrag{animation:shakednd .1s linear alternate infinite}.btn-super-upload-busy,.btn-super-upload{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-left:10px;position:relative}.btn-super-upload-busy.btn-super-upload-busy,.btn-super-upload.btn-super-upload-busy{border:none!important}.btn-super-upload-busy .unprogress,.btn-super-upload .unprogress{display:block}.btn-super-upload-busy .progress,.btn-super-upload .progress{display:none;width:200px;height:10px;background:#999;border-radius:4px;flex-direction:row;justify-content:flex-start;align-items:center}.btn-super-upload-busy .progress .progress-bar,.btn-super-upload .progress .progress-bar{border-radius:4px;background-color:#027bff;height:100%}.btn-super-upload-busy .progress .percent,.btn-super-upload .progress .percent{display:flex;justify-content:center;align-items:center;position:absolute;left:0;right:0;bottom:0;top:2px;font-size:15px;color:#fff;text-shadow:0 0 2px rgb(0,0,0)}.btn-super-upload-busy.uploading .progress,.btn-super-upload.uploading .progress{display:block}.btn-super-upload-busy.uploading .unprogress,.btn-super-upload.uploading .unprogress{display:none}@keyframes blink{50%{opacity:0}}.cfx-blink{animation:1.5s linear infinite blink}.cfx-ffff-speed{animation-delay:.1s}.cfx-fff-speed{animation-delay:.3s}.cfx-ff-speed{animation-delay:.5s}.cfx-f-speed{animation-delay:.8s}.cfx-m-speed{animation-delay:1s}.cfx-s-speed{animation-delay:1.3s}.cfx-ss-speed{animation-delay:1.5s}.cfx-sss-speed{animation-delay:1.8s}.cfx-ssss-speed{animation-delay:2s}.cfx-sssss-speed{animation-delay:3s}.panes{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch}.panes .pane-section,.panes tbody{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;margin:1px 1px 28px;background:#fff;border-radius:4px;border:4px solid rgba(0,0,0,.05)}.panes .pane-section:hover,.panes tbody:hover,.panes .pane-section:hover tr.title-item,.panes tbody:hover tr.title-item{border-color:#027bff0d}.panes .pane-section .pane-item,.panes .pane-section tr,.panes tbody .pane-item,.panes tbody tr{flex:1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;padding:8px 18px;background:#ddd}.panes .pane-section .pane-item:nth-child(odd),.panes .pane-section tr:nth-child(odd),.panes tbody .pane-item:nth-child(odd),.panes tbody tr:nth-child(odd){background-color:#eee}.panes .pane-section .pane-item:nth-child(odd) td.description,.panes .pane-section tr:nth-child(odd) td.description,.panes tbody .pane-item:nth-child(odd) td.description,.panes tbody tr:nth-child(odd) td.description{color:#000000b3}.panes .pane-section .pane-item:nth-child(2n),.panes .pane-section tr:nth-child(2n),.panes tbody .pane-item:nth-child(2n),.panes tbody tr:nth-child(2n){background-color:#e4e4e4}.panes .pane-section .pane-item .pane-cell,.panes .pane-section .pane-item td,.panes .pane-section tr .pane-cell,.panes .pane-section tr td,.panes tbody .pane-item .pane-cell,.panes tbody .pane-item td,.panes tbody tr .pane-cell,.panes tbody tr td{color:#777;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex:1;font-size:14px}.panes .pane-section .pane-item .pane-cell.vertical,.panes .pane-section .pane-item td.vertical,.panes .pane-section tr .pane-cell.vertical,.panes .pane-section tr td.vertical,.panes tbody .pane-item .pane-cell.vertical,.panes tbody .pane-item td.vertical,.panes tbody tr .pane-cell.vertical,.panes tbody tr td.vertical{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.panes .pane-section .pane-item .pane-cell.description,.panes .pane-section .pane-item td.description,.panes .pane-section tr .pane-cell.description,.panes .pane-section tr td.description,.panes tbody .pane-item .pane-cell.description,.panes tbody .pane-item td.description,.panes tbody tr .pane-cell.description,.panes tbody tr td.description{align-self:stretch}.panes .pane-section .pane-item .pane-cell.value,.panes .pane-section .pane-item td.value,.panes .pane-section tr .pane-cell.value,.panes .pane-section tr td.value,.panes tbody .pane-item .pane-cell.value,.panes tbody .pane-item td.value,.panes tbody tr .pane-cell.value,.panes tbody tr td.value{flex:0;margin-left:20px;word-break:break-all;flex-basis:auto}.panes .pane-section .pane-item .pane-cell.value i.icon-legend,.panes .pane-section .pane-item td.value i.icon-legend,.panes .pane-section tr .pane-cell.value i.icon-legend,.panes .pane-section tr td.value i.icon-legend,.panes tbody .pane-item .pane-cell.value i.icon-legend,.panes tbody .pane-item td.value i.icon-legend,.panes tbody tr .pane-cell.value i.icon-legend,.panes tbody tr td.value i.icon-legend{font-size:10px;margin-right:10px}.panes .pane-section .pane-item .pane-cell.value i.icon-value,.panes .pane-section .pane-item td.value i.icon-value,.panes .pane-section tr .pane-cell.value i.icon-value,.panes .pane-section tr td.value i.icon-value,.panes tbody .pane-item .pane-cell.value i.icon-value,.panes tbody .pane-item td.value i.icon-value,.panes tbody tr .pane-cell.value i.icon-value,.panes tbody tr td.value i.icon-value{padding:2px 2px 1px;border-radius:2px;width:16px;text-align:center}.panes .pane-section .pane-item.title-item,.panes .pane-section tr.title-item,.panes tbody .pane-item.title-item,.panes tbody tr.title-item{border-bottom:1px solid #DDD}.panes .pane-section .pane-item.title-item td,.panes .pane-section tr.title-item td,.panes tbody .pane-item.title-item td,.panes tbody tr.title-item td{color:#027bffe6;font-size:16px;font-weight:700}.panes .pane-section .pane-item.title-item td i,.panes .pane-section tr.title-item td i,.panes tbody .pane-item.title-item td i,.panes tbody tr.title-item td i{margin-right:10px}.panes .pane-section .pane-item.title-item td .more,.panes .pane-section tr.title-item td .more,.panes tbody .pane-item.title-item td .more,.panes tbody tr.title-item td .more{flex:1;text-align:right;font-size:12px;color:#777;font-weight:400;font-style:italic}.panes .pane-section .pane-item.variable-item,.panes .pane-section tr.variable-item,.panes tbody .pane-item.variable-item,.panes tbody tr.variable-item{cursor:pointer}.panes .pane-section .pane-item.variable-item:hover,.panes .pane-section tr.variable-item:hover,.panes tbody .pane-item.variable-item:hover,.panes tbody tr.variable-item:hover{background-color:#027bff0d}.panes .pane-section .pane-item.variable-item:hover td,.panes .pane-section tr.variable-item:hover td,.panes tbody .pane-item.variable-item:hover td,.panes tbody tr.variable-item:hover td{font-weight:700;color:#000}.panes .pane-section .pane-item.variable-item:hover td i.icon-legend,.panes .pane-section tr.variable-item:hover td i.icon-legend,.panes tbody .pane-item.variable-item:hover td i.icon-legend,.panes tbody tr.variable-item:hover td i.icon-legend{color:#000}.panes .pane-section .pane-item.variable-item:hover td span,.panes .pane-section .pane-item.variable-item:hover td i.icon-value,.panes .pane-section tr.variable-item:hover td span,.panes .pane-section tr.variable-item:hover td i.icon-value,.panes tbody .pane-item.variable-item:hover td span,.panes tbody .pane-item.variable-item:hover td i.icon-value,.panes tbody tr.variable-item:hover td span,.panes tbody tr.variable-item:hover td i.icon-value{background-color:#0000004d;color:#000}.panes .pane-section .pane-item.variable-item:hover td.description,.panes .pane-section tr.variable-item:hover td.description,.panes tbody .pane-item.variable-item:hover td.description,.panes tbody tr.variable-item:hover td.description{color:#027bff}.panes .pane-section .pane-item.highlighted:hover,.panes .pane-section .pane-item.highlighted,.panes .pane-section tr.highlighted:hover,.panes .pane-section tr.highlighted,.panes tbody .pane-item.highlighted:hover,.panes tbody .pane-item.highlighted,.panes tbody tr.highlighted:hover,.panes tbody tr.highlighted{background-color:#027bff}.panes .pane-section .pane-item.highlighted:hover td,.panes .pane-section .pane-item.highlighted td,.panes .pane-section tr.highlighted:hover td,.panes .pane-section tr.highlighted td,.panes tbody .pane-item.highlighted:hover td,.panes tbody .pane-item.highlighted td,.panes tbody tr.highlighted:hover td,.panes tbody tr.highlighted td{font-weight:700;color:#000}.panes .pane-section .pane-item.highlighted:hover td i.icon-legend,.panes .pane-section .pane-item.highlighted td i.icon-legend,.panes .pane-section tr.highlighted:hover td i.icon-legend,.panes .pane-section tr.highlighted td i.icon-legend,.panes tbody .pane-item.highlighted:hover td i.icon-legend,.panes tbody .pane-item.highlighted td i.icon-legend,.panes tbody tr.highlighted:hover td i.icon-legend,.panes tbody tr.highlighted td i.icon-legend{color:#000}.panes .pane-section .pane-item.highlighted:hover td span,.panes .pane-section .pane-item.highlighted:hover td i.icon-value,.panes .pane-section .pane-item.highlighted td span,.panes .pane-section .pane-item.highlighted td i.icon-value,.panes .pane-section tr.highlighted:hover td span,.panes .pane-section tr.highlighted:hover td i.icon-value,.panes .pane-section tr.highlighted td span,.panes .pane-section tr.highlighted td i.icon-value,.panes tbody .pane-item.highlighted:hover td span,.panes tbody .pane-item.highlighted:hover td i.icon-value,.panes tbody .pane-item.highlighted td span,.panes tbody .pane-item.highlighted td i.icon-value,.panes tbody tr.highlighted:hover td span,.panes tbody tr.highlighted:hover td i.icon-value,.panes tbody tr.highlighted td span,.panes tbody tr.highlighted td i.icon-value{background-color:#0000004d;color:#000}.panes .pane-section .pane-item.highlighted:hover td.description,.panes .pane-section .pane-item.highlighted td.description,.panes .pane-section tr.highlighted:hover td.description,.panes .pane-section tr.highlighted td.description,.panes tbody .pane-item.highlighted:hover td.description,.panes tbody .pane-item.highlighted td.description,.panes tbody tr.highlighted:hover td.description,.panes tbody tr.highlighted td.description{color:#fff}.tiles{flex:1;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;align-self:stretch}.tiles .tiles-inner{display:flex;flex:1;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;align-self:stretch;padding:2px}.tiles .tiles-inner .tile-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#000;margin:1px;padding:15px 10px 15px 15px;border-radius:4px;border-bottom:2px solid transparent}.tiles .tiles-inner .tile-item:hover,.tiles .tiles-inner .tile-item.active{border-left:4px solid rgb(2,123,255);border-radius:4px;border-bottom:2px solid #E7E7E7;background:#ddd;color:#027bff}.tiles .tiles-inner .tile-item:hover:hover,.tiles .tiles-inner .tile-item.active:hover{opacity:1}.tiles .tiles-inner .tile-item:hover.disabled,.tiles .tiles-inner .tile-item.active.disabled{border-left-color:#bbb;color:#000}.tiles .tiles-inner .tile-item:hover.starred,.tiles .tiles-inner .tile-item.active.starred{border-left-color:#ffa70a;color:#ffa70a}.tiles .tiles-inner .tile-item:hover.starred .tile-tail .head-icon i,.tiles .tiles-inner .tile-item.active.starred .tile-tail .head-icon i{opacity:1;color:#ffa70a;font-size:8px}.tiles .tiles-inner .tile-item.starred .tile-tail .head-icon i{font-size:8px;color:#ffa70a}.tiles .tiles-inner .tile-item.disabled .tile-body{opacity:.3}.tiles .tiles-inner .tile-item.disabled .tile-tail .head-icon i{color:#bbb;opacity:.4}.tiles .tiles-inner .tile-item .tile-tail{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;align-self:stretch;margin-left:10px;min-width:10px}.tiles .tiles-inner .tile-item .tile-tail .head-icon{flex:1;display:flex;text-align:right;flex-direction:row;justify-content:center;align-items:center;align-self:stretch}.tiles .tiles-inner .tile-item .tile-tail .head-icon i{font-size:6px;display:flex}.tiles .tiles-inner .tile-item .tile-tail .status-icons{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.tiles .tiles-inner .tile-item .tile-tail .status-icons i{font-size:16px;margin-left:10px}.tiles .tiles-inner .tile-item .tile-body{flex:1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:15px;font-weight:400;letter-spacing:.8px;line-height:22px;margin:0;flex-wrap:nowrap}.tiles .tiles-inner .tile-item .tile-body i{font-size:8px;margin-right:5px}.tiles .tiles-inner .tile-item .tile-metrics{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin:0}.tiles .tiles-inner .tile-item .tile-metrics .foot-span span,.tiles .tiles-inner .tile-item .tile-metrics .foot-span{opacity:.8;font-size:13px;font-family:Courier New}span.empty{background:#ffa70a4d;color:#ffa70a;text-transform:lowercase;border-radius:2px;padding:2px 4px;font-weight:700}.inner-empty{display:flex;flex:1;flex-direction:column;align-self:stretch;justify-content:center;align-items:center}.inner-empty i{font-size:90px;opacity:.3;text-shadow:0 -1px #CCC,0 0px .5px #BBB}.toggle{position:relative;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.toggle input{display:none}.toggle input:checked+label{background:#027bff;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 2px #222 inset}.toggle input:checked+label:after{content:"";display:block;border-radius:50%;margin-left:21px;width:18px;height:18px;transition:.2s;background:#9bcbff;box-shadow:0 2px #0063ce}.toggle label{width:44px;height:26px;border-radius:15px;background:#ddd;cursor:pointer;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 2px #111 inset}.toggle label:after{content:"";display:block;border-radius:50%;width:18px;height:18px;margin:3px;background:#888;box-shadow:0 2px #555555e6;transition:.2s}.badge-inset{display:inline;color:#555;font-size:12px;margin-left:5px;background:#fff;border:1px solid #CCC;border-radius:4px;padding:3px 7px}.iframe-preview-holder{display:flex;flex-direction:column;position:relative;overflow:hidden;background:#000;flex:1;width:100%;padding-top:56.25%;border-radius:4px;outline:4px solid rgba(0,0,0,.1)}.iframe-preview-holder .controls,.iframe-preview-holder iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.iframe-preview-holder .controls{display:flex;flex-direction:row;justify-content:center;align-items:center}.iframe-preview-holder.playing .controls{display:none}.iframe-preview-holder.playing:hover .controls{display:flex;z-index:1000}.form-holder,form{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch}form .alert{padding:8px 15px;font-size:14px;margin:0 0 25px}.from-group-condition{flex-direction:column;align-self:stretch;justify-content:flex-start;align-items:flex-start;display:flex}.form-group{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;width:100%;flex:1;margin-bottom:20px}.form-group label{flex:1;font-size:12px;line-height:18px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#999}.form-group label.btn-upload{color:#000;font-size:14px;flex:0;flex-basis:auto;margin-top:5px}.form-group label.btn-upload input[type=file]{display:none}.form-group label.btn-upload input[type=text]{margin-bottom:2px;margin-left:10px}.form-group label.btn-upload span.btn{padding-right:20px}.form-group label.btn-upload i{margin-left:3px;margin-right:10px}.form-group .checkbox-group,.form-group .radio-group{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.form-group .checkbox-group input,.form-group .radio-group input{display:none}.form-group .checkbox-group label,.form-group .radio-group label{margin:0 5px 0 0!important;justify-content:center!important;text-align:center}.form-group .widget{margin-top:10px;align-self:stretch;display:flex;flex-direction:row}.form-group .widget.vertical{flex-direction:column}.form-group .widget.vertical select,.form-group .widget.vertical input{align-self:stretch}.form-group .widget.vertical select:first-child,.form-group .widget.vertical input:first-child{margin-bottom:10px}.form-group .widget input+.btn+.btn{margin-left:10px}.form-group .widget.widget-unit select,.form-group .widget.widget-unit input{flex-grow:0;background:none;box-shadow:none;border:none;border-bottom:1px solid #CCC;border-radius:0;max-width:80px;padding-left:0;color:#000;text-align:center}.form-group .widget.widget-unit span{font-size:12px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-left:5px;color:#aaa}.form-group .widget select.size-m,.form-group .widget input.size-m{max-width:122px}.form-group .widget select.color-picker,.form-group .widget input.color-picker{max-width:125px}.form-group .widget select.chars-4,.form-group .widget input.chars-4{max-width:50px}.form-group .widget select.chars-3,.form-group .widget input.chars-3{max-width:40px}.form-group .widget select.chars-2,.form-group .widget input.chars-2{max-width:20px}.form-group .widget select.chars-1,.form-group .widget input.chars-1{max-width:15px}.form-group .widget div{color:#000000b3;font-size:14px}.form-group .widget select,.form-group .widget input,.form-group .widget textarea{outline:none;padding:8px 0 5px 8px;border-radius:2px;border:1px solid rgba(0,0,0,.05);flex:1;background:#aaa;box-shadow:0 2px 1px #bbb,0 4px 2px #ccc inset;color:#222;font-size:14px}.form-group .widget select.pad-right,.form-group .widget input.pad-right,.form-group .widget textarea.pad-right{padding-right:8px}.form-group .widget select.input-naked,.form-group .widget select.disabled,.form-group .widget select[disabled],.form-group .widget input.input-naked,.form-group .widget input.disabled,.form-group .widget input[disabled],.form-group .widget textarea.input-naked,.form-group .widget textarea.disabled,.form-group .widget textarea[disabled]{color:#aaa;background:none;box-shadow:none;border-radius:0}.form-group .widget select.input-naked,.form-group .widget input.input-naked,.form-group .widget textarea.input-naked{color:#444}.form-group .widget select.disabled,.form-group .widget select[disabled],.form-group .widget input.disabled,.form-group .widget input[disabled],.form-group .widget textarea.disabled,.form-group .widget textarea[disabled]{background:#fff;border-radius:4px}.form-group.tab-select{border-bottom:1px solid #BBB;display:flex;flex-direction:row;position:relative;height:48px;padding:48px 0 0;flex:0;flex-basis:auto}.form-group.tab-select .widget{height:49px;margin-top:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:absolute;top:0;left:0;border-bottom:2px solid rgb(2,123,255);color:#027bff}.form-group.tab-select .widget select{border:none;background:none;box-shadow:none;padding:10px 35px 10px 10px;margin:0;color:inherit;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-align:left;font-weight:700;cursor:pointer;border-radius:4px 4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;z-index:2}.form-group.tab-select .widget i{margin-left:10px;margin-right:0}.form-group.tab-select .widget i.triangle{margin-top:-4px;margin-left:0;position:absolute;right:10px}.form-group.form-group-horizontal{margin:10px 0 20px;flex-direction:row;justify-content:flex-start;align-items:center}.form-group.form-group-horizontal .widget{margin:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.actions{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;align-self:stretch;margin:20px 0 0}.actions.actions-intermediate{margin:0}.actions button{margin-left:25px}.actions.actions-left{justify-content:flex-start}.actions.actions-left .btn{margin-left:0;margin-right:25px}.actions.actions-right{justify-content:flex-end}.actions.actions-right .btn{margin-left:10px;margin-right:0}.actions.actions-center{justify-content:center}.actions.actions-center .btn{margin-left:0;margin-right:0}.view-content-list main .main-container .page-content .inner{padding-bottom:10px}.view-content-list main .main-container .content-object-input{margin-bottom:6px}.view-content-list.dragover main .main-container .inner .dropzone{border-radius:4px;background:#0000001a;border:1px dashed rgba(0,0,0,.5)}.view-content-edit main .main-container .top-content h3{color:#000;padding:10px 10px 10px 0;font-size:16px;align-self:stretch;flex:1;text-align:right}.view-content-edit main .main-container .top-content h3 span{border-width:1px;border-style:solid;border-radius:4px;padding:4px 10px;margin-left:5px}.view-content-edit main .main-container .top-content h3 i{font-size:16px}.view-content-edit main .main-container .bottom-content .page-content{flex:1}.view-content-edit main .main-container .bottom-content .page-content .form-holder{margin:20px 20px 20px 10px;flex:1}.view-content-edit main .main-container .bottom-content .page-panel.right-panel{flex:2;align-self:stretch;display:flex;flex-direction:column;overflow:auto;justify-content:flex-start;align-items:center;padding:20px}.view-content-edit.view-content-edit-composition main .main-container .page-panel.left-panel{flex:1}.view-content-edit.view-content-edit-composition main .main-container .page-panel.left-panel .form-holder{margin:20px 20px 20px 10px;flex:1}.view-content-edit.view-content-edit-composition main .main-container .page-content{flex:2}.view-content-edit.view-content-edit-composition main .main-container .page-panel.right-panel{flex:1}.view-content-edit.view-content-edit-composition main .main-container h3.main{font-size:16px;font-weight:500;color:#222;text-decoration:none;margin-top:5px;border-bottom:1px solid #DDD;margin-bottom:20px;padding-bottom:10px;align-self:stretch}.view-content-edit.view-content-edit-composition main .main-container .toolbar{margin-bottom:20px}.view-content-edit.view-content-edit-composition main .main-container .presets{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:20px}.view-content-edit.view-content-edit-composition main .main-container .presets h4{margin-right:5px;font-weight:400;font-size:14px;text-decoration:underline}.view-content-edit.view-content-edit-composition main .main-container .presets button:focus,.view-content-edit.view-content-edit-composition main .main-container .presets button{padding:3px 15px;margin:0 3px;font-size:12px;font-weight:400;min-height:initial;border:1px solid #333;color:#111}.view-content-edit.view-content-edit-composition main .main-container .screen-holder{display:flex;flex-direction:column;width:100%;position:relative;padding-top:56.25%;overflow:hidden;border-radius:4px;outline:4px solid rgba(0,0,0,.1)}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen{background-color:#ddd;position:absolute;top:0;left:0;width:100%;height:100%;border:none}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element{position:absolute!important;background-color:#eee;outline:1px solid #CCC;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element.focused{border:none;outline:2px solid rgb(2,123,255);z-index:89!important}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element.focused .ui-resizable-handle{display:block}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element i{font-size:20px;color:#ccc}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element i.fa-cog{text-shadow:0 -2px #BBB,0 0px 2px #BBB}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element i.gscaleF{color:#000!important}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .rotate-handle{width:10px;height:10px;background-color:red;position:absolute;top:50%;right:-15px;cursor:pointer;transform:translateY(-50%)}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle{background:#aaa;border:1px solid #555;width:10px;height:10px;z-index:90;display:none;position:absolute}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-n{cursor:n-resize;top:-5px;left:50%;margin-left:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-s{cursor:s-resize;bottom:-5px;left:50%;margin-left:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-w{cursor:w-resize;left:-5px;top:50%;margin-top:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-e{cursor:e-resize;right:-5px;top:50%;margin-top:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-nw{cursor:nw-resize;top:-5px;left:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-ne{cursor:ne-resize;top:-5px;right:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-sw{cursor:sw-resize;bottom:-5px;left:-5px}.view-content-edit.view-content-edit-composition main .main-container .screen-holder .screen .element .ui-resizable-handle.ui-resizable-se{cursor:se-resize;bottom:-5px;right:-5px}.view-content-edit.view-content-edit-composition main .main-container .elements-holder{align-self:stretch}.view-content-edit.view-content-edit-composition main .main-container .elements-holder h3{font-size:16px;font-weight:500;color:#222;text-decoration:none;margin:0 0 20px}.view-content-edit.view-content-edit-composition main .main-container .elements-holder h3.divide{border-top:1px solid #DDD;margin-top:10px;padding-top:20px}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list{padding:10px;background:#ddd;border-radius:4px;display:flex;flex-direction:column;justify-content:flex-start;align-self:flex-start}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item>i{color:#111;margin:0 10px 0 0;cursor:move;width:30px;text-align:center}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner:hover,.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item.focused .inner{background-color:#027bff;color:#fff;font-weight:700}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner:hover button.btn-naked,.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item.focused .inner button.btn-naked{color:#fff}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner{cursor:pointer;padding:5px 5px 5px 10px;margin-bottom:5px;background:#eee;border-radius:4px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#222;min-height:46px;flex:1}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner label{flex:1;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;max-width:219px;overflow:hidden}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner button{display:none;margin-left:5px}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner button.btn-naked{color:#aaa}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner:hover label{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-content-edit.view-content-edit-composition main .main-container .elements-holder .form-elements-list .element-list-item .inner:hover button{display:block}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties{flex:1;align-self:stretch}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form{display:flex;flex-direction:column}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form h3{font-size:16px;font-weight:500;color:#222;text-decoration:none;border-bottom:1px solid #DDD;margin-bottom:20px;padding-bottom:10px;align-self:stretch}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form .divide{margin-top:30px;margin-bottom:10px}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form .form-group{flex-direction:row;justify-content:flex-start;align-items:center;display:flex}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form .form-group label{flex-grow:1;flex-direction:row;justify-content:flex-start;align-items:center;display:flex;font-weight:700;margin-right:10px}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form .form-group .widget{flex-grow:1;flex-direction:row;justify-content:flex-start;align-items:center;display:flex;margin:0}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form .form-group .widget input{flex:1;margin:0}.view-content-edit.view-content-edit-composition main .main-container .form-element-properties form .form-group .widget input[disabled]{padding:8px 0 5px 8px;border:1px solid rgba(255,255,255,.05)}.view-content-edit.view-content-edit-text main .main-container .page-panel.left-panel{flex:1}.view-content-edit.view-content-edit-text main .main-container .page-panel.left-panel .form-holder{margin:20px 20px 20px 10px;flex:1}.view-content-edit.view-content-edit-text main .main-container .page-content{flex:2}.view-content-edit.view-content-edit-text main .main-container .page-panel.right-panel{flex:1}.view-content-edit.view-content-edit-text main .main-container h3.main{font-size:16px;font-weight:500;color:#222;text-decoration:none;margin-top:5px;border-bottom:1px solid #DDD;margin-bottom:20px;padding-bottom:10px;align-self:stretch}.view-content-edit.view-content-edit-text main .main-container .toolbar{margin-bottom:20px}.view-content-edit.view-content-edit-text main .main-container .screen-holder{display:flex;flex-direction:column;width:100%;position:relative;padding-top:56.25%;overflow:hidden;border-radius:4px;outline:4px solid rgba(0,0,0,.1);background:repeating-conic-gradient(#eee,#eee 25%,#fff 0%,#fff 50%) 50%/20px 20px}.view-content-edit.view-content-edit-text main .main-container .screen-holder .screen{position:absolute;top:0;left:0;width:100%;height:100%;border:none;display:flex}.view-content-edit.view-content-edit-text main .main-container .screen-holder .screen .text{display:flex;justify-content:center;align-items:center;flex-direction:row;flex:1;align-self:stretch;text-align:center;max-width:100%;word-break:break-all}.view-content-edit.view-content-edit-text main .main-container .screen-holder .screen .text marquee{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex:1;height:100%;width:100%}.view-content-edit.view-content-edit-text main .main-container .form-element-properties{flex:1;align-self:stretch}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form{display:flex;flex-direction:column}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form h3{font-size:16px;font-weight:500;color:#222;text-decoration:none;border-bottom:1px solid #DDD;margin-bottom:20px;padding-bottom:10px;align-self:stretch}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form .divide{margin-top:30px;margin-bottom:10px}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form .bar{width:100%;height:1px;background:#333;margin-bottom:20px}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form .form-group label{flex-grow:1;flex-direction:row;justify-content:flex-start;align-items:center;display:flex;font-weight:700;margin-right:10px;margin-bottom:5px}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form .form-group .widget{flex-grow:1;flex-direction:row;justify-content:flex-start;align-items:center;display:flex;margin:0}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form .form-group .widget input{flex:1;margin:0}.view-content-edit.view-content-edit-text main .main-container .form-element-properties form .form-group .widget input[disabled]{padding:8px 0 5px 8px;border:1px solid rgba(255,255,255,.05)}.view-logs-list main .main-container .bottom-content .page-content .inner{padding-top:8px;padding-bottom:8px}.view-logs-list main .main-container .bottom-content .page-content .logs{flex:1;display:flex;flex-direction:column;align-self:stretch}.view-logs-list main .main-container .bottom-content .page-content .logs pre{flex:1;background:#000000e6;border:1px solid rgba(85,85,85,.5);border-radius:4px;font-family:monospace;color:#f2f2f2;padding:20px;overflow:auto;align-self:stretch}.view-node-studio-fleet-view main .main-container .bottom-content .left-panel{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.view-node-studio-fleet-view main .main-container .bottom-content .left-panel ul{flex:1;align-self:stretch}.view-node-studio-fleet-view main .main-container .bottom-content .left-panel footer{align-self:stretch;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:1px solid #DDD}.view-node-studio-fleet-view main .main-container .bottom-content .left-panel footer .btn{width:100%;font-size:18px}.view-node-studio-fleet-view main .main-container .bottom-content .left-panel footer .btn i{margin-right:10px;margin-left:-20px}.view-node-studio-fleet-view main .main-container .bottom-content .page-content{padding:0}.view-node-studio-fleet-view main .main-container .bottom-content .page-content .inner{padding:0}.view-node-studio-fleet-view main .main-container .bottom-content .page-content .inner.iframe-holder{flex:1;display:flex;justify-content:center;align-items:center;align-self:stretch}.view-node-studio-fleet-view main .main-container .bottom-content .page-content .inner.iframe-holder iframe{flex:1;display:flex;justify-content:center;align-items:center;align-self:stretch}.view-node-player-edit main .main-container .bottom-content .page-content{flex:1}.view-node-player-edit main .main-container .bottom-content .page-content .form-holder{margin:20px 20px 20px 10px}.view-player-group-list main .main-container .players-holder ul.players{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;margin:10px 0 0;border:1px dashed #DDD;border-radius:4px;padding:10px}.view-player-group-list main .main-container .players-holder ul.players li.player-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;margin:0 0 2px}.view-player-group-list main .main-container .players-holder ul.players li.player-item .head{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#666;font-size:10px;padding:10px;cursor:default}.view-player-group-list main .main-container .players-holder ul.players li.player-item:hover .infos .title{color:#000}.view-player-group-list main .main-container .players-holder ul.players li.player-item .infos{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#555;font-size:12px;margin-right:5px;flex:1;max-width:180px;background:#fff;border:1px solid #CCC;border-radius:4px;padding:3px 7px}.view-player-group-list main .main-container .players-holder ul.players li.player-item .infos .title{font-size:13px;color:#555;display:block;word-break:break-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.view-player-group-list main .main-container .players-holder ul.players li.player-item .infos .type{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#555;font-size:12px;margin-right:5px}.view-player-group-list main .main-container .players-holder ul.players li.player-item .body{display:block;flex-direction:row;justify-content:flex-start;align-items:center;margin:0 10px;background:#ebebeb;padding:10px;align-self:stretch;flex:1;border-radius:4px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px;font-size:12px}.view-player-group-list main .main-container .players-holder ul.players li.player-item .body span{opacity:.5;margin-right:7px;font-size:10px}.view-player-group-list main .main-container .players-holder ul.players li.player-item .tail{display:flex;flex-direction:row;justify-content:center;align-items:center}.view-player-group-list main .main-container .players-holder ul.players li.player-item .tail a{color:#000}.view-playlist-list main .main-container p{font-size:12px;line-height:18px;display:flex;margin-bottom:5px;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#999}.view-playlist-list main .main-container .modal-slide h2{font-size:20px}.view-playlist-list main .main-container .modal-slide input[disabled]{color:#555}.view-playlist-list main .main-container .modal-slide .slide-schedule-group select,.view-playlist-list main .main-container .modal-slide .slide-schedule-end-group select{margin-right:5px}.view-playlist-list main .main-container .modal-slide .slide-schedule-group select,.view-playlist-list main .main-container .modal-slide .slide-schedule-group input,.view-playlist-list main .main-container .modal-slide .slide-schedule-end-group select,.view-playlist-list main .main-container .modal-slide .slide-schedule-end-group input{font-size:12px;max-width:50%}.view-playlist-list main .main-container .modal-slide .slide-schedule-group select.datetimepicker,.view-playlist-list main .main-container .modal-slide .slide-schedule-group input.datetimepicker,.view-playlist-list main .main-container .modal-slide .slide-schedule-end-group select.datetimepicker,.view-playlist-list main .main-container .modal-slide .slide-schedule-end-group input.datetimepicker{margin-left:5px;padding-left:0}.view-playlist-list main .main-container .bottom-content .page-content{flex:1}.view-playlist-list main .main-container .bottom-content .page-content.with-right-panel{flex:.5}.view-playlist-list main .main-container .bottom-content .page-content .inner{padding:0}.view-playlist-list main .main-container .bottom-content .page-content .inner h3{font-size:16px;font-weight:500;color:#222;text-decoration:none;margin:0 0 20px}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder{margin:20px 20px 20px 10px;flex:1}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .form-holder{margin:20px 0 0}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .form-holder form{max-width:initial}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .form-holder .form-group{flex-grow:0;margin-bottom:5px}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .preview-holder{position:relative;align-self:stretch}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .preview-holder .form-group{flex-grow:0;margin-bottom:0}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .preview-holder .hover-only{display:none}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .preview-holder:hover .hover-only{display:flex;position:absolute}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .preview-holder:hover .hover-only:hover{background:#ccc}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder h4{font-size:14px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#000;padding-bottom:10px;text-decoration:none}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder h4.divide{border-top:1px solid #DDD;margin-top:20px;padding-top:20px}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .qrcode-pic{margin-top:10px}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .qrcode-pic img{border:1px dashed #AAA;padding:5px;border-radius:4px}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .iframe-preview-holder{background:#000;border:1px solid rgba(0,0,0,.3);border-radius:4px;justify-content:center;align-items:center;align-self:stretch;display:flex;margin:10px 0 20px;height:300px;outline:none}.view-playlist-list main .main-container .bottom-content .page-content .inner .playlist-holder .iframe-preview-holder iframe{flex:1;align-self:stretch}.view-playlist-list main .main-container .bottom-content .page-content .inner .slides-holder{align-self:stretch;border-right:1px solid #DDD;margin:20px 10px 20px 20px;padding-right:20px;flex:1.3}.view-playlist-list main .main-container .bottom-content .page-panel.left-panel{flex:.3;max-width:initial;justify-content:center;align-items:center;display:flex}.view-player-group-list main .main-container p{font-size:12px;line-height:18px;display:flex;margin-bottom:5px;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#999}.view-player-group-list main .main-container .bottom-content .page-content{flex:1}.view-player-group-list main .main-container .bottom-content .page-content .inner{padding:0}.view-player-group-list main .main-container .bottom-content .page-content .inner h3{font-size:16px;font-weight:500;color:#222;text-decoration:none;margin:0 0 20px}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder{margin:20px 20px 20px 10px;flex:1}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .form-holder{margin:20px 0 0}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .form-holder form{max-width:initial}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .form-holder .form-group{flex-grow:0;margin-bottom:15px}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .preview-holder{position:relative;align-self:stretch}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .preview-holder .form-group{flex-grow:0;margin-bottom:0}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .preview-holder .hover-only{display:none}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .preview-holder:hover .hover-only{display:flex;position:absolute}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .preview-holder:hover .hover-only:hover{background:#ccc}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder h4{font-size:14px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#000;padding-bottom:10px;text-decoration:none}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder h4.divide{border-top:1px solid #DDD;margin-top:20px;padding-top:20px}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .iframe-preview-holder{background:#000;border:1px solid rgba(0,0,0,.3);border-radius:4px;justify-content:center;align-items:center;align-self:stretch;display:flex;margin:10px 0 20px;height:300px;outline:none}.view-player-group-list main .main-container .bottom-content .page-content .inner .node-player-group-holder .iframe-preview-holder iframe{flex:1;align-self:stretch}.view-player-group-list main .main-container .bottom-content .page-content .inner .players-holder{align-self:stretch;border-right:1px solid #DDD;margin:20px 10px 20px 20px;padding-right:20px;flex:1.3}.view-player-group-list main .main-container .bottom-content .page-panel.left-panel{flex:.3;max-width:initial;justify-content:center;align-items:center;display:flex}.view-playlist-list main .main-container .page-content .inner h3.divide{margin-top:50px}.view-playlist-list main .main-container .slides-holder ul.slides{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;margin:10px 0 0;border:1px dashed #DDD;border-radius:4px;padding:10px}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;margin:0 0 2px}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item.disabled .infos .title{color:#ccc}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item.disabled .infos .type i{color:#ccc!important}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item.disabled .body{opacity:0}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .sort{display:flex;flex-direction:column;justify-content:center;align-items:center}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .sort a{color:#666;font-size:10px;padding:10px;cursor:move}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .sort a:hover{color:#027bff}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .infos{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#555;font-size:12px;margin-right:5px;flex:1;max-width:120px;background:#fff;border:1px solid #CCC;border-radius:4px;padding:3px 7px}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .infos:hover .title{color:#000}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .infos .title{display:block;word-break:break-all;font-size:13px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .infos .type{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#555;font-size:12px;margin-right:5px}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:0 10px;background:#ebebeb;padding:10px;align-self:stretch;flex:1;border-radius:4px;font-size:13px;color:#000}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:1;max-width:315px;overflow-x:auto;white-space:nowrap}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range .start{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:8px}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range .end{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range .start .prefix,.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range .end .prefix{margin-left:5px;margin-right:5px;font-size:12px;color:#222}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range .start .cron-description,.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .body .range .end .cron-description{display:block;word-break:break-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-left:5px;font-size:10px;opacity:.5}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .tail{display:flex;flex-direction:row;justify-content:center;align-items:center}.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .tail a{color:#000}.view-plugins-list main .main-container .bottom-content .page-content .inner{padding:10px}.view-settings-list main .main-container .bottom-content .page-content .inner{padding:10px}.view-sysinfo-list main .main-container .bottom-content .page-content .inner{padding:10px}.view-sysinfo-list .reboot{color:#333}.view-login main .main-container{position:relative}.view-login main .main-container .alert{position:absolute;top:0;left:0;right:0}.view-login main .main-container .login-content{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center}.view-login main .main-container .login-content .form-holder{width:400px;display:flex;justify-content:center;align-items:center;align-self:stretch;margin-left:auto;margin-right:auto}.view-login main .main-container .login-content .form-holder .card{display:flex;justify-content:center;align-items:center;align-self:stretch;border-radius:6px;padding:50px;color:#fff}.view-login main .main-container .login-content .form-holder .card form{padding:0;flex:1;display:flex;justify-content:center;align-items:center;align-self:stretch}.view-login main .main-container .login-content .form-holder .card form .actions{margin-top:10px}.view-login main .main-container .login-content .form-holder .card form .actions .btn{padding-left:20px;padding-right:20px}.view-auth-user-list main .main-container .bottom-content .page-content .inner{padding:10px}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item.disabled .tile-body{opacity:.3;text-decoration-line:line-through}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-tail .btn{margin-left:10px}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-tail .btn:first-child{margin-left:0}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-metrics{flex:1;flex-direction:row;justify-content:flex-start;align-items:center}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-metrics .widget,.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-metrics .form-group{margin:0}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-metrics label{flex-grow:0}.view-auth-user-list main .main-container .bottom-content .page-content .inner .tile-item .tile-metrics input{margin-left:10px;margin-right:10px;max-width:320px}menu h1.logo a{color:#666}menu:hover h1.logo a{color:transparent}ul.explr-dirview li a.with-thumbnail .img-holder{background:#ddd}ul.explr-dirview li a i{color:#027bff}button.btn-pixel,.btn.btn-pixel{background:#fff;color:#444;box-shadow:4px 0 #ccc,0 4px #11a948,-4px 0 #027bff,0 -4px #ef0e5d}button.btn-pixel:hover,.btn.btn-pixel:hover{box-shadow:6px 0 #ccc,0 6px #11a948,-6px 0 #027bff,0 -6px #ef0e5d}button.btn-naked,.btn.btn-naked{color:#777}button.btn-naked:hover,.btn.btn-naked:hover,button.btn-neutral:hover,.btn.btn-neutral:hover{box-shadow:0 2px 0 1px #666 inset}button.btn-neutral,.btn.btn-neutral{color:#555;background:#fff;box-shadow:none!important;border:1px solid transparent}button.btn-neutral.active,button.btn-neutral:hover,.btn.btn-neutral.active,.btn.btn-neutral:hover{box-shadow:0 2 0 1px #222 inset;background:#ccc}button.btn-neutral:focus,.btn.btn-neutral:focus{background:#777;border:1px solid #555}.tiles .tiles-inner .tile-item{border-top:2px solid transparent;border-right:2px solid transparent;border-bottom:2px solid transparent}.tiles .tiles-inner .tile-item:hover,.tiles .tiles-inner .tile-item.active{border-left:2px solid #E7E7E7;border-top:2px solid #E7E7E7;border-right:2px solid #E7E7E7;border-bottom:2px solid #E7E7E7;background:#fff}.tiles .tiles-inner .tile-item:hover,.tiles .tiles-inner .tile-item.active{border-color:#027bff}.tiles .tiles-inner .tile-item:hover.starred,.tiles .tiles-inner .tile-item.active.starred{border-color:#ffa70a}.tiles .tiles-inner .tile-item:hover.disabled,.tiles .tiles-inner .tile-item.active.disabled{border-color:#bbb}.panes .pane-section .pane-item:nth-child(odd),.panes .pane-section tr:nth-child(odd),.panes tbody .pane-item:nth-child(odd),.panes tbody tr:nth-child(odd){background-color:#fff}.panes .pane-section .pane-item:nth-child(2n),.panes .pane-section tr:nth-child(2n),.panes tbody .pane-item:nth-child(2n),.panes tbody tr:nth-child(2n){background-color:#f7f7f7}.form-group .widget select,.form-group .widget input,.form-group .widget textarea{box-shadow:0 2px 1px #ddd,0 4px 2px #ddd inset;color:#555;background:#eee}.toggle label{box-shadow:0 2px 2px #ccc inset}.toggle label:after{box-shadow:0 2px #cccccce6}.toggle input:checked+label{box-shadow:0 2px 2px #0000004d inset}ul.pills{box-shadow:1px 1px .5px .5px inset #aaa3;background:#eee}ul.pills li a{color:#444;background:#fff}ul.pills li.active a{color:#fff;background:#027bff}.breadcrumb-container ul.breadcrumb{box-shadow:1px 1px .5px .5px inset #aaa3;background:#eee}.breadcrumb-container ul.breadcrumb li a,.breadcrumb-container ul.breadcrumb li span,.breadcrumb-container ul.breadcrumb li{color:#444}.breadcrumb-container ul.breadcrumb li:hover a{color:#fff}.breadcrumb-container ul.breadcrumb li.divider i{color:#bbb}.dropdown ul.dropdown-menu li.danger:hover a{color:#fff}.inner-empty i{color:#ddd;text-shadow:0 -1px #999,0 0px .5px #666}.view-player-group-list main .main-container .players-holder ul.players li.player-item .tail a,.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .tail a{color:#888}.view-player-group-list main .main-container .players-holder ul.players li.player-item .tail a:hover,.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .tail a:hover{color:#fff}.form-group .widget select.disabled,.form-group .widget select[disabled],.form-group .widget input.disabled,.form-group .widget input[disabled],.form-group .widget textarea.disabled,.form-group .widget textarea[disabled]{border:none;background:#eee;border-radius:4px;padding-left:10px;padding-right:10px}.modal-explr-picker .explr-tree{background:#f7f7f7}
diff --git a/data/www/js/explorer.js b/data/www/js/explorer.js
index 5fc4046..024c1b5 100644
--- a/data/www/js/explorer.js
+++ b/data/www/js/explorer.js
@@ -99,13 +99,21 @@ jQuery(function ($) {
 
     const initExplr = function () {
         $('.explr').each(function () {
-            $(this).explr({
+            const expanded = $(this).attr('data-expanded') === '1';
+            const opts = {
                 classesPlus: 'fa fa-chevron-right',
                 classesMinus: 'fa fa-chevron-down',
                 onLoadFinish: function ($tree) {
                     $tree.removeClass('hidden');
                 }
-            });
+            };
+
+            if (expanded) {
+                opts['rememberState'] = false;
+                opts['startCollapsed'] = false;
+            }
+
+            $(this).explr(opts);
 
             // Open complete path in explorer sidebar
             explrSidebarOpenFromFolder($(this).attr('data-working-folder-id'));
diff --git a/data/www/js/fleet/node-player-groups.js b/data/www/js/fleet/node-player-groups.js
index cd9a47f..2fa3449 100644
--- a/data/www/js/fleet/node-player-groups.js
+++ b/data/www/js/fleet/node-player-groups.js
@@ -9,27 +9,6 @@ jQuery(document).ready(function ($) {
         $('.modal-node-player-group-add input:eq(0)').focus().select();
     });
 
-    $(document).on('click', '.node-player-group-preview', function () {
-        const $icon = $(this).find('i');
-        const isPlay = $icon.hasClass('fa-play');
-        const $holder = $(this).parents('.preview:eq(0)');
-
-        if (isPlay) {
-            const $iframe = $('<iframe>', {
-                src: $(this).attr('data-url'),
-                frameborder: 0
-            });
-
-            $holder.append($iframe);
-            $(this).addClass('hover-only');
-            $icon.removeClass('fa-play').addClass('fa-pause');
-        } else {
-            $holder.find('iframe').remove();
-            $(this).removeClass('hover-only');
-            $icon.removeClass('fa-pause').addClass('fa-play');
-        }
-    });
-
     $(document).on('click', '.node-player-group-player-assign', function () {
         const route = $(this).attr('data-route');
         showPickers('modal-node-player-explr-picker', function (nodePlayer) {
diff --git a/data/www/js/fleet/node-studios.js b/data/www/js/fleet/node-studios.js
new file mode 100644
index 0000000..5134884
--- /dev/null
+++ b/data/www/js/fleet/node-studios.js
@@ -0,0 +1,61 @@
+jQuery(document).ready(function ($) {
+
+    const main = function () {
+        inputOperatingSystemUpdate();
+    };
+
+    window.explrNodeStudioEdit = function ($this) {
+        const nodeStudio = JSON.parse($this.parents('li:eq(0)').attr('data-entity-json'));
+        showModal('modal-node-studio-edit');
+        $('.modal-node-studio-edit input:visible:eq(0)').focus().select();
+        $('#node-studio-edit-name').val(nodeStudio.name);
+        $('#node-studio-edit-host').val(nodeStudio.host);
+        $('#node-studio-edit-id').val(nodeStudio.id);
+        $('#node-studio-edit-operating-system').val(nodeStudio.operating_system);
+        $('#node-studio-edit-group-label').val(nodeStudio.group_label);
+        $('.group-edit-link').attr('href', 'javascript:void(0);');
+        $('.form-group-for-group-id').addClass('hidden');
+
+        if (nodeStudio.group_id) {
+            $('.form-group-for-group-id').removeClass('hidden');
+            $('.group-edit-link').attr('href', $('.group-edit-link').attr('data-route').replace('__id__', nodeStudio.group_id));
+        }
+
+        inputOperatingSystemUpdate();
+    };
+
+    const inputOperatingSystemUpdate = function () {
+        const $el = $('form:visible .operating-system-select');
+        if ($el.length === 0) return;
+        const $form = $el.parents('form:eq(0)');
+        const value = $el.val();
+        const $selectedOption = $el.find('option[value='+value+']');
+        const optionAttributes = $selectedOption.get(0).attributes;
+        const color = optionAttributes['data-color'].value;
+        $('.operating-system-icon').attr('class', 'operating-system-icon fa ' + optionAttributes['data-icon'].value);
+        $('.tab-select .widget').attr('class', 'widget ' + ('border-' + color) + ' ' + color);
+        $form.find('button[type=submit]').attr('class', 'btn ' + ('btn-' + color));
+    };
+
+    $(document).on('change', '.operating-system-select', inputOperatingSystemUpdate);
+
+    $(document).on('click', '.folder-add', function () {
+        $('.dirview .new-folder').removeClass('hidden');
+        $('.page-content').animate({scrollTop: 0}, 0);
+        $('.dirview input').focus();
+    });
+
+    $(document).on('click', '.node-studio-add', function () {
+        showModal('modal-node-studio-add');
+        inputOperatingSystemUpdate();
+        $('.modal-node-studio-add input:eq(0)').focus().select();
+    });
+
+    $(document).on('submit', '.modal-node-studio-add form', function () {
+        const $modal = $(this).parents('.modal:eq(0)');
+        $modal.find('button[type=submit]').addClass('hidden');
+        $modal.find('.btn-loading').removeClass('hidden');
+    });
+
+    main();
+});
diff --git a/data/www/js/fleet/studio-fleet-view.js b/data/www/js/fleet/studio-fleet-view.js
new file mode 100644
index 0000000..f7d96f6
--- /dev/null
+++ b/data/www/js/fleet/studio-fleet-view.js
@@ -0,0 +1,19 @@
+jQuery(document).ready(function ($) {
+    $('.active').removeClass('active');
+
+    $(document).on('click', '.explr-pick-element', function() {
+        $('.active').removeClass('active');
+        const $item = $(this).parents('.explr-item:eq(0)');
+        const payload = $item.data('entity-json');
+
+        const $iframe = $('<iframe>', {
+            src: payload.host,
+            frameborder: 0
+        });
+
+        const $holder = $('.iframe-holder');
+        $holder.html($iframe);
+
+        $(this).addClass('active');
+    });
+});
diff --git a/data/www/js/global.js b/data/www/js/global.js
index d381755..e167977 100644
--- a/data/www/js/global.js
+++ b/data/www/js/global.js
@@ -173,5 +173,27 @@ jQuery(document).ready(function ($) {
             $(this).find('.btn-loading').addClass('hidden');
         });
     });
+
+
+    $(document).on('click', '.iframe-preview', function () {
+        const $icon = $(this).find('i');
+        const isPlay = $icon.hasClass('fa-play');
+        const $holder = $(this).parents('.iframe-preview-holder:eq(0)');
+
+        if (isPlay) {
+            const $iframe = $('<iframe>', {
+                src: $(this).attr('data-url'),
+                frameborder: 0
+            });
+
+            $holder.append($iframe);
+            $holder.addClass('playing');
+            $icon.removeClass('fa-play').addClass('fa-pause');
+        } else {
+            $holder.find('iframe').remove();
+            $holder.removeClass('playing');
+            $icon.removeClass('fa-pause').addClass('fa-play');
+        }
+    });
 });
 
diff --git a/data/www/js/playlist/playlists.js b/data/www/js/playlist/playlists.js
index 7fae088..65da58c 100644
--- a/data/www/js/playlist/playlists.js
+++ b/data/www/js/playlist/playlists.js
@@ -20,26 +20,6 @@ jQuery(document).ready(function ($) {
         $('.modal-playlist-add input:eq(0)').focus().select();
     });
 
-    $(document).on('click', '.playlist-preview', function () {
-        const $icon = $(this).find('i');
-        const isPlay = $icon.hasClass('fa-play');
-        const $holder = $(this).parents('.preview:eq(0)');
-
-        if (isPlay) {
-            const $iframe = $('<iframe>', {
-                src: $(this).attr('data-url'),
-                frameborder: 0
-            });
-
-            $holder.append($iframe);
-            $(this).addClass('hover-only');
-            $icon.removeClass('fa-play').addClass('fa-pause');
-        } else {
-            $holder.find('iframe').remove();
-            $(this).removeClass('hover-only');
-            $icon.removeClass('fa-pause').addClass('fa-play');
-        }
-    });
     //
     // $(document).on('click', '.cast-scan', function () {
     //     showModal('modal-playlist-cast-scan');
diff --git a/data/www/js/slideshow/slides.js b/data/www/js/slideshow/slides.js
index bb1b1a9..ba7658a 100644
--- a/data/www/js/slideshow/slides.js
+++ b/data/www/js/slideshow/slides.js
@@ -132,7 +132,7 @@ jQuery(document).ready(function ($) {
         const $isNotification = $modal.find('.slide-is-notification');
 
         const isNotification = $isNotification.val() === '1';
-        const isVideo = $contentGroup.find('.target').attr('data-type') === 'video';
+        const isVideo = $contentGroup.find('.target').attr('data-type') === 'video' ||  $contentGroup.find('.target').attr('data-type') === 'playlist_embed';
         let isLoopStart = $triggerStart.val() === 'loop';
         let isCronStart = $triggerStart.val() === 'cron';
 
diff --git a/data/www/scss/base/_html.scss b/data/www/scss/base/_html.scss
index 96291d5..9480215 100644
--- a/data/www/scss/base/_html.scss
+++ b/data/www/scss/base/_html.scss
@@ -89,6 +89,14 @@ main {
 				button {
 					margin-left: 10px;
 				}
+
+				.right-actions {
+					display: flex;
+					flex-direction: row;
+					justify-content: flex-end;
+					align-items: center;
+					flex: 1;
+				}
 			}
 		}
 
diff --git a/data/www/scss/base/_menu.scss b/data/www/scss/base/_menu.scss
index be69c20..ec44215 100644
--- a/data/www/scss/base/_menu.scss
+++ b/data/www/scss/base/_menu.scss
@@ -18,20 +18,30 @@ menu {
 		display: flex;
 
 		a {
-			@include pixel-text(0);
 			flex: 1;
-			font-family: 'Sixtyfour', 'Work Sans', 'Arial', 'sans-serif';
 			align-self: stretch;
-			padding-right: 3px;
-			font-size: 20px;
-			text-transform: uppercase;
-			transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
 			display: flex;
 			flex-direction: row;
 			justify-content: center;
 			align-items: center;
 			position: relative;
-			color: $white;
+
+			span {
+				@include pixel-text(0);
+				transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
+				padding-right: 3px;
+				font-size: 20px;
+				text-transform: uppercase;
+				color: $white;
+				font-family: 'Sixtyfour', 'Work Sans', 'Arial', 'sans-serif';
+				flex: 1;
+				align-self: stretch;
+				display: flex;
+				flex-direction: row;
+				justify-content: center;
+				align-items: center;
+				position: relative;
+			}
 
 			img {
 				flex-shrink: 0;
@@ -48,10 +58,12 @@ menu {
 		}
 	}
 
-	&:hover {
+	&.uncollapsed:hover {
 		h1.logo {
 			a {
-				@include pixel-text(3);
+				span {
+					@include pixel-text(3);
+				}
 
 				img {
 					&.before {
@@ -90,8 +102,6 @@ menu {
 				border-radius: $baseRadius;
 
 				a {
-					color: rgba($gscaleF, 0.9);
-					font-size: 16px;
 					display: flex;
 					flex-direction: row;
 					justify-content: flex-start;
@@ -102,6 +112,12 @@ menu {
 					padding-bottom: 5px;
 					padding-left: 10px;
 
+					span {
+						color: rgba($gscaleF, 0.9);
+						font-size: 16px;
+						flex: 1;
+					}
+
 					i {
 						color: $gscaleF;
 						opacity: .2;
@@ -118,21 +134,6 @@ menu {
 					}
 				}
 
-				&:after {
-					background: $gscaleF;
-					content: "";
-					height: 195px;
-					left: -200px;
-					opacity: .2;
-					position: absolute;
-					top: -50px;
-					transform: rotate(35deg);
-					transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
-					width: 50px;
-					z-index: -2;
-					cursor: pointer;
-				}
-
 				&.active {
 					a {
 						color: $primary;
@@ -150,12 +151,6 @@ menu {
 				&:hover {
 					background: $primary;
 
-					&:after {
-						z-index: 2;
-						left: 120%;
-						transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
-					}
-
 					a {
 						color: $white;
 						font-weight: bold;
@@ -186,6 +181,71 @@ menu {
 				a {
 					color: $gscale7;
 					font-weight: bold;
+
+					span {
+						color: $gscale7;
+						font-weight: bold;
+					}
+				}
+			}
+		}
+	}
+
+	&.collapsed {
+		width: 60px;
+		min-width: initial;
+		padding-left: 10px;
+		padding-right: 10px;
+
+		h1.logo {
+			margin: 40px 0 0 0;
+
+			img.before {
+				margin: 0;
+			}
+			img.after,
+			span {
+				display: none;
+			}
+		}
+
+		nav {
+			ul {
+				li {
+					a {
+						padding-left: 0;
+
+						span {
+							display: none;
+						}
+						i {
+							margin: 0;
+						}
+					}
+				}
+			}
+		}
+
+		footer {
+			padding: 5px 0;
+			background: rgba($gscaleF, 0.03);
+			border-radius: $baseRadius;
+
+			p.version {
+				> span {
+					display: none;
+				}
+
+				a {
+					display: flex;
+					flex-direction: column-reverse;
+					justify-content: flex-start;
+					align-items: center;
+
+					span {
+						font-size: 10px;
+						margin-top: 5px;
+					}
 				}
 			}
 		}
diff --git a/data/www/scss/components/_iframe.scss b/data/www/scss/components/_iframe.scss
new file mode 100644
index 0000000..df6ea84
--- /dev/null
+++ b/data/www/scss/components/_iframe.scss
@@ -0,0 +1,42 @@
+.iframe-preview-holder {
+	display: flex;
+	flex-direction: column;
+	position: relative;
+	overflow: hidden;
+	background: black;
+	flex: 1;
+	width: 100%;
+	padding-top: 56.25%; /* 16:9 aspect ratio */
+	border-radius: $baseRadius;
+	outline: 4px solid rgba($gscaleF, .1);
+
+	.controls,
+	iframe {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		border: none;
+	}
+
+	.controls {
+		display: flex;
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+	}
+
+	&.playing {
+		.controls {
+			display: none;
+		}
+
+		&:hover {
+			.controls {
+				display: flex;
+				z-index: 1000;
+			}
+		}
+	}
+}
\ No newline at end of file
diff --git a/data/www/scss/components/_tiles.scss b/data/www/scss/components/_tiles.scss
index 31fae75..ba6e771 100644
--- a/data/www/scss/components/_tiles.scss
+++ b/data/www/scss/components/_tiles.scss
@@ -30,7 +30,7 @@
 			margin: 1px;
 			padding: 15px 10px 15px 15px;
 			border-radius: $baseRadius;
-			border-bottom: 1px solid transparent;
+			border-bottom: 2px solid transparent;
 
 			&:hover,
 			&.active {
diff --git a/data/www/scss/forms/_forms.scss b/data/www/scss/forms/_forms.scss
index 5c1b58c..82807e4 100644
--- a/data/www/scss/forms/_forms.scss
+++ b/data/www/scss/forms/_forms.scss
@@ -6,7 +6,7 @@
 	align-self: stretch;
 
 	form {
-		max-width: 434px;
+		//max-width: 434px;
 	}
 }
 
@@ -193,6 +193,10 @@ form {
 			color: $gscaleD;
 			font-size: 14px;
 
+			&.pad-right {
+				padding-right: 8px;
+			}
+
 			&.input-naked,
 			&.disabled,
 			&[disabled] {
diff --git a/data/www/scss/main.scss b/data/www/scss/main.scss
index 8805aad..0b8df9f 100644
--- a/data/www/scss/main.scss
+++ b/data/www/scss/main.scss
@@ -24,6 +24,7 @@
 @import 'components/empty';
 @import 'components/switches';
 @import 'components/badges';
+@import 'components/iframe';
 
 // Import form styles
 @import 'forms/forms';
@@ -33,6 +34,7 @@
 @import 'pages/content-composition';
 @import 'pages/content-text';
 @import 'pages/logs';
+@import 'pages/node-studio';
 @import 'pages/node-player';
 @import 'pages/playlist';
 @import 'pages/player-group';
diff --git a/data/www/scss/pages/_content-composition.scss b/data/www/scss/pages/_content-composition.scss
index 6b0aa2d..54c66f8 100644
--- a/data/www/scss/pages/_content-composition.scss
+++ b/data/www/scss/pages/_content-composition.scss
@@ -55,6 +55,7 @@
 			font-weight: normal;
 			min-height: initial;
 			border: 1px solid $gkscale3;
+			color: $gscaleE;
 		}
 	}
 
diff --git a/data/www/scss/pages/_content.scss b/data/www/scss/pages/_content.scss
index 478e2f0..b218352 100644
--- a/data/www/scss/pages/_content.scss
+++ b/data/www/scss/pages/_content.scss
@@ -65,26 +65,6 @@
 			justify-content: flex-start;
 			align-items: center;
 			padding: 20px;
-
-			.iframe-wrapper {
-				display: flex;
-				flex-direction: column;
-				width: 100%;
-				position: relative;
-				padding-top: 56.25%; /* 16:9 aspect ratio */
-				overflow: hidden;
-				border-radius: $baseRadius;
-				outline: 4px solid rgba($gscaleF, .1);
-
-				iframe {
-					position: absolute;
-					top: 0;
-					left: 0;
-					width: 100%;
-					height: 100%;
-					border: none;
-				}
-			}
 		}
 	}
 }
diff --git a/data/www/scss/pages/_node-studio.scss b/data/www/scss/pages/_node-studio.scss
new file mode 100644
index 0000000..311ddbe
--- /dev/null
+++ b/data/www/scss/pages/_node-studio.scss
@@ -0,0 +1,198 @@
+
+.view-node-player-list main .main-container {
+
+}
+
+.view-node-studio-fleet-view main .main-container {
+	.bottom-content {
+		.left-panel {
+			display: flex;
+			flex-direction: column;
+			justify-content: flex-start;
+			align-items: flex-start;
+
+			ul {
+				flex: 1;
+				align-self: stretch;
+			}
+
+			footer {
+				align-self: stretch;
+				padding: 20px;
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				align-items: center;
+				border-top: 1px solid $layoutBorderColor;
+
+				.btn {
+					width: 100%;
+					font-size: 18px;
+
+					i {
+						margin-right: 10px;
+						margin-left: -20px;
+					}
+				}
+			}
+		}
+		.page-content {
+			padding: 0;
+
+			.inner {
+				padding: 0;
+
+				&.iframe-holder {
+					flex: 1;
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					align-self: stretch;
+
+					iframe {
+						flex: 1;
+						display: flex;
+						justify-content: center;
+						align-items: center;
+						align-self: stretch;
+					}
+				}
+			}
+		}
+	}
+}
+
+.view-node-player-edit main .main-container {
+
+	.bottom-content {
+		.page-content {
+			flex: 1;
+
+			.form-holder {
+				margin: 20px 20px 20px 10px;
+			}
+		}
+	}
+}
+
+.view-player-group-list main .main-container {
+
+	.players-holder {
+
+		ul.players {
+			display: flex;
+			flex-direction: column;
+			justify-content: flex-start;
+			align-items: flex-start;
+			align-self: stretch;
+			margin: 10px 0 0 0;
+			border: 1px dashed $gscale2;
+			border-radius: 4px;
+			padding: 10px;
+
+			li.player-item {
+				display: flex;
+				flex-direction: row;
+				justify-content: flex-start;
+				align-items: center;
+				align-self: stretch;
+				margin: 0 0 2px 0;
+
+				.head {
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+					align-items: center;
+					color: $gscale9;
+					font-size: 10px;
+					padding: 10px;
+					cursor: default;
+				}
+
+
+				&:hover {
+					.infos .title {
+						color: $gscaleF;
+					}
+				}
+
+				.infos {
+					display: flex;
+					flex-direction: row;
+					justify-content: flex-start;
+					align-items: center;
+					color: $gscaleA;
+					font-size: 12px;
+					margin-right: 5px;
+					flex: 1;
+					max-width: 180px;
+					background: $gscale0;
+					border: 1px solid $gscale3;
+					border-radius: $baseRadius;
+					padding: 3px 7px;
+
+					.title {
+						font-size: 13px;
+						color: $gscaleA;
+						display: block;
+						word-break: break-all;
+						white-space: nowrap;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						max-width: 100%;
+					}
+
+					.type {
+						display: flex;
+						flex-direction: row;
+						justify-content: flex-start;
+						align-items: center;
+						color: $gscaleA;
+						font-size: 12px;
+						margin-right: 5px;
+					}
+				}
+
+				.body {
+					display: block;
+					flex-direction: row;
+					justify-content: flex-start;
+					align-items: center;
+					margin: 0 10px 0 10px;
+					background: $gscale1B;
+					padding: 10px;
+					align-self: stretch;
+					flex: 1;
+					border-radius: $baseRadius;
+					color: $gscaleC;
+					white-space: nowrap;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					max-width: 360px;
+					font-size: 12px;
+
+					span {
+						opacity: 0.5;
+						margin-right: 7px;
+						font-size: 10px;
+					}
+				}
+
+				.tail {
+					display: flex;
+					flex-direction: row;
+					justify-content: center;
+					align-items: center;
+
+					a {
+						color: $gscaleF;
+					}
+				}
+			}
+		}
+	}
+}
+
+
+
+
diff --git a/data/www/scss/pages/_player-group.scss b/data/www/scss/pages/_player-group.scss
index 5152bda..149e3ff 100644
--- a/data/www/scss/pages/_player-group.scss
+++ b/data/www/scss/pages/_player-group.scss
@@ -77,6 +77,7 @@
 
 					.preview-holder {
 						position: relative;
+						align-self: stretch;
 
 						.form-group {
 							flex-grow: 0;
@@ -116,7 +117,7 @@
 						}
 					}
 
-					.preview {
+					.iframe-preview-holder {
 						background: $black;
 						border: 1px solid rgba($gscaleF, .3);
 						border-radius: $baseRadius;
@@ -126,6 +127,7 @@
 						display: flex;
 						margin: 10px 0 20px 0;
 						height: 300px;
+						outline: none;
 
 						iframe {
 							flex: 1;
diff --git a/data/www/scss/pages/_playlist.scss b/data/www/scss/pages/_playlist.scss
index db5f2fd..52c7c13 100644
--- a/data/www/scss/pages/_playlist.scss
+++ b/data/www/scss/pages/_playlist.scss
@@ -150,6 +150,7 @@
 
 					.preview-holder {
 						position: relative;
+						align-self: stretch;
 
 						.form-group {
 							flex-grow: 0;
@@ -200,7 +201,7 @@
 						}
 					}
 
-					.preview {
+					.iframe-preview-holder {
 						background: $black;
 						border: 1px solid rgba($gscaleF, .3);
 						border-radius: $baseRadius;
@@ -210,6 +211,7 @@
 						display: flex;
 						margin: 10px 0 20px 0;
 						height: 300px;
+						outline: none;
 
 						iframe {
 							flex: 1;
diff --git a/data/www/scss/utils/_packs.scss b/data/www/scss/utils/_packs.scss
index 1788bf1..f2417c0 100644
--- a/data/www/scss/utils/_packs.scss
+++ b/data/www/scss/utils/_packs.scss
@@ -9,7 +9,8 @@ $warning: $orange;
 
 // Common styles
 $baseRadius: 4px;
-$layoutBorder: 1px solid $gscale2;
+$layoutBorderColor: $gscale2;
+$layoutBorder: 1px solid $layoutBorderColor;
 
 // Packs
 $colors: (
diff --git a/lang/ar.json b/lang/ar.json
index 1046775..8599cda 100644
--- a/lang/ar.json
+++ b/lang/ar.json
@@ -16,7 +16,7 @@
   "slideshow_slide_panel_th_content": "المحتوى",
   "slideshow_slide_panel_th_duration": "ينتهي بعد",
   "slideshow_slide_panel_th_duration_unit": "ثوانٍ",
-  "slideshow_slide_panel_th_delegate_duration_video": "مدة الفيديو",
+  "slideshow_slide_panel_th_delegate_duration": "مدة المحتوى",
   "slideshow_slide_panel_th_enabled": "ممكّن",
   "slideshow_slide_panel_th_cron_scheduled": "موعد البدء المجدول",
   "slideshow_slide_panel_th_activity": "الخيارات",
@@ -34,7 +34,7 @@
   "slideshow_slide_form_section_scheduling": "الجدولة",
   "slideshow_slide_form_label_name": "الاسم",
   "slideshow_slide_form_label_enabled": "تمكين/تعطيل",
-  "slideshow_slide_form_label_delegate_duration": "استخدام مدة الفيديو",
+  "slideshow_slide_form_label_delegate_duration": "استخدم مدة المحتوى",
   "slideshow_slide_form_label_add_content": "تحميل إلى المكتبة",
   "slideshow_slide_form_label_from_library": "من المكتبة",
   "slideshow_slide_form_label_content_id": "المحتوى",
@@ -106,6 +106,24 @@
   "playlist_delete_has_slides": "تحتوي قائمة التشغيل على شرائح، يرجى إزالتها أولاً ثم المحاولة مرة أخرى",
   "playlist_delete_has_node_player_groups": "قائمة التشغيل مرتبطة بمجموعة مشغل",
   "playlist_cast_warning": "يجب أن يتم تقديم <a href=\"%href%\" target=\"_blank\">رابطك الخارجي</a> عبر HTTPS ليعمل",
+  "fleet_node_studio_page_title": "استوديوهات",
+  "fleet_node_studio_open_fleet_view": "افتح عرض الأسطول",
+  "fleet_node_studio_button_add": "أضف استوديو",
+  "fleet_node_studio_panel_active": "الاستوديوهات النشطة",
+  "fleet_node_studio_panel_inactive": "الاستوديوهات غير النشطة",
+  "fleet_node_studio_panel_empty": "حاليًا، لا توجد استوديوهات. %link% الآن.",
+  "fleet_node_studio_panel_th_name": "الاسم",
+  "fleet_node_studio_panel_th_host": "المضيف",
+  "fleet_node_studio_panel_th_enabled": "مفعل",
+  "fleet_node_studio_panel_th_activity": "خيارات",
+  "fleet_node_studio_form_add_title": "إضافة استوديو",
+  "fleet_node_studio_form_add_submit": "إضافة",
+  "fleet_node_studio_form_edit_title": "تحرير الاستوديو",
+  "fleet_node_studio_form_edit_submit": "حفظ",
+  "fleet_node_studio_form_label_name": "الاسم",
+  "fleet_node_studio_form_label_host": "المضيف",
+  "fleet_node_studio_form_label_operating_system": "نظام التشغيل",
+  "fleet_node_studio_form_button_cancel": "إلغاء",
   "fleet_node_player_page_title": "المشغلات",
   "fleet_node_player_button_add": "إضافة مشغل",
   "fleet_node_player_panel_active": "المشغلات النشطة",
@@ -179,6 +197,8 @@
   "settings_variable_form_label_value": "القيمة",
   "settings_variable_form_button_cancel": "إلغاء",
   "settings_variable_desc_lang": "لغة الخادم",
+  "settings_variable_desc_snippet_enabled": "تمكين مقتطفات الكود",
+  "settings_variable_desc_fleet_studio_enabled": "تمكين إدارة استوديو الأسطول (قديم ومهمل)",
   "settings_variable_desc_fleet_player_enabled": "تمكين إدارة المشغلات",
   "settings_variable_desc_edition_fleet_player_enabled": "سيتم تمكين إدارة قائمة التشغيل أيضًا",
   "settings_variable_desc_auth_enabled": "تمكين إدارة المصادقة",
@@ -186,6 +206,7 @@
   "settings_variable_desc_external_url": "رابط خارجي (مثال: https://studio-01.company.com أو http://10.10.3.100)",
   "settings_variable_desc_slide_upload_limit": "حد تحميل الشرائح (بميغابايت)",
   "settings_variable_desc_dark_mode": "الوضع الداكن",
+  "settings_variable_desc_collapsed_menu": "قائمة مضغوطة",
   "settings_variable_desc_intro_slide_duration": "مدة الشريحة التقديمية (بالثواني)",
   "settings_variable_desc_default_slide_time_with_seconds": "عرض الثواني على الساعة في الشريحة التقديمية",
   "settings_variable_desc_polling_interval": "فترة التحديث المطبقة على المشغل (بالثواني)",
@@ -258,6 +279,7 @@
   "common_folder_not_empty_error": "المجلد '%folderName%' ليس فارغًا، يجب حذف محتوياته أولاً",
   "common_copied": "تم نسخ العنصر إلى الحافظة!",
   "common_host_placeholder": "raspberrypi.local أو 192.168.1.85",
+  "common_url_placeholder": "http://raspberrypi.local:5000 http://192.168.1.85:5000 أو",
   "common_reachable_at": "المضيف",
   "common_http_error_occured": "حدث خطأ %code%",
   "common_http_error_413": "الملفات كبيرة جدًا",
@@ -313,6 +335,7 @@
   "enum_application_language_polish": "البولندية",
   "enum_application_language_portugese": "البرتغالية",
   "enum_application_language_russian": "الروسية",
+  "enum_application_language_thai": "التايلاندية",
   "enum_application_language_vietnamese": "الفيتنامية",
   "enum_application_language_chinese": "الصينية",
   "enum_content_type_external_storage": "التخزين الخارجي",
@@ -320,6 +343,8 @@
   "enum_content_type_external_storage_flashdrive_label": "المسار بالنسبة لجهاز قابل للإزالة",
   "enum_content_type_composition": "التكوين",
   "enum_content_type_composition_object_label": "نسبة العرض إلى الارتفاع للشاشة",
+  "enum_content_type_playlist_embed": "قائمة التشغيل المدمجة",
+  "enum_content_type_playlist_embed_object_label": "قائمة التشغيل للتضمين",
   "enum_content_type_text": "النص",
   "enum_content_type_text_object_label": "النص المعروض",
   "enum_content_type_url": "URL",
@@ -351,4 +376,4 @@
   "sysinfo_ip_address": "عنوان IP",
   "player_default_welcome_message": "لإدارة هذا المشغل، انتقل إلى متصفح على العنوان",
   "player_noplaylist_welcome_message": "لم يتم تكوين قائمة تشغيل افتراضية، انتقل إلى متصفح على العنوان"
-}
+}
\ No newline at end of file
diff --git a/lang/de.json b/lang/de.json
index 71d64f7..ea8e200 100644
--- a/lang/de.json
+++ b/lang/de.json
@@ -16,7 +16,7 @@
   "slideshow_slide_panel_th_content": "Inhalt",
   "slideshow_slide_panel_th_duration": "Endet nach",
   "slideshow_slide_panel_th_duration_unit": "Sek",
-  "slideshow_slide_panel_th_delegate_duration_video": "Videodauer",
+  "slideshow_slide_panel_th_delegate_duration": "Inhaltsdauer",
   "slideshow_slide_panel_th_enabled": "Aktiviert",
   "slideshow_slide_panel_th_cron_scheduled": "Geplante Startzeit",
   "slideshow_slide_panel_th_activity": "Optionen",
@@ -34,7 +34,7 @@
   "slideshow_slide_form_section_scheduling": "Planung",
   "slideshow_slide_form_label_name": "Name",
   "slideshow_slide_form_label_enabled": "Aktivieren/Deaktivieren",
-  "slideshow_slide_form_label_delegate_duration": "Videodauer verwenden",
+  "slideshow_slide_form_label_delegate_duration": "Verwenden Sie die Dauer des Inhalts",
   "slideshow_slide_form_label_add_content": "In die Bibliothek hochladen",
   "slideshow_slide_form_label_from_library": "Aus der Bibliothek",
   "slideshow_slide_form_label_content_id": "Inhalt",
@@ -106,6 +106,24 @@
   "playlist_delete_has_slides": "Die Wiedergabeliste enthält Folien, bitte entfernen Sie diese und versuchen Sie es erneut",
   "playlist_delete_has_node_player_groups": "Wiedergabeliste ist mit einer Playergruppe verknüpft",
   "playlist_cast_warning": "Ihre <a href=\"%href%\" target=\"_blank\">externe URL</a> muss über HTTPS bereitgestellt werden, damit dies funktioniert",
+  "fleet_node_studio_page_title": "Studios",
+  "fleet_node_studio_open_fleet_view": "Flottenansicht öffnen",
+  "fleet_node_studio_button_add": "Studio hinzufügen",
+  "fleet_node_studio_panel_active": "Aktive Studios",
+  "fleet_node_studio_panel_inactive": "Inaktive Studios",
+  "fleet_node_studio_panel_empty": "Derzeit gibt es keine Studios. %link% jetzt.",
+  "fleet_node_studio_panel_th_name": "Name",
+  "fleet_node_studio_panel_th_host": "Host",
+  "fleet_node_studio_panel_th_enabled": "Aktiviert",
+  "fleet_node_studio_panel_th_activity": "Optionen",
+  "fleet_node_studio_form_add_title": "Studio hinzufügen",
+  "fleet_node_studio_form_add_submit": "Hinzufügen",
+  "fleet_node_studio_form_edit_title": "Studio bearbeiten",
+  "fleet_node_studio_form_edit_submit": "Speichern",
+  "fleet_node_studio_form_label_name": "Name",
+  "fleet_node_studio_form_label_host": "Host",
+  "fleet_node_studio_form_label_operating_system": "Betriebssystem",
+  "fleet_node_studio_form_button_cancel": "Abbrechen",
   "fleet_node_player_page_title": "Player",
   "fleet_node_player_button_add": "Player hinzufügen",
   "fleet_node_player_panel_active": "Aktive Player",
@@ -179,6 +197,8 @@
   "settings_variable_form_label_value": "Wert",
   "settings_variable_form_button_cancel": "Abbrechen",
   "settings_variable_desc_lang": "Serversprache",
+  "settings_variable_desc_snippet_enabled": "Code-Snippets aktivieren",
+  "settings_variable_desc_fleet_studio_enabled": "Fleet Studio-Verwaltung aktivieren (veraltet und nicht empfohlen)",
   "settings_variable_desc_fleet_player_enabled": "Geräteverwaltung aktivieren",
   "settings_variable_desc_edition_fleet_player_enabled": "Die Wiedergabelistenverwaltung wird ebenfalls aktiviert",
   "settings_variable_desc_auth_enabled": "Authentifizierungsverwaltung aktivieren",
@@ -186,6 +206,7 @@
   "settings_variable_desc_external_url": "Externe URL (z.B.: https://studio-01.company.com oder http://10.10.3.100)",
   "settings_variable_desc_slide_upload_limit": "Hochladegrenze für Folien (in Megabyte)",
   "settings_variable_desc_dark_mode": "Dunkelmodus",
+  "settings_variable_desc_collapsed_menu": "Eingeklapptes Menü",
   "settings_variable_desc_intro_slide_duration": "Dauer der Einführungsfolie (in Sekunden)",
   "settings_variable_desc_default_slide_time_with_seconds": "Sekunden auf der Uhr der Einführungsfolie anzeigen",
   "settings_variable_desc_polling_interval": "Aktualisierungsintervall für die Einstellungen des Players (in Sekunden)",
@@ -258,6 +279,7 @@
   "common_folder_not_empty_error": "Ordner '%folderName%' ist nicht leer, Sie müssen zunächst den Inhalt löschen",
   "common_copied": "Element in die Zwischenablage kopiert!",
   "common_host_placeholder": "raspberrypi.local oder 192.168.1.85",
+  "common_url_placeholder": "http://raspberrypi.local:5000 oder http://192.168.1.85:5000",
   "common_reachable_at": "Host",
   "common_http_error_occured": "Fehler %code% aufgetreten",
   "common_http_error_413": "Dateien sind zu groß",
@@ -313,6 +335,7 @@
   "enum_application_language_polish": "Polnisch",
   "enum_application_language_portugese": "Portugiesisch",
   "enum_application_language_russian": "Russisch",
+  "enum_application_language_thai": "Thailändisch",
   "enum_application_language_vietnamese": "Vietnamesisch",
   "enum_application_language_chinese": "Chinesisch",
   "enum_content_type_external_storage": "Externes Speichermedium",
@@ -320,6 +343,8 @@
   "enum_content_type_external_storage_flashdrive_label": "Pfad relativ zu einem entfernbaren Gerät",
   "enum_content_type_composition": "Komposition",
   "enum_content_type_composition_object_label": "Bildschirmseitenverhältnis",
+  "enum_content_type_playlist_embed": "Playlist-Einbettung",
+  "enum_content_type_playlist_embed_object_label": "Playlist zum Einbetten",
   "enum_content_type_text": "Text",
   "enum_content_type_text_object_label": "Angezeigter Text",
   "enum_content_type_url": "URL",
@@ -351,4 +376,4 @@
   "sysinfo_ip_address": "IP-Adresse",
   "player_default_welcome_message": "Um diesen Player zu verwalten, gehen Sie in einem Browser zu",
   "player_noplaylist_welcome_message": "Keine Wiedergabeliste ist standardmäßig konfiguriert, gehen Sie in einem Browser zu"
-}
+}
\ No newline at end of file
diff --git a/lang/el.json b/lang/el.json
index 0d7558b..12e7daa 100644
--- a/lang/el.json
+++ b/lang/el.json
@@ -16,7 +16,7 @@
   "slideshow_slide_panel_th_content": "Περιεχόμενο",
   "slideshow_slide_panel_th_duration": "Λήγει μετά από",
   "slideshow_slide_panel_th_duration_unit": "δευτ.",
-  "slideshow_slide_panel_th_delegate_duration_video": "Διάρκεια βίντεο",
+  "slideshow_slide_panel_th_delegate_duration": "Διάρκεια περιεχομένου",
   "slideshow_slide_panel_th_enabled": "Ενεργοποιημένο",
   "slideshow_slide_panel_th_cron_scheduled": "Προγραμματισμένη Έναρξη",
   "slideshow_slide_panel_th_activity": "Επιλογές",
@@ -34,7 +34,7 @@
   "slideshow_slide_form_section_scheduling": "Προγραμματισμός",
   "slideshow_slide_form_label_name": "Όνομα",
   "slideshow_slide_form_label_enabled": "Ενεργοποίηση/Απενεργοποίηση",
-  "slideshow_slide_form_label_delegate_duration": "Χρήση διάρκειας βίντεο",
+  "slideshow_slide_form_label_delegate_duration": "Χρησιμοποιήστε τη διάρκεια του περιεχομένου",
   "slideshow_slide_form_label_add_content": "Μεταφόρτωση στη βιβλιοθήκη",
   "slideshow_slide_form_label_from_library": "Από τη βιβλιοθήκη",
   "slideshow_slide_form_label_content_id": "Περιεχόμενο",
@@ -106,6 +106,24 @@
   "playlist_delete_has_slides": "Η λίστα αναπαραγωγής περιέχει διαφάνειες, αφαιρέστε τις πρώτα και δοκιμάστε ξανά",
   "playlist_delete_has_node_player_groups": "Η λίστα αναπαραγωγής είναι συνδεδεμένη με μια ομάδα αναπαραγωγών",
   "playlist_cast_warning": "Το <a href=\"%href%\" target=\"_blank\">εξωτερικό URL</a> σας πρέπει να είναι εξυπηρετούμενο μέσω HTTPS για να λειτουργήσει",
+  "fleet_node_studio_page_title": "Στούντιο",
+  "fleet_node_studio_open_fleet_view": "Άνοιγμα προβολής στόλου",
+  "fleet_node_studio_button_add": "Προσθήκη στούντιο",
+  "fleet_node_studio_panel_active": "Ενεργά στούντιο",
+  "fleet_node_studio_panel_inactive": "Ανενεργά στούντιο",
+  "fleet_node_studio_panel_empty": "Αυτή τη στιγμή δεν υπάρχουν στούντιο. %link% τώρα.",
+  "fleet_node_studio_panel_th_name": "Όνομα",
+  "fleet_node_studio_panel_th_host": "Διακομιστής",
+  "fleet_node_studio_panel_th_enabled": "Ενεργοποιημένο",
+  "fleet_node_studio_panel_th_activity": "Επιλογές",
+  "fleet_node_studio_form_add_title": "Προσθήκη στούντιο",
+  "fleet_node_studio_form_add_submit": "Προσθήκη",
+  "fleet_node_studio_form_edit_title": "Επεξεργασία στούντιο",
+  "fleet_node_studio_form_edit_submit": "Αποθήκευση",
+  "fleet_node_studio_form_label_name": "Όνομα",
+  "fleet_node_studio_form_label_host": "Διακομιστής",
+  "fleet_node_studio_form_label_operating_system": "ΛΣ",
+  "fleet_node_studio_form_button_cancel": "Άκυρο",
   "fleet_node_player_page_title": "Αναπαραγωγείς",
   "fleet_node_player_button_add": "Προσθήκη αναπαραγωγέα",
   "fleet_node_player_panel_active": "Ενεργοί αναπαραγωγείς",
@@ -179,6 +197,8 @@
   "settings_variable_form_label_value": "Αξία",
   "settings_variable_form_button_cancel": "Ακύρωση",
   "settings_variable_desc_lang": "Γλώσσα διακομιστή",
+  "settings_variable_desc_snippet_enabled": "Ενεργοποίηση αποσπασμάτων κώδικα",
+  "settings_variable_desc_fleet_studio_enabled": "Ενεργοποίηση διαχείρισης Fleet Studio (παλιό και παρωχημένο)",
   "settings_variable_desc_fleet_player_enabled": "Ενεργοποίηση διαχείρισης αναπαραγωγών",
   "settings_variable_desc_edition_fleet_player_enabled": "Η διαχείριση λιστών αναπαραγωγής θα ενεργοποιηθεί επίσης",
   "settings_variable_desc_auth_enabled": "Ενεργοποίηση διαχείρισης ελέγχου ταυτότητας",
@@ -186,6 +206,7 @@
   "settings_variable_desc_external_url": "Εξωτερικό URL (π.χ. https://studio-01.company.com ή http://10.10.3.100)",
   "settings_variable_desc_slide_upload_limit": "Όριο μεταφόρτωσης διαφανειών (σε megabyte)",
   "settings_variable_desc_dark_mode": "Σκοτεινή λειτουργία",
+  "settings_variable_desc_collapsed_menu": "Συμπτυγμένο μενού",
   "settings_variable_desc_intro_slide_duration": "Διάρκεια εισαγωγικής διαφάνειας (σε δευτερόλεπτα)",
   "settings_variable_desc_default_slide_time_with_seconds": "Εμφάνιση των δευτερολέπτων στο ρολόι της εισαγωγικής διαφάνειας",
   "settings_variable_desc_polling_interval": "Διάστημα ανανέωσης που εφαρμόζεται για τις ρυθμίσεις στον αναπαραγωγέα (σε δευτερόλεπτα)",
@@ -258,6 +279,7 @@
   "common_folder_not_empty_error": "Ο φάκελος '%folderName%' δεν είναι άδειος, πρέπει πρώτα να διαγράψετε το περιεχόμενό του",
   "common_copied": "Το στοιχείο αντιγράφηκε στο πρόχειρο!",
   "common_host_placeholder": "raspberrypi.local ή 192.168.1.85",
+  "common_url_placeholder": "http://raspberrypi.local:5000 ή http://192.168.1.85:5000",
   "common_reachable_at": "Διακομιστής",
   "common_http_error_occured": "Παρουσιάστηκε σφάλμα %code%",
   "common_http_error_413": "Τα αρχεία είναι πολύ μεγάλα",
@@ -313,6 +335,7 @@
   "enum_application_language_polish": "Πολωνικά",
   "enum_application_language_portugese": "Πορτογαλικά",
   "enum_application_language_russian": "Ρωσικά",
+  "enum_application_language_thai": "Ταϊλανδικά",
   "enum_application_language_vietnamese": "Βιετναμέζικα",
   "enum_application_language_chinese": "Κινέζικα",
   "enum_content_type_external_storage": "Εξωτερική αποθήκευση",
@@ -320,6 +343,8 @@
   "enum_content_type_external_storage_flashdrive_label": "Διαδρομή σε σχέση με αφαιρούμενη συσκευή",
   "enum_content_type_composition": "Σύνθεση",
   "enum_content_type_composition_object_label": "Αναλογία διαστάσεων οθόνης",
+  "enum_content_type_playlist_embed": "Ενσωμάτωση λίστας αναπαραγωγής",
+  "enum_content_type_playlist_embed_object_label": "Λίστα αναπαραγωγής προς ενσωμάτωση",
   "enum_content_type_text": "Κείμενο",
   "enum_content_type_text_object_label": "Εμφανιζόμενο κείμενο",
   "enum_content_type_url": "URL",
@@ -351,4 +376,4 @@
   "sysinfo_ip_address": "Διεύθυνση IP",
   "player_default_welcome_message": "Για να διαχειριστείτε αυτόν τον αναπαραγωγέα, μεταβείτε σε έναν περιηγητή στο",
   "player_noplaylist_welcome_message": "Δεν έχει διαμορφωθεί προεπιλεγμένη λίστα αναπαραγωγής, μεταβείτε σε έναν περιηγητή στο"
-}
+}
\ No newline at end of file
diff --git a/lang/en.json b/lang/en.json
index 3cccdc9..30538e4 100644
--- a/lang/en.json
+++ b/lang/en.json
@@ -16,7 +16,7 @@
   "slideshow_slide_panel_th_content": "Content",
   "slideshow_slide_panel_th_duration": "Ends after",
   "slideshow_slide_panel_th_duration_unit": "sec",
-  "slideshow_slide_panel_th_delegate_duration_video": "Video's duration",
+  "slideshow_slide_panel_th_delegate_duration": "Content's duration",
   "slideshow_slide_panel_th_enabled": "Enabled",
   "slideshow_slide_panel_th_cron_scheduled": "Scheduled Start",
   "slideshow_slide_panel_th_activity": "Options",
@@ -34,7 +34,7 @@
   "slideshow_slide_form_section_scheduling": "Scheduling",
   "slideshow_slide_form_label_name": "Name",
   "slideshow_slide_form_label_enabled": "Enable/Disable",
-  "slideshow_slide_form_label_delegate_duration": "Use video's duration",
+  "slideshow_slide_form_label_delegate_duration": "Use content's duration",
   "slideshow_slide_form_label_add_content": "Upload to library",
   "slideshow_slide_form_label_from_library": "From library",
   "slideshow_slide_form_label_content_id": "Content",
@@ -106,6 +106,24 @@
   "playlist_delete_has_slides": "Playlist has slides, please remove them before and retry",
   "playlist_delete_has_node_player_groups": "Playlist is linked to a playgroup",
   "playlist_cast_warning": "Your <a href=\"%href%\" target=\"_blank\">external URL</a> must be served over https for this to work",
+  "fleet_node_studio_page_title": "Studios",
+  "fleet_node_studio_open_fleet_view": "Open Fleet View",
+  "fleet_node_studio_button_add": "Add a studio",
+  "fleet_node_studio_panel_active": "Active studios",
+  "fleet_node_studio_panel_inactive": "Inactive studios",
+  "fleet_node_studio_panel_empty": "Currently, there are no studios. %link% now.",
+  "fleet_node_studio_panel_th_name": "Name",
+  "fleet_node_studio_panel_th_host": "Host",
+  "fleet_node_studio_panel_th_enabled": "Enabled",
+  "fleet_node_studio_panel_th_activity": "Options",
+  "fleet_node_studio_form_add_title": "Add Studio",
+  "fleet_node_studio_form_add_submit": "Add",
+  "fleet_node_studio_form_edit_title": "Edit Studio",
+  "fleet_node_studio_form_edit_submit": "Save",
+  "fleet_node_studio_form_label_name": "Name",
+  "fleet_node_studio_form_label_host": "Host",
+  "fleet_node_studio_form_label_operating_system": "OS",
+  "fleet_node_studio_form_button_cancel": "Cancel",
   "fleet_node_player_page_title": "Players",
   "fleet_node_player_button_add": "Add a player",
   "fleet_node_player_panel_active": "Active players",
@@ -179,6 +197,8 @@
   "settings_variable_form_label_value": "Value",
   "settings_variable_form_button_cancel": "Cancel",
   "settings_variable_desc_lang": "Server language",
+  "settings_variable_desc_snippet_enabled": "Enable code snippets",
+  "settings_variable_desc_fleet_studio_enabled": "Enable fleet studio management (legacy and deprecated)",
   "settings_variable_desc_fleet_player_enabled": "Enable fleet player management",
   "settings_variable_desc_edition_fleet_player_enabled": "Playlist management will also be enabled",
   "settings_variable_desc_auth_enabled": "Enable auth management",
@@ -186,6 +206,7 @@
   "settings_variable_desc_external_url": "External url (i.e: https://studio-01.company.com or http://10.10.3.100)",
   "settings_variable_desc_slide_upload_limit": "Slide upload limit (in megabytes)",
   "settings_variable_desc_dark_mode": "Dark mode",
+  "settings_variable_desc_collapsed_menu": "Collapsed menu",
   "settings_variable_desc_intro_slide_duration": "Introduction slide duration (in seconds)",
   "settings_variable_desc_default_slide_time_with_seconds": "Show the seconds on the clock in the introduction slide",
   "settings_variable_desc_polling_interval": "Refresh interval applied for settings to the player (in seconds)",
@@ -258,6 +279,7 @@
   "common_folder_not_empty_error": "Folder '%folderName%' isn't empty, you must delete its content first",
   "common_copied": "Element copied in clipboard!",
   "common_host_placeholder": "raspberrypi.local or 192.168.1.85",
+  "common_url_placeholder": "http://raspberrypi.local:5000 or http://192.168.1.85:5000",
   "common_reachable_at": "Host",
   "common_http_error_occured": "Error %code% occured",
   "common_http_error_413": "Files are too large",
@@ -313,6 +335,7 @@
   "enum_application_language_polish": "Polish",
   "enum_application_language_portugese": "Portugese",
   "enum_application_language_russian": "Russian",
+  "enum_application_language_thai": "Thai",
   "enum_application_language_vietnamese": "Vietnamese",
   "enum_application_language_chinese": "Chinese",
   "enum_content_type_external_storage": "External Storage",
@@ -320,6 +343,8 @@
   "enum_content_type_external_storage_flashdrive_label": "Path relative to a removeable device",
   "enum_content_type_composition": "Composition",
   "enum_content_type_composition_object_label": "Screen aspect ratio",
+  "enum_content_type_playlist_embed": "Playlist Embed",
+  "enum_content_type_playlist_embed_object_label": "Playlist to embed",
   "enum_content_type_text": "Text",
   "enum_content_type_text_object_label": "Displayed text",
   "enum_content_type_url": "URL",
diff --git a/lang/es.json b/lang/es.json
index 1d9d86c..8679488 100644
--- a/lang/es.json
+++ b/lang/es.json
@@ -16,7 +16,7 @@
   "slideshow_slide_panel_th_content": "Contenido",
   "slideshow_slide_panel_th_duration": "Termina después",
   "slideshow_slide_panel_th_duration_unit": "seg",
-  "slideshow_slide_panel_th_delegate_duration_video": "Duración del vídeo",
+  "slideshow_slide_panel_th_delegate_duration": "Duración del contenido",
   "slideshow_slide_panel_th_enabled": "Habilitado",
   "slideshow_slide_panel_th_cron_scheduled": "Inicio Programado",
   "slideshow_slide_panel_th_activity": "Opciones",
@@ -35,7 +35,7 @@
   "slideshow_slide_form_label_name": "Nombre",
   "slideshow_slide_form_label_add_content": "Upload a la biblioteca",
   "slideshow_slide_form_label_enabled": "Activar/Desactivar",
-  "slideshow_slide_form_label_delegate_duration": "Utilizar la duración del vídeo",
+  "slideshow_slide_form_label_delegate_duration": "Usar la duración del contenido",
   "slideshow_slide_form_label_from_library": "Dalla biblioteca",
   "slideshow_slide_form_label_content_id": "Contenido",
   "slideshow_slide_form_label_location": "Ubicación",
@@ -106,6 +106,24 @@
   "playlist_delete_has_slides": "La playlist tiene diapositivas, por favor elimínelas antes y reintente",
   "playlist_delete_has_node_player_groups": "La playlist está asignada a un playgroup",
   "playlist_cast_warning": "Tu <a href=\"%href%\" target=\"_blank\">URL externa</a> debe ser entregada en https para que esto funcione",
+  "fleet_node_studio_page_title": "Estudios",
+  "fleet_node_studio_open_fleet_view": "Abrir vista de flota",
+  "fleet_node_studio_button_add": "Agregar un estudio",
+  "fleet_node_studio_panel_active": "Estudios activos",
+  "fleet_node_studio_panel_inactive": "Estudios inactivos",
+  "fleet_node_studio_panel_empty": "Actualmente no hay estudios. %link% ahora.",
+  "fleet_node_studio_panel_th_name": "Nombre",
+  "fleet_node_studio_panel_th_host": "Anfitrión",
+  "fleet_node_studio_panel_th_enabled": "Habilitado",
+  "fleet_node_studio_panel_th_activity": "Opciones",
+  "fleet_node_studio_form_add_title": "Agregar estudio",
+  "fleet_node_studio_form_add_submit": "Agregar",
+  "fleet_node_studio_form_edit_title": "Editar estudio",
+  "fleet_node_studio_form_edit_submit": "Guardar",
+  "fleet_node_studio_form_label_name": "Nombre",
+  "fleet_node_studio_form_label_host": "Anfitrión",
+  "fleet_node_studio_form_label_operating_system": "SO",
+  "fleet_node_studio_form_button_cancel": "Cancelar",
   "fleet_node_player_page_title": "Reproductores",
   "fleet_node_player_button_add": "Agregar un reproductor",
   "fleet_node_player_panel_active": "Reproductores activos",
@@ -179,6 +197,8 @@
   "settings_variable_form_label_value": "Valor",
   "settings_variable_form_button_cancel": "Cancelar",
   "settings_variable_desc_lang": "Idioma del servidor",
+  "settings_variable_desc_snippet_enabled": "Habilitar fragmentos de código",
+  "settings_variable_desc_fleet_studio_enabled": "Habilitar la gestión de Fleet Studio (obsoleto y en desuso)",
   "settings_variable_desc_fleet_player_enabled": "Habilitar gestión de reproductores de flota",
   "settings_variable_desc_edition_fleet_player_enabled": "La gestión de playlist también se habilitará",
   "settings_variable_desc_auth_enabled": "Habilitar gestión de autenticación",
@@ -186,6 +206,7 @@
   "settings_variable_desc_external_url": "URL externa (ej.: https://studio-01.company.com o http://10.10.3.100)",
   "settings_variable_desc_slide_upload_limit": "Límite de carga de diapositivas (en megabytes)",
   "settings_variable_desc_dark_mode": "Modo oscuro",
+  "settings_variable_desc_collapsed_menu": "Menú colapsado",
   "settings_variable_desc_intro_slide_duration": "Duración de la diapositiva de introducción (en segundos)",
   "settings_variable_desc_default_slide_time_with_seconds": "Mostrar los segundos en el reloj de la diapositiva de introducción",
   "settings_variable_desc_polling_interval": "Intervalo de actualización aplicado para configuraciones del reproductor (en segundos)",
@@ -258,6 +279,7 @@
   "common_folder_not_empty_error": "La carpeta '%folderName%' no está vacía, primero debes eliminar su contenido",
   "common_copied": "¡Elemento copiado!",
   "common_host_placeholder": "raspberrypi.local o 192.168.1.85",
+  "common_url_placeholder": "http://raspberrypi.local:5000 o http://192.168.1.85:5000",
   "common_reachable_at": "Host",
   "common_http_error_occured": "Se ha producido un error %code%",
   "common_http_error_413": "Los archivos son demasiado grandes",
@@ -313,6 +335,7 @@
   "enum_application_language_polish": "Polaco",
   "enum_application_language_portugese": "Portugués",
   "enum_application_language_russian": "Ruso",
+  "enum_application_language_thai": "Tailandés",
   "enum_application_language_vietnamese": "Vietnamita",
   "enum_application_language_chinese": "Chino",
   "enum_content_type_external_storage": "Almacenamiento externo",
@@ -320,6 +343,8 @@
   "enum_content_type_external_storage_flashdrive_label": "Ruta relativa a un dispositivo extraíble",
   "enum_content_type_composition": "Composición",
   "enum_content_type_composition_object_label": "Relación de aspecto de la pantalla",
+  "enum_content_type_playlist_embed": "Incrustar lista de reproducción",
+  "enum_content_type_playlist_embed_object_label": "Lista de reproducción para incrustar",
   "enum_content_type_text": "Texto",
   "enum_content_type_text_object_label": "Texto mostrado",
   "enum_content_type_url": "URL",
diff --git a/lang/fr.json b/lang/fr.json
index d65e12d..6a57e29 100644
--- a/lang/fr.json
+++ b/lang/fr.json
@@ -16,7 +16,7 @@
   "slideshow_slide_panel_th_content": "Contenu",
   "slideshow_slide_panel_th_duration": "Fin après",
   "slideshow_slide_panel_th_duration_unit": "sec",
-  "slideshow_slide_panel_th_delegate_duration_video": "Durée de la vidéo",
+  "slideshow_slide_panel_th_delegate_duration": "Durée du contenu",
   "slideshow_slide_panel_th_enabled": "Activé",
   "slideshow_slide_panel_th_cron_scheduled": "Programmation",
   "slideshow_slide_panel_th_activity": "Options",
@@ -34,7 +34,7 @@
   "slideshow_slide_form_section_scheduling": "Programmation",
   "slideshow_slide_form_label_name": "Nom",
   "slideshow_slide_form_label_enabled": "Activer/Désactiver",
-  "slideshow_slide_form_label_delegate_duration": "Utiliser la durée de la vidéo",
+  "slideshow_slide_form_label_delegate_duration": "Utiliser la durée du contenu",
   "slideshow_slide_form_label_add_content": "Upload à la bibliothèque",
   "slideshow_slide_form_label_from_library": "Depuis la bibliothèque",
   "slideshow_slide_form_label_content_id": "Contenu",
@@ -106,6 +106,24 @@
   "playlist_delete_has_slides": "La playlist contient des slides, supprimez-les avant et réessayez",
   "playlist_delete_has_node_player_groups": "La playlist est attribuée à un playgroup",
   "playlist_cast_warning": "Votre <a href=\"%href%\" target=\"_blank\">URL externe</a> doit être servi en https pour que ça fonctionne",
+  "fleet_node_studio_page_title": "Studios",
+  "fleet_node_studio_open_fleet_view": "Voir la flotte",
+  "fleet_node_studio_button_add": "Ajouter un studio",
+  "fleet_node_studio_panel_active": "Studios actifs",
+  "fleet_node_studio_panel_inactive": "Studios inactifs",
+  "fleet_node_studio_panel_empty": "Actuellement, il n'y a aucun studio. %link% maintenant.",
+  "fleet_node_studio_panel_th_name": "Nom",
+  "fleet_node_studio_panel_th_host": "Hôte",
+  "fleet_node_studio_panel_th_enabled": "Activé",
+  "fleet_node_studio_panel_th_activity": "Options",
+  "fleet_node_studio_form_add_title": "Ajouter un studio",
+  "fleet_node_studio_form_add_submit": "Ajouter",
+  "fleet_node_studio_form_edit_title": "Modifier le studio",
+  "fleet_node_studio_form_edit_submit": "Enregistrer",
+  "fleet_node_studio_form_label_name": "Nom",
+  "fleet_node_studio_form_label_host": "Hôte",
+  "fleet_node_studio_form_label_operating_system": "OS",
+  "fleet_node_studio_form_button_cancel": "Annuler",
   "fleet_node_player_page_title": "Lecteurs",
   "fleet_node_player_button_add": "Ajouter un lecteur",
   "fleet_node_player_panel_active": "Players actifs",
@@ -179,6 +197,8 @@
   "settings_variable_form_label_value": "Valeur",
   "settings_variable_form_button_cancel": "Annuler",
   "settings_variable_desc_lang": "Langage de l'application",
+  "settings_variable_desc_snippet_enabled": "Activer les extraits de code (code snippets)",
+  "settings_variable_desc_fleet_studio_enabled": "Activer la gestion de Fleet Studio (ancienne et obsolète)",
   "settings_variable_desc_fleet_player_enabled": "Activer la gestion de flotte des players",
   "settings_variable_desc_edition_fleet_player_enabled": "Les playlists seront également activées",
   "settings_variable_desc_auth_enabled": "Activer la gestion de l'authentification",
@@ -186,6 +206,7 @@
   "settings_variable_desc_external_url": "URL externe (i.e: https://studio-01.company.com or http://10.10.3.100)",
   "settings_variable_desc_slide_upload_limit": "Limite d'upload du fichier d'une slide (en mégaoctets)",
   "settings_variable_desc_dark_mode": "Mdoe sombre",
+  "settings_variable_desc_collapsed_menu": "Menu réduit",
   "settings_variable_desc_intro_slide_duration": "Durée de la slide d'introduction (en secondes)",
   "settings_variable_desc_default_slide_time_with_seconds": "Afficher les secondes de l'horloge de la slide d'introduction",
   "settings_variable_desc_polling_interval": "Intervalle de rafraîchissement des paramètres à appliquer au lecteur (en secondes)",
@@ -258,6 +279,7 @@
   "common_folder_not_empty_error": "Le dossier '%folderName%' n'est pas vide, vous devez d'abord supprimer son contenu",
   "common_copied": "Element copié !",
   "common_host_placeholder": "raspberrypi.local ou 192.168.1.85",
+  "common_url_placeholder": "http://raspberrypi.local:5000 ou http://192.168.1.85:5000",
   "common_reachable_at": "Hôte",
   "common_http_error_occured": "Une erreur %code% est apparue",
   "common_http_error_413": "Les fichiers sont trop volumineux",
@@ -313,6 +335,7 @@
   "enum_application_language_polish": "Polonais",
   "enum_application_language_portugese": "Portugais",
   "enum_application_language_russian": "Russe",
+  "enum_application_language_thai": "Thaï",
   "enum_application_language_vietnamese": "Vietnamien",
   "enum_application_language_chinese": "Chinois",
   "enum_content_type_external_storage": "Stockage externe",
@@ -320,6 +343,8 @@
   "enum_content_type_external_storage_flashdrive_label": "Chemin relatif à un périphérique amovible",
   "enum_content_type_composition": "Composition",
   "enum_content_type_composition_object_label": "Rapport hauteur/largeur de l'écran",
+  "enum_content_type_playlist_embed": "Playlist intégrée",
+  "enum_content_type_playlist_embed_object_label": "Playlist à intégrer",
   "enum_content_type_text": "Texte",
   "enum_content_type_text_object_label": "Texte affiché",
   "enum_content_type_url": "URL",
diff --git a/lang/hi.json b/lang/hi.json
index b35d059..d6eb5fc 100644
--- a/lang/hi.json
+++ b/lang/hi.json
@@ -16,7 +16,7 @@
   "slideshow_slide_panel_th_content": "सामग्री",
   "slideshow_slide_panel_th_duration": "के बाद समाप्त होता है",
   "slideshow_slide_panel_th_duration_unit": "सेकंड",
-  "slideshow_slide_panel_th_delegate_duration_video": "वीडियो की अवधि",
+  "slideshow_slide_panel_th_delegate_duration": "सामग्री की अवधि",
   "slideshow_slide_panel_th_enabled": "सक्रिय",
   "slideshow_slide_panel_th_cron_scheduled": "निर्धारित प्रारंभ",
   "slideshow_slide_panel_th_activity": "विकल्प",
@@ -34,7 +34,7 @@
   "slideshow_slide_form_section_scheduling": "निर्धारण",
   "slideshow_slide_form_label_name": "नाम",
   "slideshow_slide_form_label_enabled": "सक्रिय/निष्क्रिय",
-  "slideshow_slide_form_label_delegate_duration": "वीडियो की अवधि का उपयोग करें",
+  "slideshow_slide_form_label_delegate_duration": "सामग्री की अवधि का उपयोग करें",
   "slideshow_slide_form_label_add_content": "लाइब्रेरी में अपलोड करें",
   "slideshow_slide_form_label_from_library": "लाइब्रेरी से",
   "slideshow_slide_form_label_content_id": "सामग्री",
@@ -106,6 +106,24 @@
   "playlist_delete_has_slides": "प्लेलिस्ट में स्लाइड्स हैं, कृपया उन्हें पहले हटा दें और पुनः प्रयास करें",
   "playlist_delete_has_node_player_groups": "प्लेलिस्ट एक प्लेगग्रुप से जुड़ी हुई है",
   "playlist_cast_warning": "इसके काम करने के लिए आपका <a href=\"%href%\" target=\"_blank\">बाहरी URL</a> HTTPS पर उपलब्ध होना चाहिए",
+  "fleet_node_studio_page_title": "स्टूडियो",
+  "fleet_node_studio_open_fleet_view": "फ्लीट दृश्य खोलें",
+  "fleet_node_studio_button_add": "स्टूडियो जोड़ें",
+  "fleet_node_studio_panel_active": "सक्रिय स्टूडियो",
+  "fleet_node_studio_panel_inactive": "निष्क्रिय स्टूडियो",
+  "fleet_node_studio_panel_empty": "वर्तमान में, कोई स्टूडियो नहीं है। %link% अभी।",
+  "fleet_node_studio_panel_th_name": "नाम",
+  "fleet_node_studio_panel_th_host": "मेज़बान",
+  "fleet_node_studio_panel_th_enabled": "सक्रिय",
+  "fleet_node_studio_panel_th_activity": "विकल्प",
+  "fleet_node_studio_form_add_title": "स्टूडियो जोड़ें",
+  "fleet_node_studio_form_add_submit": "जोड़ें",
+  "fleet_node_studio_form_edit_title": "स्टूडियो संपादित करें",
+  "fleet_node_studio_form_edit_submit": "सहेजें",
+  "fleet_node_studio_form_label_name": "नाम",
+  "fleet_node_studio_form_label_host": "मेज़बान",
+  "fleet_node_studio_form_label_operating_system": "ऑपरेटिंग सिस्टम",
+  "fleet_node_studio_form_button_cancel": "रद्द करें",
   "fleet_node_player_page_title": "प्लेयर",
   "fleet_node_player_button_add": "प्लेयर जोड़ें",
   "fleet_node_player_panel_active": "सक्रिय प्लेयर",
@@ -179,6 +197,8 @@
   "settings_variable_form_label_value": "मूल्य",
   "settings_variable_form_button_cancel": "रद्द करें",
   "settings_variable_desc_lang": "सर्वर भाषा",
+  "settings_variable_desc_snippet_enabled": "कोड स्निपेट सक्षम करें",
+  "settings_variable_desc_fleet_studio_enabled": "Fleet Studio प्रबंधन को सक्षम करें (पुराना और अप्रचलित)",
   "settings_variable_desc_fleet_player_enabled": "फ़्लीट प्लेयर प्रबंधन सक्षम करें",
   "settings_variable_desc_edition_fleet_player_enabled": "प्लेलिस्ट प्रबंधन भी सक्षम होगा",
   "settings_variable_desc_auth_enabled": "प्रमाणीकरण प्रबंधन सक्षम करें",
@@ -186,6 +206,7 @@
   "settings_variable_desc_external_url": "बाहरी URL (उदा: https://studio-01.company.com या http://10.10.3.100)",
   "settings_variable_desc_slide_upload_limit": "स्लाइड अपलोड सीमा (मेगाबाइट्स में)",
   "settings_variable_desc_dark_mode": "डार्क मोड",
+  "settings_variable_desc_collapsed_menu": "संक्षिप्त मेनू",
   "settings_variable_desc_intro_slide_duration": "परिचय स्लाइड की अवधि (सेकंड में)",
   "settings_variable_desc_default_slide_time_with_seconds": "परिचय स्लाइड में घड़ी पर सेकंड दिखाएं",
   "settings_variable_desc_polling_interval": "प्लेयर के लिए लागू होने वाला रीफ़्रेश अंतराल (सेकंड में)",
@@ -258,6 +279,7 @@
   "common_folder_not_empty_error": "फ़ोल्डर '%folderName%' खाली नहीं है, आपको पहले इसकी सामग्री हटानी होगी",
   "common_copied": "तत्व क्लिपबोर्ड में कॉपी किया गया!",
   "common_host_placeholder": "raspberrypi.local या 192.168.1.85",
+  "common_url_placeholder": "http://raspberrypi.local:5000 या http://192.168.1.85:5000",
   "common_reachable_at": "होस्ट",
   "common_http_error_occured": "त्रुटि %code% उत्पन्न हुई",
   "common_http_error_413": "फ़ाइलें बहुत बड़ी हैं",
@@ -313,6 +335,7 @@
   "enum_application_language_polish": "पोलिश",
   "enum_application_language_portugese": "पुर्तगाली",
   "enum_application_language_russian": "रूसी",
+  "enum_application_language_thai": "थाई",
   "enum_application_language_vietnamese": "वियतनामी",
   "enum_application_language_chinese": "चीनी",
   "enum_content_type_external_storage": "बाहरी भंडारण",
@@ -320,6 +343,8 @@
   "enum_content_type_external_storage_flashdrive_label": "रिमूवेबल डिवाइस के सापेक्ष पथ",
   "enum_content_type_composition": "संयोजन",
   "enum_content_type_composition_object_label": "स्क्रीन पहलू अनुपात",
+  "enum_content_type_playlist_embed": "प्लेलिस्ट एम्बेड",
+  "enum_content_type_playlist_embed_object_label": "एम्बेड करने के लिए प्लेलिस्ट",
   "enum_content_type_text": "टेक्स्ट",
   "enum_content_type_text_object_label": "दिखाया गया टेक्स्ट",
   "enum_content_type_url": "URL",
@@ -351,4 +376,4 @@
   "sysinfo_ip_address": "IP पता",
   "player_default_welcome_message": "इस प्लेयर को प्रबंधित करने के लिए, ब्राउज़र में जाएं",
   "player_noplaylist_welcome_message": "कोई प्लेलिस्ट डिफ़ॉल्ट रूप से कॉन्फ़िगर नहीं है, ब्राउज़र में जाएं"
-}
+}
\ No newline at end of file
diff --git a/lang/it.json b/lang/it.json
index f8efb67..0d8aa9a 100644
--- a/lang/it.json
+++ b/lang/it.json
@@ -16,7 +16,7 @@
   "slideshow_slide_panel_th_content": "Contenuti",
   "slideshow_slide_panel_th_duration": "Finito in",
   "slideshow_slide_panel_th_duration_unit": "sec",
-  "slideshow_slide_panel_th_delegate_duration_video": "Durata del video",
+  "slideshow_slide_panel_th_delegate_duration": "Durata del contenuto",
   "slideshow_slide_panel_th_enabled": "Abilitato",
   "slideshow_slide_panel_th_cron_scheduled": "Avvia programmazione",
   "slideshow_slide_panel_th_activity": "Opzioni",
@@ -34,7 +34,7 @@
   "slideshow_slide_form_section_scheduling": "Programmazione",
   "slideshow_slide_form_label_name": "Nome",
   "slideshow_slide_form_label_enabled": "Abilita/Disabilita",
-  "slideshow_slide_form_label_delegate_duration": "Utilizza la durata del video",
+  "slideshow_slide_form_label_delegate_duration": "Usa la durata del contenuto",
   "slideshow_slide_form_label_add_content": "Upload alla biblioteca",
   "slideshow_slide_form_label_from_library": "Dalla biblioteca",
   "slideshow_slide_form_label_content_id": "Contenuti",
@@ -106,6 +106,24 @@
   "playlist_delete_has_slides": "Sono presenti slide nella playlist, annullale e riprova",
   "playlist_delete_has_node_player_groups": "La playlist è collegata ad un playgroup",
   "playlist_cast_warning": "Il tuo <a href=\"%href%\" target=\"_blank\">URL esterno</a> deve essere servito in https affinché funzioni",
+  "fleet_node_studio_page_title": "Studi",
+  "fleet_node_studio_open_fleet_view": "Apri vista flotta",
+  "fleet_node_studio_button_add": "Aggiungi uno studio",
+  "fleet_node_studio_panel_active": "Studi attivi",
+  "fleet_node_studio_panel_inactive": "Studi inattivi",
+  "fleet_node_studio_panel_empty": "Attualmente, non ci sono studi. %link% ora.",
+  "fleet_node_studio_panel_th_name": "Nome",
+  "fleet_node_studio_panel_th_host": "Host",
+  "fleet_node_studio_panel_th_enabled": "Abilitato",
+  "fleet_node_studio_panel_th_activity": "Opzioni",
+  "fleet_node_studio_form_add_title": "Aggiungi Studio",
+  "fleet_node_studio_form_add_submit": "Aggiungi",
+  "fleet_node_studio_form_edit_title": "Modifica Studio",
+  "fleet_node_studio_form_edit_submit": "Salva",
+  "fleet_node_studio_form_label_name": "Nome",
+  "fleet_node_studio_form_label_host": "Host",
+  "fleet_node_studio_form_label_operating_system": "SO",
+  "fleet_node_studio_form_button_cancel": "Annulla",
   "fleet_node_player_page_title": "Schermi",
   "fleet_node_player_button_add": "Aggiungi allo schermo",
   "fleet_node_player_panel_active": "Schermi attivi",
@@ -179,6 +197,8 @@
   "settings_variable_form_label_value": "Valore",
   "settings_variable_form_button_cancel": "Cancella",
   "settings_variable_desc_lang": "Lingua server",
+  "settings_variable_desc_snippet_enabled": "Abilita frammenti di codice",
+  "settings_variable_desc_fleet_studio_enabled": "Abilita la gestione di Fleet Studio (legacy e deprecato)",
   "settings_variable_desc_fleet_player_enabled": "Abilita panoramica gestione monitor",
   "settings_variable_desc_edition_fleet_player_enabled": "Verrà abilitata anche la gestione delle playlist",
   "settings_variable_desc_auth_enabled": "Abilita la gestione autenticazione",
@@ -186,6 +206,7 @@
   "settings_variable_desc_external_url": "Url esterno (esempio: https://studio-01.company.com or http://10.10.3.100)",
   "settings_variable_desc_slide_upload_limit": "Limite upload slide (in megabytes)",
   "settings_variable_desc_dark_mode": "Modalità scura",
+  "settings_variable_desc_collapsed_menu": "Menu ridotto",
   "settings_variable_desc_intro_slide_duration": "Durata introduzione slide (in secondi)",
   "settings_variable_desc_default_slide_time_with_seconds": "Mostra secondi introduzione slide",
   "settings_variable_desc_polling_interval": "Intervallo di aggiornamento applicato per le impostazioni del monitor (in secondi)",
@@ -258,6 +279,7 @@
   "common_folder_not_empty_error": "La cartella '%folderName%' non è vuota, devi prima eliminarne il contenuto",
   "common_copied": "Elemento copiato!",
   "common_host_placeholder": "raspberrypi.local o 192.168.1.85",
+  "common_url_placeholder": "http://raspberrypi.local:5000 o http://192.168.1.85:5000",
   "common_reachable_at": "Host",
   "common_http_error_occured": "Si è verificato un errore %code%",
   "common_http_error_413": "I file sono troppo grandi",
@@ -313,6 +335,7 @@
   "enum_application_language_polish": "Polacco",
   "enum_application_language_portugese": "Portoghese",
   "enum_application_language_russian": "Russo",
+  "enum_application_language_thai": "Tailandese",
   "enum_application_language_vietnamese": "Vietnamita",
   "enum_application_language_chinese": "Cinese",
   "enum_content_type_external_storage": "Archiviazione esterna",
@@ -320,6 +343,8 @@
   "enum_content_type_external_storage_flashdrive_label": "Percorso relativo ad un dispositivo rimovibile",
   "enum_content_type_composition": "Composizione",
   "enum_content_type_composition_object_label": "Rapporto di aspetto dello schermo",
+  "enum_content_type_playlist_embed": "Incorpora playlist",
+  "enum_content_type_playlist_embed_object_label": "Playlist da incorporare",
   "enum_content_type_text": "Testo",
   "enum_content_type_text_object_label": "Testo visualizzato",
   "enum_content_type_url": "URL",
diff --git a/lang/ja.json b/lang/ja.json
index b20dfa5..8997b5c 100644
--- a/lang/ja.json
+++ b/lang/ja.json
@@ -16,7 +16,7 @@
   "slideshow_slide_panel_th_content": "コンテンツ",
   "slideshow_slide_panel_th_duration": "終了までの時間",
   "slideshow_slide_panel_th_duration_unit": "秒",
-  "slideshow_slide_panel_th_delegate_duration_video": "ビデオの長さ",
+  "slideshow_slide_panel_th_delegate_duration": "コンテンツの期間",
   "slideshow_slide_panel_th_enabled": "有効",
   "slideshow_slide_panel_th_cron_scheduled": "開始予定時間",
   "slideshow_slide_panel_th_activity": "オプション",
@@ -34,7 +34,7 @@
   "slideshow_slide_form_section_scheduling": "スケジューリング",
   "slideshow_slide_form_label_name": "名前",
   "slideshow_slide_form_label_enabled": "有効/無効",
-  "slideshow_slide_form_label_delegate_duration": "ビデオの長さを使用",
+  "slideshow_slide_form_label_delegate_duration": "コンテンツの期間を使用する",
   "slideshow_slide_form_label_add_content": "ライブラリにアップロード",
   "slideshow_slide_form_label_from_library": "ライブラリから",
   "slideshow_slide_form_label_content_id": "コンテンツ",
@@ -106,6 +106,24 @@
   "playlist_delete_has_slides": "プレイリストにスライドが含まれています。削除してから再試行してください。",
   "playlist_delete_has_node_player_groups": "プレイリストがプレイグループにリンクされています",
   "playlist_cast_warning": "これが機能するためには、<a href=\"%href%\" target=\"_blank\">外部URL</a>がHTTPSで提供されている必要があります",
+  "fleet_node_studio_page_title": "スタジオ",
+  "fleet_node_studio_open_fleet_view": "艦隊ビューを開く",
+  "fleet_node_studio_button_add": "スタジオを追加",
+  "fleet_node_studio_panel_active": "アクティブなスタジオ",
+  "fleet_node_studio_panel_inactive": "非アクティブなスタジオ",
+  "fleet_node_studio_panel_empty": "現在、スタジオはありません。 %link% してください。",
+  "fleet_node_studio_panel_th_name": "名前",
+  "fleet_node_studio_panel_th_host": "ホスト",
+  "fleet_node_studio_panel_th_enabled": "有効",
+  "fleet_node_studio_panel_th_activity": "オプション",
+  "fleet_node_studio_form_add_title": "スタジオを追加",
+  "fleet_node_studio_form_add_submit": "追加",
+  "fleet_node_studio_form_edit_title": "スタジオを編集",
+  "fleet_node_studio_form_edit_submit": "保存",
+  "fleet_node_studio_form_label_name": "名前",
+  "fleet_node_studio_form_label_host": "ホスト",
+  "fleet_node_studio_form_label_operating_system": "OS",
+  "fleet_node_studio_form_button_cancel": "キャンセル",
   "fleet_node_player_page_title": "プレイヤー",
   "fleet_node_player_button_add": "プレイヤーを追加",
   "fleet_node_player_panel_active": "アクティブなプレイヤー",
@@ -179,6 +197,8 @@
   "settings_variable_form_label_value": "値",
   "settings_variable_form_button_cancel": "キャンセル",
   "settings_variable_desc_lang": "サーバーの言語",
+  "settings_variable_desc_snippet_enabled": "コードスニペットを有効にする",
+  "settings_variable_desc_fleet_studio_enabled": "フリートスタジオ管理を有効にする（レガシーおよび非推奨）",
   "settings_variable_desc_fleet_player_enabled": "デバイスプレイヤー管理を有効にする",
   "settings_variable_desc_edition_fleet_player_enabled": "プレイリスト管理も有効になります",
   "settings_variable_desc_auth_enabled": "認証管理を有効にする",
@@ -186,6 +206,7 @@
   "settings_variable_desc_external_url": "外部URL (例: https://studio-01.company.com または http://10.10.3.100)",
   "settings_variable_desc_slide_upload_limit": "スライドのアップロード制限（メガバイト単位）",
   "settings_variable_desc_dark_mode": "ダークモード",
+  "settings_variable_desc_collapsed_menu": "折りたたみメニュー",
   "settings_variable_desc_intro_slide_duration": "イントロダクションスライドの期間（秒単位）",
   "settings_variable_desc_default_slide_time_with_seconds": "イントロダクションスライドの時計に秒を表示",
   "settings_variable_desc_polling_interval": "プレイヤーの設定に適用される更新間隔（秒単位）",
@@ -258,6 +279,7 @@
   "common_folder_not_empty_error": "フォルダー '%folderName%' が空ではありません。まずその内容を削除してください",
   "common_copied": "要素がクリップボードにコピーされました！",
   "common_host_placeholder": "raspberrypi.local または 192.168.1.85",
+  "common_url_placeholder": "http://raspberrypi.local:5000 または http://192.168.1.85:5000",
   "common_reachable_at": "ホスト",
   "common_http_error_occured": "エラー %code% が発生しました",
   "common_http_error_413": "ファイルが大きすぎます",
@@ -313,6 +335,7 @@
   "enum_application_language_polish": "ポーランド語",
   "enum_application_language_portugese": "ポルトガル語",
   "enum_application_language_russian": "ロシア語",
+  "enum_application_language_thai": "タイ語",
   "enum_application_language_vietnamese": "ベトナム語",
   "enum_application_language_chinese": "中国語",
   "enum_content_type_external_storage": "外部ストレージ",
@@ -320,6 +343,8 @@
   "enum_content_type_external_storage_flashdrive_label": "リムーバブルデバイスに対するパス",
   "enum_content_type_composition": "コンポジション",
   "enum_content_type_composition_object_label": "スクリーンアスペクト比",
+  "enum_content_type_playlist_embed": "プレイリストの埋め込み",
+  "enum_content_type_playlist_embed_object_label": "埋め込むプレイリスト",
   "enum_content_type_text": "テキスト",
   "enum_content_type_text_object_label": "表示されるテキスト",
   "enum_content_type_url": "URL",
@@ -351,4 +376,4 @@
   "sysinfo_ip_address": "IPアドレス",
   "player_default_welcome_message": "このプレイヤーを管理するには、ブラウザで次のアドレスに移動してください",
   "player_noplaylist_welcome_message": "デフォルトではプレイリストが設定されていません。ブラウザで次のアドレスに移動してください"
-}
+}
\ No newline at end of file
diff --git a/lang/ko.json b/lang/ko.json
index 79e3ed0..b0f3ab5 100644
--- a/lang/ko.json
+++ b/lang/ko.json
@@ -16,7 +16,7 @@
   "slideshow_slide_panel_th_content": "콘텐츠",
   "slideshow_slide_panel_th_duration": "종료 후",
   "slideshow_slide_panel_th_duration_unit": "초",
-  "slideshow_slide_panel_th_delegate_duration_video": "비디오 길이",
+  "slideshow_slide_panel_th_delegate_duration": "콘텐츠의 기간",
   "slideshow_slide_panel_th_enabled": "활성화됨",
   "slideshow_slide_panel_th_cron_scheduled": "예정된 시작 시간",
   "slideshow_slide_panel_th_activity": "옵션",
@@ -34,7 +34,7 @@
   "slideshow_slide_form_section_scheduling": "일정 관리",
   "slideshow_slide_form_label_name": "이름",
   "slideshow_slide_form_label_enabled": "활성화/비활성화",
-  "slideshow_slide_form_label_delegate_duration": "비디오 길이 사용",
+  "slideshow_slide_form_label_delegate_duration": "콘텐츠 기간 사용",
   "slideshow_slide_form_label_add_content": "라이브러리에 업로드",
   "slideshow_slide_form_label_from_library": "라이브러리에서",
   "slideshow_slide_form_label_content_id": "콘텐츠",
@@ -106,6 +106,24 @@
   "playlist_delete_has_slides": "재생 목록에 슬라이드가 포함되어 있습니다. 먼저 제거한 후 다시 시도하십시오.",
   "playlist_delete_has_node_player_groups": "재생 목록이 플레이어 그룹에 연결되어 있습니다",
   "playlist_cast_warning": "이 작업이 작동하려면 <a href=\"%href%\" target=\"_blank\">외부 URL</a>이 HTTPS로 제공되어야 합니다.",
+  "fleet_node_studio_page_title": "스튜디오",
+  "fleet_node_studio_open_fleet_view": "함대 보기 열기",
+  "fleet_node_studio_button_add": "스튜디오 추가",
+  "fleet_node_studio_panel_active": "활성 스튜디오",
+  "fleet_node_studio_panel_inactive": "비활성 스튜디오",
+  "fleet_node_studio_panel_empty": "현재 스튜디오가 없습니다. %link% 지금.",
+  "fleet_node_studio_panel_th_name": "이름",
+  "fleet_node_studio_panel_th_host": "호스트",
+  "fleet_node_studio_panel_th_enabled": "활성화됨",
+  "fleet_node_studio_panel_th_activity": "옵션",
+  "fleet_node_studio_form_add_title": "스튜디오 추가",
+  "fleet_node_studio_form_add_submit": "추가",
+  "fleet_node_studio_form_edit_title": "스튜디오 편집",
+  "fleet_node_studio_form_edit_submit": "저장",
+  "fleet_node_studio_form_label_name": "이름",
+  "fleet_node_studio_form_label_host": "호스트",
+  "fleet_node_studio_form_label_operating_system": "OS",
+  "fleet_node_studio_form_button_cancel": "취소",
   "fleet_node_player_page_title": "플레이어",
   "fleet_node_player_button_add": "플레이어 추가",
   "fleet_node_player_panel_active": "활성 플레이어",
@@ -179,6 +197,8 @@
   "settings_variable_form_label_value": "값",
   "settings_variable_form_button_cancel": "취소",
   "settings_variable_desc_lang": "서버 언어",
+  "settings_variable_desc_snippet_enabled": "코드 스니펫 활성화",
+  "settings_variable_desc_fleet_studio_enabled": "플릿 스튜디오 관리 활성화 (레거시 및 더 이상 사용되지 않음)",
   "settings_variable_desc_fleet_player_enabled": "장치 플레이어 관리 활성화",
   "settings_variable_desc_edition_fleet_player_enabled": "재생 목록 관리도 활성화됩니다",
   "settings_variable_desc_auth_enabled": "인증 관리 활성화",
@@ -186,6 +206,7 @@
   "settings_variable_desc_external_url": "외부 URL (예: https://studio-01.company.com 또는 http://10.10.3.100)",
   "settings_variable_desc_slide_upload_limit": "슬라이드 업로드 제한 (메가바이트 단위)",
   "settings_variable_desc_dark_mode": "다크 모드",
+  "settings_variable_desc_collapsed_menu": "축소된 메뉴",
   "settings_variable_desc_intro_slide_duration": "소개 슬라이드 지속 시간 (초 단위)",
   "settings_variable_desc_default_slide_time_with_seconds": "소개 슬라이드의 시계에 초 표시",
   "settings_variable_desc_polling_interval": "플레이어에 적용되는 새로 고침 간격 (초 단위)",
@@ -258,6 +279,7 @@
   "common_folder_not_empty_error": "폴더 '%folderName%' 이 비어 있지 않습니다. 먼저 내용을 삭제하십시오",
   "common_copied": "요소가 클립보드에 복사되었습니다!",
   "common_host_placeholder": "raspberrypi.local 또는 192.168.1.85",
+  "common_url_placeholder": "http://raspberrypi.local:5000 또는 http://192.168.1.85:5000",
   "common_reachable_at": "호스트",
   "common_http_error_occured": "오류 %code% 발생",
   "common_http_error_413": "파일이 너무 큽니다",
@@ -313,6 +335,7 @@
   "enum_application_language_polish": "폴란드어",
   "enum_application_language_portugese": "포르투갈어",
   "enum_application_language_russian": "러시아어",
+  "enum_application_language_thai": "태국어",
   "enum_application_language_vietnamese": "베트남어",
   "enum_application_language_chinese": "중국어",
   "enum_content_type_external_storage": "외부 저장소",
@@ -320,6 +343,8 @@
   "enum_content_type_external_storage_flashdrive_label": "이동식 장치에 상대적인 경로",
   "enum_content_type_composition": "컴포지션",
   "enum_content_type_composition_object_label": "화면 비율",
+  "enum_content_type_playlist_embed": "플레이리스트 삽입",
+  "enum_content_type_playlist_embed_object_label": "삽입할 플레이리스트",
   "enum_content_type_text": "텍스트",
   "enum_content_type_text_object_label": "표시할 텍스트",
   "enum_content_type_url": "URL",
@@ -351,4 +376,4 @@
   "sysinfo_ip_address": "IP 주소",
   "player_default_welcome_message": "이 플레이어를 관리하려면 브라우저에서 다음으로 이동하세요",
   "player_noplaylist_welcome_message": "기본적으로 구성된 재생 목록이 없습니다. 브라우저에서 다음으로 이동하세요"
-}
+}
\ No newline at end of file
diff --git a/lang/pl.json b/lang/pl.json
index 7772d10..4ee9e27 100644
--- a/lang/pl.json
+++ b/lang/pl.json
@@ -16,7 +16,7 @@
   "slideshow_slide_panel_th_content": "Zawartość",
   "slideshow_slide_panel_th_duration": "Kończy się po",
   "slideshow_slide_panel_th_duration_unit": "sek.",
-  "slideshow_slide_panel_th_delegate_duration_video": "Czas trwania wideo",
+  "slideshow_slide_panel_th_delegate_duration": "Czas trwania treści",
   "slideshow_slide_panel_th_enabled": "Włączone",
   "slideshow_slide_panel_th_cron_scheduled": "Zaplanuj rozpoczęcie",
   "slideshow_slide_panel_th_activity": "Opcje",
@@ -34,7 +34,7 @@
   "slideshow_slide_form_section_scheduling": "Planowanie",
   "slideshow_slide_form_label_name": "Nazwa",
   "slideshow_slide_form_label_enabled": "Włącz/wyłącz",
-  "slideshow_slide_form_label_delegate_duration": "Użyj czasu trwania wideo",
+  "slideshow_slide_form_label_delegate_duration": "Użyj czasu trwania treści",
   "slideshow_slide_form_label_add_content": "Prześlij do biblioteki",
   "slideshow_slide_form_label_from_library": "Z biblioteki",
   "slideshow_slide_form_label_content_id": "Zawartość",
@@ -106,6 +106,24 @@
   "playlist_delete_has_slides": "Lista odtwarzania zawiera slajdy, najpierw je usuń i spróbuj ponownie",
   "playlist_delete_has_node_player_groups": "Lista odtwarzania jest powiązana z grupą odtwarzacza",
   "playlist_cast_warning": "Twój <a href=\"%href%\" target=\"_blank\">zewnętrzny URL</a> musi być obsługiwany przez HTTPS, aby to działało",
+  "fleet_node_studio_page_title": "Studia",
+  "fleet_node_studio_open_fleet_view": "Otwórz widok floty",
+  "fleet_node_studio_button_add": "Dodaj studio",
+  "fleet_node_studio_panel_active": "Aktywne studia",
+  "fleet_node_studio_panel_inactive": "Nieaktywne studia",
+  "fleet_node_studio_panel_empty": "Obecnie nie ma żadnych studiów. %link% teraz.",
+  "fleet_node_studio_panel_th_name": "Nazwa",
+  "fleet_node_studio_panel_th_host": "Host",
+  "fleet_node_studio_panel_th_enabled": "Włączone",
+  "fleet_node_studio_panel_th_activity": "Opcje",
+  "fleet_node_studio_form_add_title": "Dodaj Studio",
+  "fleet_node_studio_form_add_submit": "Dodaj",
+  "fleet_node_studio_form_edit_title": "Edytuj Studio",
+  "fleet_node_studio_form_edit_submit": "Zapisz",
+  "fleet_node_studio_form_label_name": "Nazwa",
+  "fleet_node_studio_form_label_host": "Host",
+  "fleet_node_studio_form_label_operating_system": "OS",
+  "fleet_node_studio_form_button_cancel": "Anuluj",
   "fleet_node_player_page_title": "Odtwarzacze",
   "fleet_node_player_button_add": "Dodaj odtwarzacz",
   "fleet_node_player_panel_active": "Aktywne odtwarzacze",
@@ -179,6 +197,8 @@
   "settings_variable_form_label_value": "Wartość",
   "settings_variable_form_button_cancel": "Anuluj",
   "settings_variable_desc_lang": "Język serwera",
+  "settings_variable_desc_snippet_enabled": "Włącz fragmenty kodu",
+  "settings_variable_desc_fleet_studio_enabled": "Włącz zarządzanie Fleet Studio (przestarzałe i wycofane)",
   "settings_variable_desc_fleet_player_enabled": "Włącz zarządzanie odtwarzaczami",
   "settings_variable_desc_edition_fleet_player_enabled": "Zarządzanie listami odtwarzania również będzie włączone",
   "settings_variable_desc_auth_enabled": "Włącz zarządzanie uwierzytelnianiem",
@@ -186,6 +206,7 @@
   "settings_variable_desc_external_url": "Zewnętrzny URL (np.: https://studio-01.company.com lub http://10.10.3.100)",
   "settings_variable_desc_slide_upload_limit": "Limit przesyłania slajdów (w megabajtach)",
   "settings_variable_desc_dark_mode": "Tryb ciemny",
+  "settings_variable_desc_collapsed_menu": "Zwinięte menu",
   "settings_variable_desc_intro_slide_duration": "Czas trwania slajdu wprowadzającego (w sekundach)",
   "settings_variable_desc_default_slide_time_with_seconds": "Pokaż sekundy na zegarze na slajdzie wprowadzającym",
   "settings_variable_desc_polling_interval": "Interwał odświeżania ustawień stosowany do odtwarzacza (w sekundach)",
@@ -258,6 +279,7 @@
   "common_folder_not_empty_error": "Folder '%folderName%' nie jest pusty, najpierw usuń jego zawartość",
   "common_copied": "Element skopiowany do schowka!",
   "common_host_placeholder": "raspberrypi.local lub 192.168.1.85",
+  "common_url_placeholder": "http://raspberrypi.local:5000 lub http://192.168.1.85:5000",
   "common_reachable_at": "Host",
   "common_http_error_occured": "Wystąpił błąd %code%",
   "common_http_error_413": "Pliki są za duże",
@@ -313,6 +335,7 @@
   "enum_application_language_polish": "Polski",
   "enum_application_language_portugese": "Portugalski",
   "enum_application_language_russian": "Rosyjski",
+  "enum_application_language_thai": "Tajski",
   "enum_application_language_vietnamese": "Wietnamski",
   "enum_application_language_chinese": "Chiński",
   "enum_content_type_external_storage": "Zewnętrzna pamięć",
@@ -320,6 +343,8 @@
   "enum_content_type_external_storage_flashdrive_label": "Ścieżka względem urządzenia przenośnego",
   "enum_content_type_composition": "Kompozycja",
   "enum_content_type_composition_object_label": "Proporcje ekranu",
+  "enum_content_type_playlist_embed": "Osadzenie listy odtwarzania",
+  "enum_content_type_playlist_embed_object_label": "Lista odtwarzania do osadzenia",
   "enum_content_type_text": "Tekst",
   "enum_content_type_text_object_label": "Wyświetlany tekst",
   "enum_content_type_url": "URL",
@@ -351,4 +376,4 @@
   "sysinfo_ip_address": "Adres IP",
   "player_default_welcome_message": "Aby zarządzać tym odtwarzaczem, przejdź do przeglądarki na",
   "player_noplaylist_welcome_message": "Domyślnie nie skonfigurowano żadnej listy odtwarzania, przejdź do przeglądarki na"
-}
+}
\ No newline at end of file
diff --git a/lang/pt.json b/lang/pt.json
index 66f1736..9bdb73a 100644
--- a/lang/pt.json
+++ b/lang/pt.json
@@ -16,7 +16,7 @@
   "slideshow_slide_panel_th_content": "Conteúdo",
   "slideshow_slide_panel_th_duration": "Termina após",
   "slideshow_slide_panel_th_duration_unit": "seg",
-  "slideshow_slide_panel_th_delegate_duration_video": "Duração do vídeo",
+  "slideshow_slide_panel_th_delegate_duration": "Duração do conteúdo",
   "slideshow_slide_panel_th_enabled": "Habilitado",
   "slideshow_slide_panel_th_cron_scheduled": "Início Agendado",
   "slideshow_slide_panel_th_activity": "Opções",
@@ -34,7 +34,7 @@
   "slideshow_slide_form_section_scheduling": "Agendamento",
   "slideshow_slide_form_label_name": "Nome",
   "slideshow_slide_form_label_enabled": "Habilitar/Desabilitar",
-  "slideshow_slide_form_label_delegate_duration": "Usar a duração do vídeo",
+  "slideshow_slide_form_label_delegate_duration": "Usar a duração do conteúdo",
   "slideshow_slide_form_label_add_content": "Fazer upload para a biblioteca",
   "slideshow_slide_form_label_from_library": "Da biblioteca",
   "slideshow_slide_form_label_content_id": "Conteúdo",
@@ -106,6 +106,24 @@
   "playlist_delete_has_slides": "A lista de reprodução tem slides, remova-os antes e tente novamente",
   "playlist_delete_has_node_player_groups": "A lista de reprodução está vinculada a um grupo de players",
   "playlist_cast_warning": "Sua <a href=\"%href%\" target=\"_blank\">URL externa</a> deve ser servida por HTTPS para funcionar",
+  "fleet_node_studio_page_title": "Estúdios",
+  "fleet_node_studio_open_fleet_view": "Abrir visualização da frota",
+  "fleet_node_studio_button_add": "Adicionar um estúdio",
+  "fleet_node_studio_panel_active": "Estúdios ativos",
+  "fleet_node_studio_panel_inactive": "Estúdios inativos",
+  "fleet_node_studio_panel_empty": "Atualmente, não há estúdios. %link% agora.",
+  "fleet_node_studio_panel_th_name": "Nome",
+  "fleet_node_studio_panel_th_host": "Host",
+  "fleet_node_studio_panel_th_enabled": "Ativado",
+  "fleet_node_studio_panel_th_activity": "Opções",
+  "fleet_node_studio_form_add_title": "Adicionar Estúdio",
+  "fleet_node_studio_form_add_submit": "Adicionar",
+  "fleet_node_studio_form_edit_title": "Editar Estúdio",
+  "fleet_node_studio_form_edit_submit": "Salvar",
+  "fleet_node_studio_form_label_name": "Nome",
+  "fleet_node_studio_form_label_host": "Host",
+  "fleet_node_studio_form_label_operating_system": "SO",
+  "fleet_node_studio_form_button_cancel": "Cancelar",
   "fleet_node_player_page_title": "Players",
   "fleet_node_player_button_add": "Adicionar um player",
   "fleet_node_player_panel_active": "Players Ativos",
@@ -179,6 +197,8 @@
   "settings_variable_form_label_value": "Valor",
   "settings_variable_form_button_cancel": "Cancelar",
   "settings_variable_desc_lang": "Idioma do servidor",
+  "settings_variable_desc_snippet_enabled": "Ativar trechos de código",
+  "settings_variable_desc_fleet_studio_enabled": "Ativar gestão do Fleet Studio (obsoleto e descontinuado)",
   "settings_variable_desc_fleet_player_enabled": "Habilitar gerenciamento de players",
   "settings_variable_desc_edition_fleet_player_enabled": "O gerenciamento de listas de reprodução também será habilitado",
   "settings_variable_desc_auth_enabled": "Habilitar gerenciamento de autenticação",
@@ -186,6 +206,7 @@
   "settings_variable_desc_external_url": "URL externa (ex: https://studio-01.empresa.com ou http://10.10.3.100)",
   "settings_variable_desc_slide_upload_limit": "Limite de upload de slide (em megabytes)",
   "settings_variable_desc_dark_mode": "Modo escuro",
+  "settings_variable_desc_collapsed_menu": "Menu recolhido",
   "settings_variable_desc_intro_slide_duration": "Duração do slide de introdução (em segundos)",
   "settings_variable_desc_default_slide_time_with_seconds": "Mostrar os segundos no relógio no slide de introdução",
   "settings_variable_desc_polling_interval": "Intervalo de atualização aplicado às configurações do player (em segundos)",
@@ -258,6 +279,7 @@
   "common_folder_not_empty_error": "A pasta '%folderName%' não está vazia, você deve excluir seu conteúdo primeiro",
   "common_copied": "Elemento copiado para a área de transferência!",
   "common_host_placeholder": "raspberrypi.local ou 192.168.1.85",
+  "common_url_placeholder": "http://raspberrypi.local:5000 ou http://192.168.1.85:5000",
   "common_reachable_at": "Host",
   "common_http_error_occured": "Erro %code% ocorrido",
   "common_http_error_413": "Os arquivos são muito grandes",
@@ -313,6 +335,7 @@
   "enum_application_language_polish": "Polonês",
   "enum_application_language_portugese": "Português",
   "enum_application_language_russian": "Russo",
+  "enum_application_language_thai": "Tailandês",
   "enum_application_language_vietnamese": "Vietnamita",
   "enum_application_language_chinese": "Chinês",
   "enum_content_type_external_storage": "Armazenamento Externo",
@@ -320,6 +343,8 @@
   "enum_content_type_external_storage_flashdrive_label": "Caminho relativo a um dispositivo removível",
   "enum_content_type_composition": "Composição",
   "enum_content_type_composition_object_label": "Proporção da tela",
+  "enum_content_type_playlist_embed": "Incorporar playlist",
+  "enum_content_type_playlist_embed_object_label": "Playlist para incorporar",
   "enum_content_type_text": "Texto",
   "enum_content_type_text_object_label": "Texto exibido",
   "enum_content_type_url": "URL",
@@ -351,4 +376,4 @@
   "sysinfo_ip_address": "Endereço IP",
   "player_default_welcome_message": "Para gerenciar este player, vá para um navegador em",
   "player_noplaylist_welcome_message": "Nenhuma lista de reprodução está configurada por padrão, vá para um navegador em"
-}
+}
\ No newline at end of file
diff --git a/lang/ru.json b/lang/ru.json
index 4c7a7d0..1d4b913 100644
--- a/lang/ru.json
+++ b/lang/ru.json
@@ -16,7 +16,7 @@
   "slideshow_slide_panel_th_content": "Контент",
   "slideshow_slide_panel_th_duration": "Завершается через",
   "slideshow_slide_panel_th_duration_unit": "сек",
-  "slideshow_slide_panel_th_delegate_duration_video": "Продолжительность видео",
+  "slideshow_slide_panel_th_delegate_duration": "Продолжительность содержания",
   "slideshow_slide_panel_th_enabled": "Включено",
   "slideshow_slide_panel_th_cron_scheduled": "Запланированное начало",
   "slideshow_slide_panel_th_activity": "Опции",
@@ -34,7 +34,7 @@
   "slideshow_slide_form_section_scheduling": "Планирование",
   "slideshow_slide_form_label_name": "Имя",
   "slideshow_slide_form_label_enabled": "Включить/Выключить",
-  "slideshow_slide_form_label_delegate_duration": "Использовать продолжительность видео",
+  "slideshow_slide_form_label_delegate_duration": "Использовать продолжительность контента",
   "slideshow_slide_form_label_add_content": "Загрузить в библиотеку",
   "slideshow_slide_form_label_from_library": "Из библиотеки",
   "slideshow_slide_form_label_content_id": "Контент",
@@ -106,6 +106,24 @@
   "playlist_delete_has_slides": "В плейлисте есть слайды, удалите их и повторите попытку",
   "playlist_delete_has_node_player_groups": "Плейлист связан с группой воспроизведения",
   "playlist_cast_warning": "Ваш <a href=\"%href%\" target=\"_blank\">внешний URL</a> должен обслуживаться по HTTPS для работы",
+  "fleet_node_studio_page_title": "Студии",
+  "fleet_node_studio_open_fleet_view": "Открыть вид флота",
+  "fleet_node_studio_button_add": "Добавить студию",
+  "fleet_node_studio_panel_active": "Активные студии",
+  "fleet_node_studio_panel_inactive": "Неактивные студии",
+  "fleet_node_studio_panel_empty": "В настоящее время нет студий. %link% сейчас.",
+  "fleet_node_studio_panel_th_name": "Имя",
+  "fleet_node_studio_panel_th_host": "Хост",
+  "fleet_node_studio_panel_th_enabled": "Включено",
+  "fleet_node_studio_panel_th_activity": "Опции",
+  "fleet_node_studio_form_add_title": "Добавить студию",
+  "fleet_node_studio_form_add_submit": "Добавить",
+  "fleet_node_studio_form_edit_title": "Редактировать студию",
+  "fleet_node_studio_form_edit_submit": "Сохранить",
+  "fleet_node_studio_form_label_name": "Имя",
+  "fleet_node_studio_form_label_host": "Хост",
+  "fleet_node_studio_form_label_operating_system": "ОС",
+  "fleet_node_studio_form_button_cancel": "Отмена",
   "fleet_node_player_page_title": "Плееры",
   "fleet_node_player_button_add": "Добавить плеер",
   "fleet_node_player_panel_active": "Активные плееры",
@@ -179,6 +197,8 @@
   "settings_variable_form_label_value": "Значение",
   "settings_variable_form_button_cancel": "Отмена",
   "settings_variable_desc_lang": "Язык сервера",
+  "settings_variable_desc_snippet_enabled": "Включить фрагменты кода",
+  "settings_variable_desc_fleet_studio_enabled": "Включить управление Fleet Studio (устаревшее и снятое с производства)",
   "settings_variable_desc_fleet_player_enabled": "Включить управление устройствами плееров",
   "settings_variable_desc_edition_fleet_player_enabled": "Также будет включено управление плейлистами",
   "settings_variable_desc_auth_enabled": "Включить управление аутентификацией",
@@ -186,6 +206,7 @@
   "settings_variable_desc_external_url": "Внешний URL (например: https://studio-01.company.com или http://10.10.3.100)",
   "settings_variable_desc_slide_upload_limit": "Ограничение на загрузку слайдов (в мегабайтах)",
   "settings_variable_desc_dark_mode": "Темный режим",
+  "settings_variable_desc_collapsed_menu": "Свернутое меню",
   "settings_variable_desc_intro_slide_duration": "Продолжительность вводного слайда (в секундах)",
   "settings_variable_desc_default_slide_time_with_seconds": "Показывать секунды на часах во вводном слайде",
   "settings_variable_desc_polling_interval": "Интервал обновления, применяемый к настройкам плеера (в секундах)",
@@ -258,6 +279,7 @@
   "common_folder_not_empty_error": "Папка '%folderName%' не пуста, сначала удалите ее содержимое",
   "common_copied": "Элемент скопирован в буфер обмена!",
   "common_host_placeholder": "raspberrypi.local или 192.168.1.85",
+  "common_url_placeholder": "http://raspberrypi.local:5000 или http://192.168.1.85:5000",
   "common_reachable_at": "Хост",
   "common_http_error_occured": "Произошла ошибка %code%",
   "common_http_error_413": "Файлы слишком большие",
@@ -313,6 +335,7 @@
   "enum_application_language_polish": "Польский",
   "enum_application_language_portugese": "Португальский",
   "enum_application_language_russian": "Русский",
+  "enum_application_language_thai": "Тайский",
   "enum_application_language_vietnamese": "Вьетнамский",
   "enum_application_language_chinese": "Китайский",
   "enum_content_type_external_storage": "Внешнее хранилище",
@@ -320,6 +343,8 @@
   "enum_content_type_external_storage_flashdrive_label": "Путь относительно съемного устройства",
   "enum_content_type_composition": "Композиция",
   "enum_content_type_composition_object_label": "Соотношение сторон экрана",
+  "enum_content_type_playlist_embed": "Встраивание плейлиста",
+  "enum_content_type_playlist_embed_object_label": "Плейлист для встраивания",
   "enum_content_type_text": "Текст",
   "enum_content_type_text_object_label": "Отображаемый текст",
   "enum_content_type_url": "URL",
@@ -351,4 +376,4 @@
   "sysinfo_ip_address": "IP-адрес",
   "player_default_welcome_message": "Чтобы управлять этим плеером, перейдите в браузер на",
   "player_noplaylist_welcome_message": "Плейлист по умолчанию не настроен, перейдите в браузер на"
-}
+}
\ No newline at end of file
diff --git a/lang/th.json b/lang/th.json
new file mode 100644
index 0000000..7f497ce
--- /dev/null
+++ b/lang/th.json
@@ -0,0 +1,379 @@
+{
+  "dynmenu_content": "เนื้อหา",
+  "dynmenu_configuration": "การตั้งค่า",
+  "dynmenu_content_library": "ห้องสมุด",
+  "dynmenu_content_playlists": "เพลย์ลิสต์",
+  "dynmenu_fleet": "อุปกรณ์",
+  "dynmenu_security": "ความปลอดภัย",
+  "slideshow_slide_page_title": "ภาพรวมตารางเวลา",
+  "slideshow_slide_goto_player": "ไปที่ผู้เล่น",
+  "slideshow_slide_refresh_player": "รีเฟรชผู้เล่น",
+  "slideshow_slide_refresh_player_success": "สัญญาณการอัปเดตผู้เล่นถูกส่งไปแล้ว ควรจะมาถึงในไม่ช้า (%time% วินาทีสูงสุด)",
+  "slideshow_slide_button_add": "เพิ่มสไลด์",
+  "slideshow_slide_panel_active": "สไลด์ที่ใช้งานอยู่",
+  "slideshow_slide_panel_inactive": "สไลด์ที่ไม่ใช้งาน",
+  "slideshow_slide_panel_empty": "ขณะนี้ยังไม่มีสไลด์ %link% ในขณะนี้",
+  "slideshow_slide_panel_th_content": "เนื้อหา",
+  "slideshow_slide_panel_th_duration": "สิ้นสุดหลังจาก",
+  "slideshow_slide_panel_th_duration_unit": "วินาที",
+  "slideshow_slide_panel_th_delegate_duration": "ระยะเวลาของเนื้อหา",
+  "slideshow_slide_panel_th_enabled": "เปิดใช้งาน",
+  "slideshow_slide_panel_th_cron_scheduled": "กำหนดเวลาเริ่มต้น",
+  "slideshow_slide_panel_th_activity": "ตัวเลือก",
+  "slideshow_slide_panel_td_cron_scheduled_loop": "วนซ้ำ",
+  "slideshow_slide_panel_td_cron_scheduled_notify": "แจ้งเตือน",
+  "slideshow_slide_panel_td_cron_scheduled_date": "วันที่",
+  "slideshow_slide_panel_td_cron_scheduled_bad_cron": "ค่า cron ผิดพลาด",
+  "slideshow_slide_form_add_title": "เพิ่มสไลด์",
+  "slideshow_slide_form_add_notification_title": "เพิ่มการแจ้งเตือน",
+  "slideshow_slide_form_edit_notification_title": "แก้ไขการแจ้งเตือน",
+  "slideshow_slide_form_add_submit": "เพิ่ม",
+  "slideshow_slide_form_edit_title": "แก้ไขสไลด์",
+  "slideshow_slide_form_edit_submit": "บันทึก",
+  "slideshow_slide_form_section_content": "สื่อ",
+  "slideshow_slide_form_section_scheduling": "การกำหนดเวลา",
+  "slideshow_slide_form_label_name": "ชื่อ",
+  "slideshow_slide_form_label_enabled": "เปิด/ปิดการใช้งาน",
+  "slideshow_slide_form_label_delegate_duration": "ใช้ระยะเวลาของเนื้อหา",
+  "slideshow_slide_form_label_add_content": "อัปโหลดไปยังห้องสมุด",
+  "slideshow_slide_form_label_from_library": "จากห้องสมุด",
+  "slideshow_slide_form_label_content_id": "เนื้อหา",
+  "slideshow_slide_form_label_location": "ตำแหน่ง",
+  "slideshow_slide_form_label_type": "ประเภท",
+  "slideshow_slide_form_label_object": "วัตถุ",
+  "slideshow_slide_form_label_duration": "ระยะเวลา",
+  "slideshow_slide_form_label_duration_unit": "วินาที",
+  "slideshow_slide_form_label_is_notification": "ทำหน้าที่เป็นการแจ้งเตือน",
+  "slideshow_slide_form_label_cron_scheduled": "เริ่มต้น",
+  "slideshow_slide_form_label_cron_scheduled_end": "สิ้นสุด",
+  "slideshow_slide_form_label_cron_scheduled_loop": "วนซ้ำตลอดเวลา",
+  "slideshow_slide_form_label_cron_scheduled_duration": "ระยะเวลา",
+  "slideshow_slide_form_label_cron_scheduled_inweek": "ช่วงเวลาประจำสัปดาห์",
+  "slideshow_slide_form_label_cron_scheduled_stayloop": "ติดตามการวนซ้ำ",
+  "slideshow_slide_form_label_cron_scheduled_duration_unit": "วินาที",
+  "slideshow_slide_form_label_cron_scheduled_datetime": "วันที่ & เวลา",
+  "slideshow_slide_form_label_cron_scheduled_datetime_placeholder": "ตั้งค่าวันที่และเวลา",
+  "slideshow_slide_form_label_cron_scheduled_cron": "Cron",
+  "slideshow_slide_form_widget_cron_scheduled_placeholder": "ใช้รูปแบบ crontab: * * * * *",
+  "slideshow_slide_form_button_cancel": "ยกเลิก",
+  "js_slideshow_slide_delete_confirmation": "คุณแน่ใจหรือ?",
+  "slideshow_content_page_title": "ห้องสมุดเนื้อหา",
+  "slideshow_content_button_add": "เนื้อหาใหม่",
+  "slideshow_content_referenced_in_slide_error": "เนื้อหา '%contentName%' ถูกอ้างอิงในสไลด์ โปรดลบสไลด์ก่อน",
+  "slideshow_content_panel_active": "เนื้อหา",
+  "slideshow_content_panel_empty": "ขณะนี้ยังไม่มีเนื้อหา %link% ในขณะนี้",
+  "slideshow_content_panel_th_name": "ชื่อ",
+  "slideshow_content_panel_th_activity": "ตัวเลือก",
+  "slideshow_content_form_add_title": "เพิ่มเนื้อหา",
+  "slideshow_content_form_add_submit": "เพิ่ม",
+  "slideshow_content_form_edit_title": "แก้ไขเนื้อหา",
+  "slideshow_content_form_edit_submit": "บันทึก",
+  "slideshow_content_form_label_name": "ตั้งชื่อเนื้อหาของคุณ",
+  "slideshow_content_form_label_location": "ตำแหน่ง",
+  "slideshow_content_form_label_type": "ประเภท",
+  "slideshow_content_form_label_object": "วัตถุ",
+  "slideshow_content_form_button_cancel": "ยกเลิก",
+  "slideshow_content_form_button_upload": "อัปโหลดไฟล์",
+  "slideshow_content_form_button_upload_choosen": "ยังไม่มีไฟล์ที่เลือก",
+  "js_slideshow_content_delete_confirmation": "คุณแน่ใจหรือ?",
+  "playlist_page_title": "เพลย์ลิสต์",
+  "playlist_button_add": "เพิ่มเพลย์ลิสต์",
+  "playlist_button_delete": "ลบเพลย์ลิสต์",
+  "playlist_panel_about_playlist": "เกี่ยวกับเพลย์ลิสต์",
+  "playlist_panel_content_management": "การวนรอบของเพลย์ลิสต์",
+  "playlist_panel_content_management_desc": "คุณสามารถเพิ่ม แก้ไข ลบ และจัดเรียงลำดับเนื้อหาจากรายการนี้ สไลด์ที่ปิดการใช้งานจะไม่เล่นในสไลด์โชว์",
+  "playlist_panel_content_management_notifications": "การแจ้งเตือนของเพลย์ลิสต์",
+  "playlist_panel_content_management_notifications_desc": "การแจ้งเตือนคือสไลด์ที่ปรากฏบนทุกอย่างในเวลาที่คุณเลือกและเป็นระยะเวลาที่คุณเลือก ลำดับการปรากฏของพวกเขาที่นี่ไม่มีความสำคัญ",
+  "slideshow_slide_button_add_notification": "เพิ่มการแจ้งเตือน",
+  "playlist_panel_preview": "ตัวอย่างเพลย์ลิสต์",
+  "playlist_panel_preview_action": "ดูตัวอย่าง",
+  "playlist_panel_inactive": "เพลย์ลิสต์ที่ไม่ใช้งาน",
+  "playlist_panel_empty": "ขณะนี้ยังไม่มีเพลย์ลิสต์ %link% ในขณะนี้",
+  "playlist_panel_th_name": "ชื่อ",
+  "playlist_panel_th_duration": "ระยะเวลา",
+  "playlist_panel_th_enabled": "เปิดใช้งาน",
+  "playlist_panel_th_activity": "ตัวเลือก",
+  "playlist_form_add_title": "เพิ่มเพลย์ลิสต์",
+  "playlist_form_add_submit": "เพิ่ม",
+  "playlist_form_preview_url_desc": "คุณสามารถใช้ลิงก์นี้เพื่อเล่นเพลย์ลิสต์นี้บนเบราว์เซอร์ใดก็ได้ที่คุณต้องการ ใช้ปุ่มคัดลอกเพื่อนำไปที่คลิปบอร์ดของคุณ",
+  "playlist_form_preview_qrcode_desc": "คุณสามารถเข้าถึงเพลย์ลิสต์ของคุณได้อย่างง่ายดายโดยใช้แท็บเล็ตหรือโทรศัพท์ เพียงสแกน QR โค้ดเพื่อเริ่มต้น",
+  "playlist_form_preview_iframe_desc": "คุณสามารถดูเพลย์ลิสต์ได้โดยไม่ต้องออกจากหน้าจอนี้โดยเริ่มตัวอย่างจากที่นี่",
+  "playlist_form_label_name": "ป้อนชื่อเพลย์ลิสต์",
+  "playlist_form_label_time_sync": "ซิงค์สไลด์ในผู้เล่นทุกคน",
+  "playlist_form_label_enabled": "เปิด/ปิดการใช้งานเพลย์ลิสต์",
+  "playlist_form_button_cancel": "ยกเลิก",
+  "js_playlist_delete_confirmation": "คุณแน่ใจหรือ?",
+  "playlist_delete_has_slides": "เพลย์ลิสต์มีสไลด์ โปรดลบออกก่อนแล้วลองใหม่อีกครั้ง",
+  "playlist_delete_has_node_player_groups": "เพลย์ลิสต์นี้เชื่อมโยงกับกลุ่มผู้เล่น",
+  "playlist_cast_warning": "URL <a href=\"%href%\" target=\"_blank\">ภายนอกของคุณ</a> ต้องเสิร์ฟผ่าน https เพื่อให้ใช้งานได้",
+  "fleet_node_studio_page_title": "สตูดิโอ",
+  "fleet_node_studio_open_fleet_view": "เปิดมุมมองกองเรือ",
+  "fleet_node_studio_button_add": "เพิ่มสตูดิโอ",
+  "fleet_node_studio_panel_active": "สตูดิโอที่ใช้งาน",
+  "fleet_node_studio_panel_inactive": "สตูดิโอที่ไม่ใช้งาน",
+  "fleet_node_studio_panel_empty": "ขณะนี้ยังไม่มีสตูดิโอ %link% ทันที",
+  "fleet_node_studio_panel_th_name": "ชื่อ",
+  "fleet_node_studio_panel_th_host": "โฮสต์",
+  "fleet_node_studio_panel_th_enabled": "เปิดใช้งาน",
+  "fleet_node_studio_panel_th_activity": "ตัวเลือก",
+  "fleet_node_studio_form_add_title": "เพิ่มสตูดิโอ",
+  "fleet_node_studio_form_add_submit": "เพิ่ม",
+  "fleet_node_studio_form_edit_title": "แก้ไขสตูดิโอ",
+  "fleet_node_studio_form_edit_submit": "บันทึก",
+  "fleet_node_studio_form_label_name": "ชื่อ",
+  "fleet_node_studio_form_label_host": "โฮสต์",
+  "fleet_node_studio_form_label_operating_system": "ระบบปฏิบัติการ",
+  "fleet_node_studio_form_button_cancel": "ยกเลิก",
+  "fleet_node_player_page_title": "ผู้เล่น",
+  "fleet_node_player_button_add": "เพิ่มผู้เล่น",
+  "fleet_node_player_panel_active": "ผู้เล่นที่ใช้งานอยู่",
+  "fleet_node_player_panel_inactive": "ผู้เล่นที่ไม่ใช้งาน",
+  "fleet_node_player_panel_empty": "ขณะนี้ยังไม่มีผู้เล่น %link% ในขณะนี้",
+  "fleet_node_player_panel_th_name": "ชื่อ",
+  "fleet_node_player_panel_th_host": "โฮสต์",
+  "fleet_node_player_panel_th_group_id": "กลุ่ม",
+  "fleet_node_player_panel_th_enabled": "เปิดใช้งาน",
+  "fleet_node_player_panel_th_activity": "ตัวเลือก",
+  "fleet_node_player_form_add_title": "เพิ่มผู้เล่น",
+  "fleet_node_player_form_add_submit": "เพิ่ม",
+  "fleet_node_player_form_edit_title": "แก้ไขผู้เล่น",
+  "fleet_node_player_form_edit_submit": "บันทึก",
+  "fleet_node_player_form_label_name": "ชื่อ",
+  "fleet_node_player_form_label_group_id": "กลุ่ม",
+  "fleet_node_player_form_label_host": "โฮสต์",
+  "fleet_node_player_form_label_operating_system": "ระบบปฏิบัติการ",
+  "fleet_node_player_form_button_cancel": "ยกเลิก",
+  "js_fleet_node_player_delete_confirmation": "คุณแน่ใจหรือ?",
+  "js_fleet_node_player_assign_confirmation": "ผู้เล่นนี้ถูกกำหนดให้กับกลุ่มแล้วและจะถูกแทนที่ด้วยการเลือกของคุณ คุณแน่ใจหรือ?",
+  "fleet_node_player_group_page_title": "กลุ่มผู้เล่น",
+  "fleet_node_player_group_page_about": "เกี่ยวกับกลุ่มผู้เล่น",
+  "fleet_node_player_group_page_player_management": "องค์ประกอบกลุ่มผู้เล่น",
+  "fleet_node_player_group_page_player_management_desc": "คุณสามารถเพิ่ม แก้ไข ลบผู้เล่นจากรายการนี้ เพลย์ลิสต์ที่เชื่อมโยงกับกลุ่มผู้เล่นนี้จะเล่นในผู้เล่นทั้งหมด",
+  "fleet_node_player_group_button_add": "เพิ่มกลุ่มผู้เล่น",
+  "fleet_node_player_group_assign_player": "กำหนดผู้เล่น",
+  "fleet_node_player_group_panel_active": "กลุ่มผู้เล่นที่ใช้งานอยู่",
+  "fleet_node_player_group_panel_empty": "ขณะนี้ยังไม่มีกลุ่มผู้เล่น %link% ในขณะนี้",
+  "fleet_node_player_group_panel_th_name": "ชื่อ",
+  "fleet_node_player_group_panel_th_playlist": "เพลย์ลิสต์",
+  "fleet_node_player_group_panel_th_activity": "ตัวเลือก",
+  "fleet_node_player_group_form_add_title": "เพิ่มกลุ่มผู้เล่น",
+  "fleet_node_player_group_form_add_submit": "เพิ่ม",
+  "fleet_node_player_group_form_edit_title": "แก้ไขกลุ่มผู้เล่น",
+  "fleet_node_player_group_form_edit_submit": "บันทึก",
+  "fleet_node_player_group_form_label_name": "ป้อนชื่อกลุ่มผู้เล่น",
+  "fleet_node_player_group_form_label_playlist_id": "เลือกเพลย์ลิสต์ที่จะแสดงสำหรับกลุ่มผู้เล่นนี้",
+  "fleet_node_player_group_form_button_cancel": "ยกเลิก",
+  "js_fleet_node_player_group_delete_confirmation": "คุณแน่ใจหรือ?",
+  "node_player_group_delete_has_node_player": "กลุ่มผู้เล่นมีผู้เล่น โปรดลบหรือยกเลิกการกำหนดพวกเขาก่อนและลองใหม่อีกครั้ง",
+  "login_page_title": "เข้าสู่ระบบ",
+  "auth_page_title": "ผู้ใช้",
+  "auth_user_button_add": "เพิ่มผู้ใช้",
+  "auth_user_panel_active": "ผู้ใช้ที่ใช้งานอยู่",
+  "auth_user_panel_inactive": "ผู้ใช้ที่ไม่ใช้งาน",
+  "auth_user_panel_empty": "ขณะนี้ยังไม่มีผู้ใช้ %link% ในขณะนี้",
+  "auth_user_panel_th_username": "ชื่อผู้ใช้",
+  "auth_user_panel_th_enabled": "เปิดใช้งาน",
+  "auth_user_panel_th_activity": "ตัวเลือก",
+  "auth_user_form_add_title": "เพิ่มผู้ใช้",
+  "auth_user_form_add_submit": "เพิ่ม",
+  "auth_user_form_edit_title": "แก้ไขผู้ใช้",
+  "auth_user_form_edit_submit": "บันทึก",
+  "auth_user_form_label_username": "ป้อนชื่อผู้ใช้",
+  "auth_user_form_label_password": "ป้อนรหัสผ่าน",
+  "auth_user_form_label_enabled": "อนุญาตให้ผู้ใช้เข้าสู่ระบบ",
+  "auth_user_delete_cant_delete_yourself": "คุณไม่สามารถลบบัญชีของคุณเองได้",
+  "auth_user_delete_at_least_one_account": "คุณต้องมีผู้ใช้ที่ใช้งานอย่างน้อยหนึ่งคนในขณะใช้ฟีเจอร์การรับรองความถูกต้อง",
+  "js_auth_user_delete_confirmation": "คุณแน่ใจหรือ?",
+  "settings_page_title": "การตั้งค่า",
+  "settings_plugin_page_title": "ปลั๊กอิน",
+  "settings_variable_panel_system_variables": "การตั้งค่าทั่วไป",
+  "settings_variable_panel_plugin_variables": "การตั้งค่าปลั๊กอิน",
+  "settings_variable_panel_th_description": "คำอธิบาย",
+  "settings_variable_panel_th_value": "ค่า",
+  "settings_variable_panel_th_activity": "ตัวเลือก",
+  "settings_variable_form_edit_title": "แก้ไขการตั้งค่า",
+  "settings_variable_form_edit_submit": "บันทึก",
+  "settings_variable_form_label_name": "ชื่อ",
+  "settings_variable_form_label_value": "ค่า",
+  "settings_variable_form_button_cancel": "ยกเลิก",
+  "settings_variable_desc_lang": "ภาษาของเซิร์ฟเวอร์",
+  "settings_variable_desc_snippet_enabled": "เปิดใช้งานโค้ดสแนป",
+    "settings_variable_desc_fleet_studio_enabled": "เปิดใช้งานการจัดการ Fleet Studio (ล้าสมัยและเลิกใช้แล้ว)",
+  "settings_variable_desc_fleet_player_enabled": "เปิดใช้งานการจัดการผู้เล่นแบบฝูง",
+  "settings_variable_desc_edition_fleet_player_enabled": "การจัดการเพลย์ลิสต์จะถูกเปิดใช้งานเช่นกัน",
+  "settings_variable_desc_auth_enabled": "เปิดใช้งานการจัดการการรับรองความถูกต้อง",
+  "settings_variable_desc_edition_auth_enabled": "ข้อมูลประจำตัวผู้ใช้เริ่มต้นจะเป็น %username%/%password%",
+  "settings_variable_desc_external_url": "URL ภายนอก (เช่น: https://studio-01.company.com หรือ http://10.10.3.100)",
+  "settings_variable_desc_slide_upload_limit": "ขีดจำกัดการอัปโหลดสไลด์ (เป็นเมกะไบต์)",
+  "settings_variable_desc_dark_mode": "โหมดมืด",
+  "settings_variable_desc_collapsed_menu": "เมนูยุบ",
+  "settings_variable_desc_intro_slide_duration": "ระยะเวลาสไลด์แนะนำ (เป็นวินาที)",
+  "settings_variable_desc_default_slide_time_with_seconds": "แสดงวินาทีบนหน้าปัดนาฬิกาในสไลด์แนะนำ",
+  "settings_variable_desc_polling_interval": "ช่วงเวลาการรีเฟรชที่ใช้กับการตั้งค่าในผู้เล่น (เป็นวินาที)",
+  "settings_variable_desc_player_content_cache": "เปิดใช้งานการแคช",
+  "settings_variable_desc_slide_animation_enabled": "เปิดใช้งานเอฟเฟกต์การเคลื่อนไหวระหว่างสไลด์",
+  "settings_variable_desc_slide_animation_entrance_effect": "เอฟเฟกต์การเข้ามาของสไลด์",
+  "settings_variable_desc_slide_animation_exit_effect": "เอฟเฟกต์การออกจากสไลด์ (มักจะดีกว่าถ้าไม่มีมัน)",
+  "settings_variable_desc_slide_animation_speed": "ความเร็วในการเคลื่อนไหวของสไลด์",
+  "settings_variable_desc_ro_start_counter": "เริ่มนับ",
+  "settings_variable_desc_ro_last_folder_content": "โฟลเดอร์ปัจจุบันในตัวสำรวจเนื้อหา",
+  "settings_variable_desc_ro_last_folder_node_player": "โฟลเดอร์ปัจจุบันในตัวสำรวจผู้เล่น",
+  "settings_variable_desc_ro_editable": "วันที่และเวลาที่รีบูตแอปพลิเคชันล่าสุด",
+  "settings_variable_desc_ro_last_slide_update": "วันที่และเวลาการอัปเดตสไลด์ล่าสุด",
+  "settings_variable_desc_ro_refresh_player_request": "วันที่และเวลาที่ร้องขอการรีเฟรชผู้เล่นล่าสุด",
+  "sysinfo_page_title": "ข้อมูลระบบ",
+  "sysinfo_panel_button_restart": "รีสตาร์ท",
+  "sysinfo_panel_table_section_system": "ระบบ & แอปพลิเคชัน",
+  "sysinfo_panel_table_section_server": "เซิร์ฟเวอร์",
+  "sysinfo_panel_title": "ข้อมูล",
+  "sysinfo_panel_th_attribute": "คุณลักษณะ",
+  "sysinfo_panel_th_value": "ค่า",
+  "sysinfo_panel_td_ipaddr": "ที่อยู่ IP",
+  "logs_page_title": "บันทึก",
+  "logs_panel_last_logs": "บันทึก (100 บรรทัดสุดท้าย)",
+  "js_sysinfo_restart_confirmation": "คุณแน่ใจหรือ?",
+  "js_sysinfo_restart_loading": "กำลังรีสตาร์ท โปรดรอ...",
+  "basic_day_1": "วันจันทร์",
+  "basic_day_2": "วันอังคาร",
+  "basic_day_3": "วันพุธ",
+  "basic_day_4": "วันพฤหัสบดี",
+  "basic_day_5": "วันศุกร์",
+  "basic_day_6": "วันเสาร์",
+  "basic_day_7": "วันอาทิตย์",
+  "basic_month_1": "มกราคม",
+  "basic_month_2": "กุมภาพันธ์",
+  "basic_month_3": "มีนาคม",
+  "basic_month_4": "เมษายน",
+  "basic_month_5": "พฤษภาคม",
+  "basic_month_6": "มิถุนายน",
+  "basic_month_7": "กรกฎาคม",
+  "basic_month_8": "สิงหาคม",
+  "basic_month_9": "กันยายน",
+  "basic_month_10": "ตุลาคม",
+  "basic_month_11": "พฤศจิกายน",
+  "basic_month_12": "ธันวาคม",
+  "common_bad_directory_path": "ไดเรกทอรีไม่มีอยู่ในเส้นทางที่ระบุ",
+  "common_bad_file_type": "อัปโหลดประเภทไฟล์ที่ไม่ถูกต้อง",
+  "common_restart_needed": "โปรดรีสตาร์ท obscreen studio (หรือรีสตาร์ทอุปกรณ์) เพื่อให้การเปลี่ยนแปลงมีผล",
+  "common_pick_element": "เลือกองค์ประกอบ",
+  "common_untitled": "<ไม่มีชื่อ>",
+  "common_loading": "กำลังโหลด...",
+  "common_casting": "กำลังแคส...",
+  "common_default_node_player_group": "กลุ่มผู้เล่นเริ่มต้น",
+  "common_default_playlist": "เพลย์ลิสต์เริ่มต้น",
+  "common_unknown_ipaddr": "ที่อยู่ IP ไม่ทราบ",
+  "common_empty": "[ว่างเปล่า]",
+  "common_are_you_sure": "คุณแน่ใจหรือ?",
+  "common_enable_plugin": "เปิดใช้งานปลั๊กอินนี้",
+  "common_save": "บันทึก",
+  "common_cancel": "ยกเลิก",
+  "common_back": "กลับ",
+  "common_exit": "ออก",
+  "common_close": "ปิด",
+  "common_confirm": "ยืนยัน",
+  "common_submit": "ส่ง",
+  "common_validate": "ตรวจสอบ",
+  "common_apply": "นำไปใช้",
+  "common_saved": "การเปลี่ยนแปลงได้รับการบันทึกแล้ว",
+  "common_new_folder": "โฟลเดอร์ใหม่",
+  "common_folder_not_empty_error": "โฟลเดอร์ '%folderName%' ไม่ว่างเปล่า คุณต้องลบเนื้อหาก่อน",
+  "common_copied": "คัดลอกองค์ประกอบไปยังคลิปบอร์ดแล้ว!",
+  "common_host_placeholder": "raspberrypi.local หรือ 192.168.1.85",
+  "common_url_placeholder": "http://raspberrypi.local:5000 หรือ http://192.168.1.85:5000",
+  "common_reachable_at": "โฮสต์",
+  "common_http_error_occured": "เกิดข้อผิดพลาด %code%",
+  "common_http_error_413": "ไฟล์มีขนาดใหญ่เกินไป",
+  "common_width": "ความกว้าง",
+  "common_height": "ความสูง",
+  "common_position": "ตำแหน่ง",
+  "common_angle": "มุม",
+  "common_size": "ขนาด",
+  "composition_elements_heading": "องค์ประกอบ",
+  "composition_element_add": "เพิ่มองค์ประกอบ",
+  "composition_elements_delete_all": "ลบทั้งหมด",
+  "composition_presets": "การตั้งค่าล่วงหน้า",
+  "composition_presets_grid_2x2": "กริด 2x2",
+  "composition_presets_tvnews_1x1": "ข่าวทีวี 1x1",
+  "composition_monitor": "หน้าจอ",
+  "composition_element_x_axis": "แกน X",
+  "composition_element_y_axis": "แกน Y",
+  "composition_element_match_content_aspect_ratio": "จับคู่สัดส่วนเนื้อหา",
+  "logout": "ออกจากระบบ",
+  "login_error_not_found": "ข้อมูลไม่ถูกต้อง",
+  "login_error_bad_credentials": "ข้อมูลไม่ถูกต้อง",
+  "login_form_title": "เข้าสู่ระบบ",
+  "login_form_username": "ชื่อผู้ใช้",
+  "login_form_password": "รหัสผ่าน",
+  "login_form_submit": "เชื่อมต่อ",
+  "utrack_title": "เกี่ยวกับผู้ใช้",
+  "created_at": "สร้างเมื่อ",
+  "updated_at": "แก้ไขเมื่อ",
+  "created_by": "สร้างโดย",
+  "updated_by": "อัปเดตล่าสุดโดย",
+  "close": "ปิด",
+  "anonymous": "ไม่ระบุชื่อ",
+  "enum_animation_speed_slower": "ช้าลง",
+  "enum_animation_speed_slow": "ช้า",
+  "enum_animation_speed_normal": "ปกติ",
+  "enum_animation_speed_fast": "เร็ว",
+  "enum_animation_speed_faster": "เร็วขึ้น",
+  "enum_variable_section_general": "1. ทั่วไป",
+  "enum_variable_section_player_options": "2. ตัวเลือกผู้เล่น",
+  "enum_variable_section_player_animation": "3. การเคลื่อนไหวของผู้เล่น",
+  "enum_variable_section_fleet": "4. การจัดการฝูง",
+  "enum_variable_section_security": "5. ความปลอดภัย",
+  "enum_application_language_english": "ภาษาอังกฤษ",
+  "enum_application_language_french": "ภาษาฝรั่งเศส",
+  "enum_application_language_italian": "ภาษาอิตาลี",
+  "enum_application_language_spanish": "ภาษาสเปน",
+  "enum_application_language_arabic": "ภาษาอาหรับ",
+  "enum_application_language_german": "ภาษาเยอรมัน",
+  "enum_application_language_greek": "ภาษากรีก",
+  "enum_application_language_hindi": "ภาษาฮินดี",
+  "enum_application_language_japanese": "ภาษาญี่ปุ่น",
+  "enum_application_language_korean": "ภาษาเกาหลี",
+  "enum_application_language_polish": "ภาษาโปแลนด์",
+  "enum_application_language_portugese": "ภาษาโปรตุเกส",
+  "enum_application_language_russian": "ภาษารัสเซีย",
+  "enum_application_language_thai": "ไทย",
+  "enum_application_language_vietnamese": "ภาษาเวียดนาม",
+  "enum_application_language_chinese": "ภาษาจีน",
+  "enum_content_type_external_storage": "ที่จัดเก็บภายนอก",
+  "enum_content_type_external_storage_object_label": "ระบุไดเรกทอรีที่มีอยู่ที่สัมพันธ์กับเส้นทางต่อไปนี้",
+  "enum_content_type_external_storage_flashdrive_label": "เส้นทางสัมพันธ์กับอุปกรณ์แบบถอดได้",
+  "enum_content_type_composition": "องค์ประกอบ",
+  "enum_content_type_composition_object_label": "สัดส่วนหน้าจอ",
+  "enum_content_type_playlist_embed": "การฝังเพลย์ลิสต์",
+  "enum_content_type_playlist_embed_object_label": "เพลย์ลิสต์ที่จะฝัง",
+  "enum_content_type_text": "ข้อความ",
+  "enum_content_type_text_object_label": "ข้อความที่แสดง",
+  "enum_content_type_url": "URL",
+  "enum_content_type_video": "วิดีโอ",
+  "enum_content_type_picture": "ภาพ",
+  "enum_content_type_youtube": "ยูทูป",
+  "enum_content_type_url_object_label": "ป้อนลิงค์ URL",
+  "enum_content_type_video_object_label": "อัปโหลดวิดีโอของคุณ (MP4 เท่านั้น)",
+  "enum_content_type_picture_object_label": "อัปโหลดรูปภาพของคุณ",
+  "enum_content_type_youtube_object_label": "ป้อนลิงก์วิดีโอ YouTube",
+  "enum_operating_system_raspbian": "Raspbian",
+  "enum_operating_system_debian": "Debian",
+  "enum_operating_system_windows": "Windows",
+  "enum_operating_system_macos": "MacOS",
+  "enum_operating_system_fedora": "Fedora",
+  "enum_operating_system_ubuntu": "Ubuntu",
+  "enum_operating_system_suse": "Suse",
+  "enum_operating_system_redhat": "RedHat",
+  "enum_operating_system_centos": "CentOS",
+  "enum_operating_system_other": "อื่น ๆ",
+  "sysinfo_device_model": "รุ่นอุปกรณ์",
+  "sysinfo_device_model_unknown": "รุ่นไม่ทราบ",
+  "sysinfo_storage_free_space": "พื้นที่เก็บข้อมูลว่าง",
+  "sysinfo_memory_usage": "การใช้งานหน่วยความจำ",
+  "sysinfo_os_version": "เวอร์ชั่น OS",
+  "sysinfo_install_directory": "ไดเรกทอรีการติดตั้ง",
+  "sysinfo_network_interface": "อินเทอร์เฟซเครือข่าย",
+  "sysinfo_mac_address": "ที่อยู่ MAC",
+  "sysinfo_ip_address": "ที่อยู่ IP",
+  "player_default_welcome_message": "เพื่อจัดการผู้เล่นนี้ ไปที่เบราว์เซอร์ที่",
+  "player_noplaylist_welcome_message": "ไม่ได้กำหนดค่าเพลย์ลิสต์ตามค่าเริ่มต้น ไปที่เบราว์เซอร์ที่"
+}
\ No newline at end of file
diff --git a/lang/vi.json b/lang/vi.json
index 39e38c9..62c50f8 100644
--- a/lang/vi.json
+++ b/lang/vi.json
@@ -16,7 +16,7 @@
   "slideshow_slide_panel_th_content": "Nội dung",
   "slideshow_slide_panel_th_duration": "Kết thúc sau",
   "slideshow_slide_panel_th_duration_unit": "giây",
-  "slideshow_slide_panel_th_delegate_duration_video": "Thời lượng video",
+  "slideshow_slide_panel_th_delegate_duration": "Thời lượng nội dung",
   "slideshow_slide_panel_th_enabled": "Đã kích hoạt",
   "slideshow_slide_panel_th_cron_scheduled": "Lịch bắt đầu",
   "slideshow_slide_panel_th_activity": "Tùy chọn",
@@ -34,7 +34,7 @@
   "slideshow_slide_form_section_scheduling": "Lập lịch",
   "slideshow_slide_form_label_name": "Tên",
   "slideshow_slide_form_label_enabled": "Bật/Tắt",
-  "slideshow_slide_form_label_delegate_duration": "Sử dụng thời lượng video",
+  "slideshow_slide_form_label_delegate_duration": "Sử dụng thời lượng của nội dung",
   "slideshow_slide_form_label_add_content": "Tải lên thư viện",
   "slideshow_slide_form_label_from_library": "Từ thư viện",
   "slideshow_slide_form_label_content_id": "Nội dung",
@@ -106,6 +106,24 @@
   "playlist_delete_has_slides": "Danh sách phát có slide, vui lòng xóa chúng trước và thử lại",
   "playlist_delete_has_node_player_groups": "Danh sách phát được liên kết với một nhóm phát",
   "playlist_cast_warning": "URL <a href=\"%href%\" target=\"_blank\">bên ngoài</a> của bạn phải được phục vụ qua https để hoạt động",
+  "fleet_node_studio_page_title": "Phòng thu",
+  "fleet_node_studio_open_fleet_view": "Mở chế độ xem đội tàu",
+  "fleet_node_studio_button_add": "Thêm phòng thu",
+  "fleet_node_studio_panel_active": "Phòng thu hoạt động",
+  "fleet_node_studio_panel_inactive": "Phòng thu không hoạt động",
+  "fleet_node_studio_panel_empty": "Hiện tại, không có phòng thu nào. %link% ngay bây giờ.",
+  "fleet_node_studio_panel_th_name": "Tên",
+  "fleet_node_studio_panel_th_host": "Máy chủ",
+  "fleet_node_studio_panel_th_enabled": "Đã bật",
+  "fleet_node_studio_panel_th_activity": "Tùy chọn",
+  "fleet_node_studio_form_add_title": "Thêm Phòng thu",
+  "fleet_node_studio_form_add_submit": "Thêm",
+  "fleet_node_studio_form_edit_title": "Chỉnh sửa Phòng thu",
+  "fleet_node_studio_form_edit_submit": "Lưu",
+  "fleet_node_studio_form_label_name": "Tên",
+  "fleet_node_studio_form_label_host": "Máy chủ",
+  "fleet_node_studio_form_label_operating_system": "Hệ điều hành",
+  "fleet_node_studio_form_button_cancel": "Hủy bỏ",
   "fleet_node_player_page_title": "Trình phát",
   "fleet_node_player_button_add": "Thêm trình phát",
   "fleet_node_player_panel_active": "Trình phát hoạt động",
@@ -179,6 +197,8 @@
   "settings_variable_form_label_value": "Giá trị",
   "settings_variable_form_button_cancel": "Hủy",
   "settings_variable_desc_lang": "Ngôn ngữ máy chủ",
+  "settings_variable_desc_snippet_enabled": "Kích hoạt đoạn mã",
+  "settings_variable_desc_fleet_studio_enabled": "Kích hoạt quản lý Fleet Studio (cũ và không được khuyến khích sử dụng)",
   "settings_variable_desc_fleet_player_enabled": "Bật quản lý trình phát đội",
   "settings_variable_desc_edition_fleet_player_enabled": "Quản lý danh sách phát cũng sẽ được bật",
   "settings_variable_desc_auth_enabled": "Bật quản lý xác thực",
@@ -186,6 +206,7 @@
   "settings_variable_desc_external_url": "URL bên ngoài (ví dụ: https://studio-01.company.com hoặc http://10.10.3.100)",
   "settings_variable_desc_slide_upload_limit": "Giới hạn tải lên slide (tính bằng megabyte)",
   "settings_variable_desc_dark_mode": "Chế độ tối",
+  "settings_variable_desc_collapsed_menu": "Menu thu gọn",
   "settings_variable_desc_intro_slide_duration": "Thời lượng slide giới thiệu (tính bằng giây)",
   "settings_variable_desc_default_slide_time_with_seconds": "Hiển thị giây trên đồng hồ trong slide giới thiệu",
   "settings_variable_desc_polling_interval": "Khoảng thời gian làm mới được áp dụng cho trình phát (tính bằng giây)",
@@ -258,6 +279,7 @@
   "common_folder_not_empty_error": "Thư mục không trống, bạn phải xóa nội dung trước",
   "common_copied": "Phần tử đã được sao chép vào bộ nhớ tạm!",
   "common_host_placeholder": "raspberrypi.local hoặc 192.168.1.85",
+  "common_url_placeholder": "http://raspberrypi.local:5000 hoặc http://192.168.1.85:5000",
   "common_reachable_at": "Host",
   "common_http_error_occured": "Đã xảy ra lỗi %code%",
   "common_http_error_413": "Tệp quá lớn",
@@ -313,6 +335,7 @@
   "enum_application_language_polish": "Tiếng Ba Lan",
   "enum_application_language_portugese": "Tiếng Bồ Đào Nha",
   "enum_application_language_russian": "Tiếng Nga",
+  "enum_application_language_thai": "Tiếng Thái",
   "enum_application_language_vietnamese": "Tiếng Việt",
   "enum_application_language_chinese": "Tiếng Trung",
   "enum_content_type_external_storage": "Lưu trữ bên ngoài",
@@ -320,6 +343,8 @@
   "enum_content_type_external_storage_flashdrive_label": "Đường dẫn tương đối đến thiết bị di động",
   "enum_content_type_composition": "Bố cục",
   "enum_content_type_composition_object_label": "Tỷ lệ khung hình màn hình",
+  "enum_content_type_playlist_embed": "Nhúng danh sách phát",
+  "enum_content_type_playlist_embed_object_label": "Danh sách phát để nhúng",
   "enum_content_type_text": "Văn bản",
   "enum_content_type_text_object_label": "Văn bản hiển thị",
   "enum_content_type_url": "URL",
diff --git a/lang/zh.json b/lang/zh.json
index 34fe0c8..30e5376 100644
--- a/lang/zh.json
+++ b/lang/zh.json
@@ -16,7 +16,7 @@
   "slideshow_slide_panel_th_content": "内容",
   "slideshow_slide_panel_th_duration": "结束时间",
   "slideshow_slide_panel_th_duration_unit": "秒",
-  "slideshow_slide_panel_th_delegate_duration_video": "视频时长",
+  "slideshow_slide_panel_th_delegate_duration": "内容持续时间",
   "slideshow_slide_panel_th_enabled": "启用",
   "slideshow_slide_panel_th_cron_scheduled": "计划开始",
   "slideshow_slide_panel_th_activity": "选项",
@@ -34,7 +34,7 @@
   "slideshow_slide_form_section_scheduling": "日程安排",
   "slideshow_slide_form_label_name": "名称",
   "slideshow_slide_form_label_enabled": "启用/禁用",
-  "slideshow_slide_form_label_delegate_duration": "使用视频时长",
+  "slideshow_slide_form_label_delegate_duration": "使用内容的持续时间",
   "slideshow_slide_form_label_add_content": "上传到库",
   "slideshow_slide_form_label_from_library": "从库中选择",
   "slideshow_slide_form_label_content_id": "内容",
@@ -106,6 +106,24 @@
   "playlist_delete_has_slides": "播放列表中有幻灯片，请先移除它们然后重试",
   "playlist_delete_has_node_player_groups": "播放列表已关联到一个播放组",
   "playlist_cast_warning": "您的 <a href=\"%href%\" target=\"_blank\">外部 URL</a> 必须通过 https 服务才能正常工作",
+  "fleet_node_studio_page_title": "工作室",
+  "fleet_node_studio_open_fleet_view": "打开舰队视图",
+  "fleet_node_studio_button_add": "添加工作室",
+  "fleet_node_studio_panel_active": "活跃的工作室",
+  "fleet_node_studio_panel_inactive": "非活跃的工作室",
+  "fleet_node_studio_panel_empty": "当前没有工作室。 %link% 现在。",
+  "fleet_node_studio_panel_th_name": "名称",
+  "fleet_node_studio_panel_th_host": "主机",
+  "fleet_node_studio_panel_th_enabled": "已启用",
+  "fleet_node_studio_panel_th_activity": "选项",
+  "fleet_node_studio_form_add_title": "添加工作室",
+  "fleet_node_studio_form_add_submit": "添加",
+  "fleet_node_studio_form_edit_title": "编辑工作室",
+  "fleet_node_studio_form_edit_submit": "保存",
+  "fleet_node_studio_form_label_name": "名称",
+  "fleet_node_studio_form_label_host": "主机",
+  "fleet_node_studio_form_label_operating_system": "操作系统",
+  "fleet_node_studio_form_button_cancel": "取消",
   "fleet_node_player_page_title": "播放器",
   "fleet_node_player_button_add": "添加播放器",
   "fleet_node_player_panel_active": "活动播放器",
@@ -179,6 +197,8 @@
   "settings_variable_form_label_value": "值",
   "settings_variable_form_button_cancel": "取消",
   "settings_variable_desc_lang": "服务器语言",
+  "settings_variable_desc_snippet_enabled": "启用代码片段",
+  "settings_variable_desc_fleet_studio_enabled": "启用车队工作室管理（遗留和弃用）",
   "settings_variable_desc_fleet_player_enabled": "启用设备播放器管理",
   "settings_variable_desc_edition_fleet_player_enabled": "播放列表管理也将启用",
   "settings_variable_desc_auth_enabled": "启用认证管理",
@@ -186,6 +206,7 @@
   "settings_variable_desc_external_url": "外部 URL (例如: https://studio-01.company.com 或 http://10.10.3.100)",
   "settings_variable_desc_slide_upload_limit": "幻灯片上传限制（以兆字节为单位）",
   "settings_variable_desc_dark_mode": "黑暗模式",
+  "settings_variable_desc_collapsed_menu": "折叠菜单",
   "settings_variable_desc_intro_slide_duration": "介绍幻灯片时长（以秒为单位）",
   "settings_variable_desc_default_slide_time_with_seconds": "在介绍幻灯片的时钟中显示秒数",
   "settings_variable_desc_polling_interval": "播放器设置应用的刷新间隔（以秒为单位）",
@@ -258,6 +279,7 @@
   "common_folder_not_empty_error": "文件夹 '%folderName%' 不为空，您必须先删除其内容",
   "common_copied": "元素已复制到剪贴板！",
   "common_host_placeholder": "raspberrypi.local 或 192.168.1.85",
+  "common_url_placeholder": "http://raspberrypi.local:5000 或 http://192.168.1.85:5000",
   "common_reachable_at": "主机",
   "common_http_error_occured": "发生错误 %code%",
   "common_http_error_413": "文件太大",
@@ -313,6 +335,7 @@
   "enum_application_language_polish": "波兰语",
   "enum_application_language_portugese": "葡萄牙语",
   "enum_application_language_russian": "俄语",
+  "enum_application_language_thai": "泰语",
   "enum_application_language_vietnamese": "越南语",
   "enum_application_language_chinese": "中文",
   "enum_content_type_external_storage": "外部存储",
@@ -320,6 +343,8 @@
   "enum_content_type_external_storage_flashdrive_label": "相对于可移动设备的路径",
   "enum_content_type_composition": "组合",
   "enum_content_type_composition_object_label": "屏幕纵横比",
+  "enum_content_type_playlist_embed": "嵌入播放列表",
+  "enum_content_type_playlist_embed_object_label": "要嵌入的播放列表",
   "enum_content_type_text": "文本",
   "enum_content_type_text_object_label": "显示的文本",
   "enum_content_type_url": "URL",
@@ -351,4 +376,4 @@
   "sysinfo_ip_address": "IP 地址",
   "player_default_welcome_message": "要管理此播放器，请在浏览器中访问",
   "player_noplaylist_welcome_message": "默认情况下未配置播放列表，请在浏览器中访问"
-}
+}
\ No newline at end of file
diff --git a/src/controller/ContentController.py b/src/controller/ContentController.py
index 7d97936..74e1897 100644
--- a/src/controller/ContentController.py
+++ b/src/controller/ContentController.py
@@ -60,6 +60,7 @@ def slideshow_content_list(self):
             enum_content_type=ContentType,
             enum_folder_entity=FolderEntity,
             external_storage_mountpoint=self._model_store.config().map().get('external_storage_mountpoint'),
+            playlists=self._model_store.playlist().get_all_labels_indexed()
         )
 
     def slideshow_content_add(self):
@@ -120,6 +121,8 @@ def slideshow_content_edit(self, content_id: int = 0):
             vargs['foldered_contents'] = self._model_store.content().get_all_indexed('folder_id', multiple=True)
         elif content.type == ContentType.TEXT:
             edit_view = 'slideshow/contents/edit-text.jinja.html'
+        elif content.type == ContentType.PLAYLIST_EMBED:
+            vargs['playlists'] = self._model_store.playlist().get_all_labels_indexed()
 
         return render_template(
             edit_view,
diff --git a/src/controller/FleetNodePlayerController.py b/src/controller/FleetNodePlayerController.py
index 149016f..bc1bbdf 100644
--- a/src/controller/FleetNodePlayerController.py
+++ b/src/controller/FleetNodePlayerController.py
@@ -14,6 +14,7 @@ class FleetNodePlayerController(ObController):
     def guard_fleet(self, f):
         def decorated_function(*args, **kwargs):
             if not self._model_store.variable().map().get('fleet_player_enabled').as_bool():
+                self._model_store.variable().update_by_name('last_pillmenu_fleet', 'fleet_node_studio_list')
                 return redirect(url_for('manage'))
             return f(*args, **kwargs)
 
diff --git a/src/controller/FleetNodePlayerGroupController.py b/src/controller/FleetNodePlayerGroupController.py
index c657049..c0d5f9f 100644
--- a/src/controller/FleetNodePlayerGroupController.py
+++ b/src/controller/FleetNodePlayerGroupController.py
@@ -13,6 +13,7 @@ class FleetNodePlayerGroupController(ObController):
     def guard_fleet(self, f):
         def decorated_function(*args, **kwargs):
             if not self._model_store.variable().map().get('fleet_player_enabled').as_bool():
+                self._model_store.variable().update_by_name('last_pillmenu_fleet', 'fleet_node_studio_list')
                 return redirect(url_for('manage'))
             return f(*args, **kwargs)
 
diff --git a/src/controller/FleetNodeStudioController.py b/src/controller/FleetNodeStudioController.py
new file mode 100644
index 0000000..b2f3ff0
--- /dev/null
+++ b/src/controller/FleetNodeStudioController.py
@@ -0,0 +1,279 @@
+import json
+
+from flask import Flask, render_template, redirect, request, url_for, jsonify, abort, flash
+from src.service.ModelStore import ModelStore
+from src.model.entity.NodeStudio import NodeStudio
+from src.interface.ObController import ObController
+from src.model.enum.OperatingSystem import OperatingSystem
+from src.model.enum.FolderEntity import FolderEntity, FOLDER_ROOT_PATH
+from src.util.utils import str_to_enum
+
+
+class FleetNodeStudioController(ObController):
+
+    def guard_fleet(self, f):
+        def decorated_function(*args, **kwargs):
+            if not self._model_store.variable().map().get('fleet_studio_enabled').as_bool():
+                self._model_store.variable().update_by_name('last_pillmenu_fleet', 'fleet_node_player_list')
+                return redirect(url_for('manage'))
+            return f(*args, **kwargs)
+
+        return decorated_function
+
+    def register(self):
+        self._app.add_url_rule('/fleet', 'fleet_node_studio_fleet_view', self.guard_fleet(self._auth(self.fleet_node_studio_fleet_view)), methods=['GET'])
+        self._app.add_url_rule('/fleet/node-studio', 'fleet_node_studio_list', self.guard_fleet(self._auth(self.fleet_node_studio_list)), methods=['GET'])
+        self._app.add_url_rule('/fleet/node-studio/add', 'fleet_node_studio_add', self.guard_fleet(self._auth(self.fleet_node_studio_add)), methods=['GET', 'POST'])
+        self._app.add_url_rule('/fleet/node-studio/edit/<node_studio_id>', 'fleet_node_studio_edit', self._auth(self.fleet_node_studio_edit), methods=['GET'])
+        self._app.add_url_rule('/fleet/node-studio/save/<node_studio_id>', 'fleet_node_studio_save', self._auth(self.fleet_node_studio_save), methods=['POST'])
+        self._app.add_url_rule('/fleet/node-studio/delete', 'fleet_node_studio_delete', self.guard_fleet(self._auth(self.fleet_node_studio_delete)), methods=['GET'])
+        self._app.add_url_rule('/fleet/node-studio/rename', 'fleet_node_studio_rename', self.guard_fleet(self._auth(self.fleet_node_studio_rename)), methods=['POST'])
+        self._app.add_url_rule('/fleet/node-studio/cd', 'fleet_node_studio_cd', self._auth(self.fleet_node_studio_cd), methods=['GET'])
+        self._app.add_url_rule('/fleet/node-studio/add-folder', 'fleet_node_studio_folder_add', self._auth(self.fleet_node_studio_folder_add), methods=['POST'])
+        self._app.add_url_rule('/fleet/node-studio/move-folder', 'fleet_node_studio_folder_move', self._auth(self.fleet_node_studio_folder_move), methods=['POST'])
+        self._app.add_url_rule('/fleet/node-studio/rename-folder', 'fleet_node_studio_folder_rename', self._auth(self.fleet_node_studio_folder_rename), methods=['POST'])
+        self._app.add_url_rule('/fleet/node-studio/delete-folder', 'fleet_node_studio_folder_delete', self._auth(self.fleet_node_studio_folder_delete), methods=['GET'])
+        self._app.add_url_rule('/fleet/node-studio/delete-bulk-explr', 'fleet_node_studio_delete_bulk_explr', self._auth(self.fleet_node_studio_delete_bulk_explr), methods=['GET'])
+
+    def fleet_node_studio_fleet_view(self):
+        self._model_store.variable().update_by_name('last_pillmenu_fleet', 'fleet_node_studio_list')
+        working_folder_path, working_folder = self.get_working_folder()
+
+        return render_template(
+            'fleet/node-studios/fleet-view.jinja.html',
+            foldered_node_studios=self._model_store.node_studio().get_all_indexed('folder_id', multiple=True),
+            folders_tree=self._model_store.folder().get_folder_tree(FolderEntity.NODE_STUDIO),
+            working_folder_path=working_folder_path,
+            working_folder=working_folder,
+            working_folder_children=self._model_store.folder().get_children(folder=working_folder, entity=FolderEntity.NODE_STUDIO, sort='created_at', ascending=False),
+            enum_operating_system=OperatingSystem,
+            enum_folder_entity=FolderEntity,
+        )
+
+    def get_working_folder(self):
+        working_folder_path = request.args.get('path', None)
+        working_folder = None
+
+        if working_folder_path:
+            working_folder = self._model_store.folder().get_one_by_path(path=working_folder_path, entity=FolderEntity.NODE_STUDIO)
+
+        if not working_folder:
+            working_folder_path = self._model_store.variable().get_one_by_name('last_folder_node_studio').as_string()
+            working_folder = self._model_store.folder().get_one_by_path(path=working_folder_path, entity=FolderEntity.NODE_STUDIO)
+
+        return working_folder_path, working_folder
+
+    def fleet_node_studio_list(self):
+        self._model_store.variable().update_by_name('last_pillmenu_fleet', 'fleet_node_studio_list')
+        working_folder_path, working_folder = self.get_working_folder()
+
+        return render_template(
+            'fleet/node-studios/list.jinja.html',
+            foldered_node_studios=self._model_store.node_studio().get_all_indexed('folder_id', multiple=True),
+            folders_tree=self._model_store.folder().get_folder_tree(FolderEntity.NODE_STUDIO),
+            working_folder_path=working_folder_path,
+            working_folder=working_folder,
+            working_folder_children=self._model_store.folder().get_children(folder=working_folder, entity=FolderEntity.NODE_STUDIO, sort='created_at', ascending=False),
+            enum_operating_system=OperatingSystem,
+            enum_folder_entity=FolderEntity,
+        )
+
+    def fleet_node_studio_add(self):
+        working_folder_path, working_folder = self.get_working_folder()
+
+        self._model_store.node_studio().add_form(
+            NodeStudio(
+                name=request.form['name'],
+                host=request.form['host'],
+                operating_system=str_to_enum(request.form['operating_system'], OperatingSystem),
+                folder_id=working_folder.id if working_folder else None,
+            )
+        )
+
+        return redirect(url_for('fleet_node_studio_list', path=working_folder_path))
+
+    def fleet_node_studio_edit(self, node_studio_id: int = 0):
+        node_studio = self._model_store.node_studio().get(node_studio_id)
+
+        if not node_studio:
+            return abort(404)
+
+        working_folder_path, working_folder = self.get_working_folder()
+
+        return render_template(
+            'fleet/node-studios/edit.jinja.html',
+            node_studio=node_studio,
+            working_folder_path=working_folder_path,
+            working_folder=working_folder,
+            enum_operating_system=OperatingSystem,
+        )
+
+    def fleet_node_studio_save(self, node_studio_id: int = 0):
+        node_studio_id = request.form['id'] if 'id' in request.form else node_studio_id
+        node_studio = self._model_store.node_studio().get(node_studio_id)
+        working_folder_path, working_folder = self.get_working_folder()
+
+        if not node_studio:
+            return redirect(url_for('fleet_node_studio_list', path=working_folder_path))
+
+        self._model_store.node_studio().update_form(
+            id=node_studio.id,
+            name=request.form['name'],
+            operating_system=str_to_enum(request.form['operating_system'], OperatingSystem),
+            host=request.form['host'],
+        )
+        self._post_update()
+
+        flash(self.t('common_saved'), 'success')
+
+        return redirect(url_for('fleet_node_studio_list', path=working_folder_path))
+
+    def fleet_node_studio_delete(self):
+        working_folder_path, working_folder = self.get_working_folder()
+        error = self.delete_node_studio_by_id(request.args.get('id'))
+        route_args = {
+            "path": working_folder_path,
+        }
+
+        if error:
+            flash(error, 'error')
+
+        return redirect(url_for('fleet_node_studio_list', **route_args))
+
+    def fleet_node_studio_rename(self):
+        working_folder_path, working_folder = self.get_working_folder()
+        self._model_store.node_studio().update_form(
+            id=request.form['id'],
+            name=request.form['name'],
+        )
+
+        return redirect(url_for('fleet_node_studio_list', path=working_folder_path))
+
+    def fleet_node_studio_cd(self):
+        path = request.args.get('path')
+
+        if path == FOLDER_ROOT_PATH:
+            self._model_store.variable().update_by_name("last_folder_node_studio", FOLDER_ROOT_PATH)
+            return redirect(url_for('fleet_node_studio_list', path=FOLDER_ROOT_PATH))
+
+        if not path:
+            return abort(404)
+
+        cd_folder = self._model_store.folder().get_one_by_path(
+            path=path,
+            entity=FolderEntity.NODE_STUDIO
+        )
+
+        if not cd_folder:
+            return abort(404)
+
+        self._model_store.variable().update_by_name("last_folder_node_studio", path)
+
+        return redirect(url_for('fleet_node_studio_list', path=path))
+
+    def fleet_node_studio_folder_add(self):
+        working_folder_path, working_folder = self.get_working_folder()
+
+        self._model_store.folder().add_folder(
+            entity=FolderEntity.NODE_STUDIO,
+            name=request.form['name'],
+            working_folder_path=working_folder_path
+        )
+
+        return redirect(url_for('fleet_node_studio_list', path=working_folder_path))
+
+    def fleet_node_studio_folder_rename(self):
+        working_folder_path, working_folder = self.get_working_folder()
+
+        self._model_store.folder().rename_folder(
+            folder_id=request.form['id'],
+            name=request.form['name'],
+        )
+
+        return redirect(url_for('fleet_node_studio_list', path=working_folder_path))
+
+    def fleet_node_studio_folder_move(self):
+        working_folder_path, working_folder = self.get_working_folder()
+        entity_ids = request.form['entity_ids'].split(',')
+        folder_ids = request.form['folder_ids'].split(',')
+
+        for id in entity_ids:
+            self._model_store.folder().move_to_folder(
+                entity_id=id,
+                folder_id=request.form['new_folder_id'],
+                entity_is_folder=False,
+                entity=FolderEntity.NODE_STUDIO
+            )
+
+        for id in folder_ids:
+            self._model_store.folder().move_to_folder(
+                entity_id=id,
+                folder_id=request.form['new_folder_id'],
+                entity_is_folder=True,
+                entity=FolderEntity.NODE_STUDIO
+            )
+
+        return redirect(url_for('fleet_node_studio_list', path=working_folder_path))
+
+    def fleet_node_studio_folder_delete(self):
+        working_folder_path, working_folder = self.get_working_folder()
+        error = self.delete_folder_by_id(request.args.get('id'))
+        route_args = {
+            "path": working_folder_path,
+        }
+
+        if error:
+            flash(error, 'error')
+
+        return redirect(url_for('fleet_node_studio_list', **route_args))
+
+    def fleet_node_studio_delete_bulk_explr(self):
+        working_folder_path, working_folder = self.get_working_folder()
+        entity_ids = request.args.get('entity_ids', '').split(',')
+        folder_ids = request.args.get('folder_ids', '').split(',')
+        route_args_dict = {"path": working_folder_path}
+
+        for id in entity_ids:
+            if id:
+                error = self.delete_node_studio_by_id(id)
+
+                if error:
+                    flash(error, 'error')
+
+        for id in folder_ids:
+            if id:
+                error = self.delete_folder_by_id(id)
+
+                if error:
+                    flash(error, 'error')
+
+        return redirect(url_for('fleet_node_studio_list', **route_args_dict))
+
+    def delete_node_studio_by_id(self, id):
+        node_studio = self._model_store.node_studio().get(id)
+
+        if not node_studio:
+            return None
+
+        self._model_store.node_studio().delete(node_studio.id)
+        self._post_update()
+        return None
+
+    def delete_folder_by_id(self, id):
+        folder = self._model_store.folder().get(id)
+
+        if not folder:
+            return None
+
+        node_studio_counter = self._model_store.node_studio().count_node_studios_for_folder(folder.id)
+        folder_counter = self._model_store.folder().count_subfolders_for_folder(folder.id)
+
+        if node_studio_counter > 0 or folder_counter:
+            return self.t('common_folder_not_empty_error').replace('%folderName%', folder.name)
+
+        self._model_store.folder().delete(id=folder.id)
+
+        return None
+
+    def _post_update(self):
+        pass
diff --git a/src/controller/PlayerController.py b/src/controller/PlayerController.py
index cd84380..2bcb78a 100644
--- a/src/controller/PlayerController.py
+++ b/src/controller/PlayerController.py
@@ -53,6 +53,12 @@ def player(self, playlist_slug_or_id: str = ''):
                 return abort(404)
 
             playlist_id = current_playlist.id if current_playlist else None
+        else:
+            preview_content = self._model_store.content().get(preview_content_id)
+            if not preview_content:
+                preview_content_id = None
+            elif preview_content.type == ContentType.PLAYLIST_EMBED:
+                return redirect(url_for('player_use', playlist_slug_or_id=preview_content.location, intro=0))
 
         try:
             items = self._get_playlist(playlist_id=playlist_id, preview_content_id=preview_content_id)
@@ -66,8 +72,6 @@ def player(self, playlist_slug_or_id: str = ''):
         slide_animation_entrance_effect = request.args.get('animation_effect', self._model_store.variable().get_one_by_name('slide_animation_entrance_effect').eval())
         slide_animation_exit_effect = request.args.get('slide_animation_exit_effect', self._model_store.variable().get_one_by_name('slide_animation_exit_effect').eval())
 
-
-
         return render_template(
             'player/player.jinja.html',
             items=items,
@@ -124,8 +128,7 @@ def get_remote_addr_for_node_player() -> str:
             return request.remote_addr
 
     def _get_playlist(self, playlist_id: Optional[int] = 0, preview_content_id: Optional[int] = None) -> dict:
-        preview_content = self._model_store.content().get(preview_content_id) if preview_content_id else None
-        preview_mode = preview_content is not None
+        preview_mode = preview_content_id is not None
 
         if not preview_mode and (playlist_id == 0 or not playlist_id):
             playlist = self._model_store.playlist().get_one_by(query="fallback = 1")
@@ -135,7 +138,7 @@ def _get_playlist(self, playlist_id: Optional[int] = 0, preview_content_id: Opti
             elif not preview_mode:
                 raise NoFallbackPlaylistException()
 
-        enabled_slides = [Slide(content_id=preview_content.id, duration=1000000)] if preview_mode else self._model_store.slide().get_slides(enabled=True, playlist_id=playlist_id)
+        enabled_slides = [Slide(content_id=preview_content_id, duration=1000000)] if preview_mode else self._model_store.slide().get_slides(enabled=True, playlist_id=playlist_id)
         slides = self._model_store.slide().to_dict(enabled_slides)
         content_ids = [str(slide['content_id']) for slide in slides if slide['content_id'] is not None]
         contents = self._model_store.content().get_all_indexed(query="id IN ({})".format(','.join(content_ids)))
@@ -155,6 +158,7 @@ def _get_playlist(self, playlist_id: Optional[int] = 0, preview_content_id: Opti
             content = contents[int(slide['content_id'])]
             slide['name'] = content.name
             slide['type'] = content.type.value
+            slide['content_duration'] = content.duration
             slide['location'] = self._model_store.content().resolve_content_location(content)
 
             if slide['type'] == ContentType.EXTERNAL_STORAGE.value:
diff --git a/src/manager/DatabaseManager.py b/src/manager/DatabaseManager.py
index 034df67..1ba98e4 100644
--- a/src/manager/DatabaseManager.py
+++ b/src/manager/DatabaseManager.py
@@ -207,9 +207,7 @@ def generate_delta_queries(old_query: str, new_query: str) -> list:
 
     def pre_migrate(self):
         queries = [
-            "DROP TABLE IF EXISTS fleet_studio",
             "ALTER TABLE slideshow RENAME TO slides",
-            "DELETE FROM settings WHERE name = 'fleet_studio_enabled'",
             "DELETE FROM settings WHERE name = 'default_slide_duration'",
             "DELETE FROM settings WHERE name = 'playlist_default_time_sync'",
             "DELETE FROM settings WHERE name = 'slide_animation_exit_effect'",
diff --git a/src/manager/NodeStudioManager.py b/src/manager/NodeStudioManager.py
new file mode 100644
index 0000000..d33b5c7
--- /dev/null
+++ b/src/manager/NodeStudioManager.py
@@ -0,0 +1,147 @@
+from typing import Dict, Optional, List, Tuple, Union
+
+from src.model.entity.NodeStudio import NodeStudio
+from src.model.enum.OperatingSystem import OperatingSystem
+from src.manager.DatabaseManager import DatabaseManager
+from src.manager.LangManager import LangManager
+from src.manager.UserManager import UserManager
+from src.manager.VariableManager import VariableManager
+from src.service.ModelManager import ModelManager
+
+
+class NodeStudioManager(ModelManager):
+
+    TABLE_NAME = "fleet_studio"
+    TABLE_MODEL = [
+        "name CHAR(255)",
+        "host CHAR(255)",
+        "operating_system CHAR(100)",
+        "folder_id INTEGER",
+        "created_by CHAR(255)",
+        "updated_by CHAR(255)",
+        "created_at INTEGER",
+        "updated_at INTEGER"
+    ]
+
+    def __init__(self, lang_manager: LangManager, database_manager: DatabaseManager, user_manager: UserManager, variable_manager: VariableManager):
+        super().__init__(lang_manager, database_manager, user_manager, variable_manager)
+        self._db = database_manager.open(self.TABLE_NAME, self.TABLE_MODEL)
+
+    def hydrate_object(self, raw_node_studio: dict, id: Optional[int] = None) -> NodeStudio:
+        if id:
+            raw_node_studio['id'] = id
+
+        [raw_node_studio, user_tracker_edits] = self.user_manager.initialize_user_trackers(raw_node_studio)
+
+        if len(user_tracker_edits) > 0:
+            self._db.update_by_id(self.TABLE_NAME, raw_node_studio['id'], user_tracker_edits)
+
+        return NodeStudio(**raw_node_studio)
+
+    def hydrate_list(self, raw_node_studios: list) -> List[NodeStudio]:
+        return [self.hydrate_object(raw_node_studio) for raw_node_studio in raw_node_studios]
+
+    def get(self, id: int) -> Optional[NodeStudio]:
+        object = self._db.get_by_id(self.TABLE_NAME, id)
+        return self.hydrate_object(object, id) if object else None
+
+    def get_by(self, query, sort: Optional[str] = None, ascending=False) -> List[NodeStudio]:
+        return self.hydrate_list(self._db.get_by_query(self.TABLE_NAME, query=query, sort=sort, ascending=ascending))
+
+    def get_one_by(self, query) -> Optional[NodeStudio]:
+        object = self._db.get_one_by_query(self.TABLE_NAME, query=query)
+
+        if not object:
+            return None
+
+        return self.hydrate_object(object)
+
+    def get_all(self, sort: Optional[str] = 'created_at', ascending=False) -> List[NodeStudio]:
+        return self.hydrate_list(self._db.get_all(table_name=self.TABLE_NAME, sort=sort, ascending=ascending))
+
+    def get_all_indexed(self, attribute: str = 'id', multiple=False) -> Dict[str, NodeStudio]:
+        index = {}
+
+        for item in self.get_node_studios():
+            id = getattr(item, attribute)
+            if multiple:
+                if id not in index:
+                    index[id] = []
+                index[id].append(item)
+            else:
+                index[id] = item
+
+        return index
+
+    def forget_for_user(self, user_id: int):
+        node_studios = self.get_by("created_by = '{}' or updated_by = '{}'".format(user_id, user_id))
+        edits_node_studios = self.user_manager.forget_user_for_entity(node_studios, user_id)
+
+        for node_studio_id, edits in edits_node_studios.items():
+            self._db.update_by_id(self.TABLE_NAME, node_studio_id, edits)
+
+    def get_node_studios(self, folder_id: Optional[int] = None, sort: Optional[str] = None, ascending=False) -> List[NodeStudio]:
+        query = " 1=1 "
+
+        if folder_id:
+            query = "{} {}".format(query, "AND folder_id = {}".format(folder_id))
+
+        return self.get_by(query=query, sort=sort, ascending=ascending)
+
+    def pre_add(self, node_studio: Dict) -> Dict:
+        self.user_manager.track_user_on_create(node_studio)
+        self.user_manager.track_user_on_update(node_studio)
+        return node_studio
+
+    def pre_update(self, node_studio: Dict) -> Dict:
+        self.user_manager.track_user_on_update(node_studio)
+        return node_studio
+
+    def pre_delete(self, node_studio_id: str) -> str:
+        return node_studio_id
+
+    def post_add(self, node_studio_id: str) -> str:
+        return node_studio_id
+
+    def post_update(self, node_studio_id: str) -> str:
+        return node_studio_id
+
+    def post_delete(self, node_studio_id: str) -> str:
+        return node_studio_id
+
+    def update_form(self, id: int, name: Optional[str] = None, host: Optional[str] = None, operating_system: Optional[OperatingSystem] = None) -> NodeStudio:
+        node_studio = self.get(id)
+
+        if not node_studio:
+            return
+
+        form = {
+            "name": name if name else node_studio.name,
+            "host": host if host else node_studio.host,
+            "operating_system": operating_system.value if operating_system else node_studio.operating_system.value,
+        }
+
+        self._db.update_by_id(self.TABLE_NAME, id, self.pre_update(form))
+        self.post_update(id)
+        return self.get(id)
+
+    def add_form(self, node_studio: Union[NodeStudio, Dict]) -> None:
+        form = node_studio
+
+        if not isinstance(node_studio, dict):
+            form = node_studio.to_dict()
+            del form['id']
+
+        self._db.add(self.TABLE_NAME, self.pre_add(form))
+        self.post_add(node_studio.id)
+
+    def delete(self, id: int) -> None:
+        self.pre_delete(id)
+        self._db.delete_by_id(self.TABLE_NAME, id)
+        self.post_delete(id)
+
+    def to_dict(self, node_studios: List[NodeStudio]) -> List[Dict]:
+        return [node_studio.to_dict() for node_studio in node_studios]
+
+    def count_node_studios_for_folder(self, folder_id: int) -> int:
+        return len(self.get_node_studios(folder_id=folder_id))
diff --git a/src/manager/SnippetManager.py b/src/manager/SnippetManager.py
new file mode 100644
index 0000000..ae70e86
--- /dev/null
+++ b/src/manager/SnippetManager.py
@@ -0,0 +1,147 @@
+from typing import Dict, Optional, List, Tuple, Union
+
+from src.model.entity.Snippet import Snippet
+from src.model.enum.SnippetType import SnippetType
+from src.manager.DatabaseManager import DatabaseManager
+from src.manager.LangManager import LangManager
+from src.manager.UserManager import UserManager
+from src.manager.VariableManager import VariableManager
+from src.service.ModelManager import ModelManager
+
+
+class SnippetManager(ModelManager):
+
+    TABLE_NAME = "snippet"
+    TABLE_MODEL = [
+        "name CHAR(255)",
+        "code CHAR(255)",
+        "snippet_type CHAR(100)",
+        "folder_id INTEGER",
+        "created_by CHAR(255)",
+        "updated_by CHAR(255)",
+        "created_at INTEGER",
+        "updated_at INTEGER"
+    ]
+
+    def __init__(self, lang_manager: LangManager, database_manager: DatabaseManager, user_manager: UserManager, variable_manager: VariableManager):
+        super().__init__(lang_manager, database_manager, user_manager, variable_manager)
+        self._db = database_manager.open(self.TABLE_NAME, self.TABLE_MODEL)
+
+    def hydrate_object(self, raw_snippet: dict, id: Optional[int] = None) -> Snippet:
+        if id:
+            raw_snippet['id'] = id
+
+        [raw_snippet, user_tracker_edits] = self.user_manager.initialize_user_trackers(raw_snippet)
+
+        if len(user_tracker_edits) > 0:
+            self._db.update_by_id(self.TABLE_NAME, raw_snippet['id'], user_tracker_edits)
+
+        return Snippet(**raw_snippet)
+
+    def hydrate_list(self, raw_snippets: list) -> List[Snippet]:
+        return [self.hydrate_object(raw_snippet) for raw_snippet in raw_snippets]
+
+    def get(self, id: int) -> Optional[Snippet]:
+        object = self._db.get_by_id(self.TABLE_NAME, id)
+        return self.hydrate_object(object, id) if object else None
+
+    def get_by(self, query, sort: Optional[str] = None, ascending=False) -> List[Snippet]:
+        return self.hydrate_list(self._db.get_by_query(self.TABLE_NAME, query=query, sort=sort, ascending=ascending))
+
+    def get_one_by(self, query) -> Optional[Snippet]:
+        object = self._db.get_one_by_query(self.TABLE_NAME, query=query)
+
+        if not object:
+            return None
+
+        return self.hydrate_object(object)
+
+    def get_all(self, sort: Optional[str] = 'created_at', ascending=False) -> List[Snippet]:
+        return self.hydrate_list(self._db.get_all(table_name=self.TABLE_NAME, sort=sort, ascending=ascending))
+
+    def get_all_indexed(self, attribute: str = 'id', multiple=False) -> Dict[str, Snippet]:
+        index = {}
+
+        for item in self.get_snippets():
+            id = getattr(item, attribute)
+            if multiple:
+                if id not in index:
+                    index[id] = []
+                index[id].append(item)
+            else:
+                index[id] = item
+
+        return index
+
+    def forget_for_user(self, user_id: int):
+        snippets = self.get_by("created_by = '{}' or updated_by = '{}'".format(user_id, user_id))
+        edits_snippets = self.user_manager.forget_user_for_entity(snippets, user_id)
+
+        for snippet_id, edits in edits_snippets.items():
+            self._db.update_by_id(self.TABLE_NAME, snippet_id, edits)
+
+    def get_snippets(self, folder_id: Optional[int] = None, sort: Optional[str] = None, ascending=False) -> List[Snippet]:
+        query = " 1=1 "
+
+        if folder_id:
+            query = "{} {}".format(query, "AND folder_id = {}".format(folder_id))
+
+        return self.get_by(query=query, sort=sort, ascending=ascending)
+
+    def pre_add(self, snippet: Dict) -> Dict:
+        self.user_manager.track_user_on_create(snippet)
+        self.user_manager.track_user_on_update(snippet)
+        return snippet
+
+    def pre_update(self, snippet: Dict) -> Dict:
+        self.user_manager.track_user_on_update(snippet)
+        return snippet
+
+    def pre_delete(self, snippet_id: str) -> str:
+        return snippet_id
+
+    def post_add(self, snippet_id: str) -> str:
+        return snippet_id
+
+    def post_update(self, snippet_id: str) -> str:
+        return snippet_id
+
+    def post_delete(self, snippet_id: str) -> str:
+        return snippet_id
+
+    def update_form(self, id: int, name: Optional[str] = None, code: Optional[str] = None, snippet_type: Optional[SnippetType] = None) -> Snippet:
+        snippet = self.get(id)
+
+        if not snippet:
+            return
+
+        form = {
+            "name": name if name else snippet.name,
+            "code": code if code else snippet.code,
+            "snippet_type": snippet_type.value if snippet_type else snippet.snippet_type.value,
+        }
+
+        self._db.update_by_id(self.TABLE_NAME, id, self.pre_update(form))
+        self.post_update(id)
+        return self.get(id)
+
+    def add_form(self, snippet: Union[Snippet, Dict]) -> None:
+        form = snippet
+
+        if not isinstance(snippet, dict):
+            form = snippet.to_dict()
+            del form['id']
+
+        self._db.add(self.TABLE_NAME, self.pre_add(form))
+        self.post_add(snippet.id)
+
+    def delete(self, id: int) -> None:
+        self.pre_delete(id)
+        self._db.delete_by_id(self.TABLE_NAME, id)
+        self.post_delete(id)
+
+    def to_dict(self, snippets: List[Snippet]) -> List[Dict]:
+        return [snippet.to_dict() for snippet in snippets]
+
+    def count_snippets_for_folder(self, folder_id: int) -> int:
+        return len(self.get_snippets(folder_id=folder_id))
diff --git a/src/manager/VariableManager.py b/src/manager/VariableManager.py
index 779902e..e6f69fb 100644
--- a/src/manager/VariableManager.py
+++ b/src/manager/VariableManager.py
@@ -119,6 +119,7 @@ def reload(self) -> None:
             {"name": "external_url", "section": self.t(VariableSection.GENERAL), "value": "", "type": VariableType.STRING, "editable": False if demo else True, "description": self.t('settings_variable_desc_external_url'), "refresh_player": False},
             {"name": "slide_upload_limit", "section": self.t(VariableSection.GENERAL), "value": 32, "unit": VariableUnit.MEGABYTE,  "type": VariableType.INT, "editable": False if demo else True, "description": self.t('settings_variable_desc_slide_upload_limit'), "refresh_player": False},
             {"name": "dark_mode", "section": self.t(VariableSection.GENERAL), "value": True, "type": VariableType.BOOL, "editable": True, "description": self.t('settings_variable_desc_dark_mode'), "refresh_player": False},
+            {"name": "collapsed_menu", "section": self.t(VariableSection.GENERAL), "value": False, "type": VariableType.BOOL, "editable": True, "description": self.t('settings_variable_desc_collapsed_menu'), "refresh_player": False},
 
             ### Player Options
             {"name": "intro_slide_duration", "section": self.t(VariableSection.PLAYER_OPTIONS), "value": 3, "unit": VariableUnit.SECOND, "type": VariableType.INT, "editable": True, "description": self.t('settings_variable_desc_intro_slide_duration'), "refresh_player": False},
@@ -134,6 +135,7 @@ def reload(self) -> None:
 
             ### Fleet Management
             {"name": "fleet_player_enabled", "section": self.t(VariableSection.FLEET), "value": False, "type": VariableType.BOOL, "editable": True, "description": self.t('settings_variable_desc_fleet_player_enabled'), "description_edition": self.t('settings_variable_desc_edition_fleet_player_enabled'), "refresh_player": False},
+            {"name": "fleet_studio_enabled", "section": self.t(VariableSection.FLEET), "value": False, "type": VariableType.BOOL, "editable": True, "description": self.t('settings_variable_desc_fleet_studio_enabled'), "refresh_player": False},
 
             ### Security
             {"name": "auth_enabled", "section": self.t(VariableSection.SECURITY), "value": False, "type": VariableType.BOOL, "editable": True, "description": self.t('settings_variable_desc_auth_enabled'), "description_edition": self.t('settings_variable_desc_edition_auth_enabled').replace("%username%", User.DEFAULT_USER).replace("%password%", User.DEFAULT_USER), "refresh_player": False},
@@ -146,6 +148,8 @@ def reload(self) -> None:
             {"name": "last_pillmenu_security", "value": "auth_user_list", "type": VariableType.STRING, "editable": False, "description": None},
             {"name": "last_folder_content", "value": FOLDER_ROOT_PATH, "type": VariableType.STRING, "editable": False, "description": None},
             {"name": "last_folder_node_player", "value": FOLDER_ROOT_PATH, "type": VariableType.STRING, "editable": False, "description": None},
+            {"name": "last_folder_node_studio", "value": FOLDER_ROOT_PATH, "type": VariableType.STRING, "editable": False, "description": None},
+            {"name": "last_folder_snippet", "value": FOLDER_ROOT_PATH, "type": VariableType.STRING, "editable": False, "description": None},
             {"name": "last_restart", "value": time.time(), "type": VariableType.TIMESTAMP, "editable": False, "description": self.t('settings_variable_desc_ro_editable')},
             {"name": "last_slide_update", "value": time.time(), "type": VariableType.TIMESTAMP, "editable": False, "description": self.t('settings_variable_desc_ro_last_slide_update')},
             {"name": "refresh_player_request", "value": time.time(), "type": VariableType.TIMESTAMP, "editable": False, "description": self.t('settings_variable_desc_ro_refresh_player_request')},
diff --git a/src/model/entity/NodeStudio.py b/src/model/entity/NodeStudio.py
new file mode 100644
index 0000000..8b1487a
--- /dev/null
+++ b/src/model/entity/NodeStudio.py
@@ -0,0 +1,122 @@
+import json
+import time
+
+from typing import Optional, Union
+from src.model.enum.OperatingSystem import OperatingSystem
+from src.util.utils import str_to_enum
+
+
+class NodeStudio:
+
+    def __init__(self, host: str = '', name: str = 'Untitled', operating_system: Optional[OperatingSystem] = None, id: Optional[int] = None, created_by: Optional[str] = None, updated_by: Optional[str] = None, created_at: Optional[int] = None, updated_at: Optional[int] = None, folder_id: Optional[int] = None):
+        self._id = id if id else None
+        self._host = host
+        self._operating_system = str_to_enum(operating_system, OperatingSystem) if isinstance(operating_system, str) else operating_system
+        self._name = name
+        self._folder_id = folder_id
+        self._created_by = created_by if created_by else None
+        self._updated_by = updated_by if updated_by else None
+        self._created_at = int(created_at if created_at else time.time())
+        self._updated_at = int(updated_at if updated_at else time.time())
+
+    @property
+    def id(self) -> Optional[int]:
+        return self._id
+
+    @property
+    def host(self) -> str:
+        return self._host
+
+    @host.setter
+    def host(self, value: str):
+        self._host = value
+
+    @property
+    def name(self) -> str:
+        return self._name
+
+    @name.setter
+    def name(self, value: str):
+        self._name = value
+
+    @property
+    def created_by(self) -> str:
+        return self._created_by
+
+    @created_by.setter
+    def created_by(self, value: str):
+        self._created_by = value
+
+    @property
+    def updated_by(self) -> str:
+        return self._updated_by
+
+    @updated_by.setter
+    def updated_by(self, value: str):
+        self._updated_by = value
+
+    @property
+    def folder_id(self) -> Optional[int]:
+        return self._folder_id
+
+    @folder_id.setter
+    def folder_id(self, value: Optional[int]):
+        self._folder_id = value
+
+    @property
+    def created_at(self) -> int:
+        return self._created_at
+
+    @created_at.setter
+    def created_at(self, value: int):
+        self._created_at = value
+
+    @property
+    def updated_at(self) -> int:
+        return self._updated_at
+
+    @updated_at.setter
+    def updated_at(self, value: int):
+        self._updated_at = value
+
+    @property
+    def operating_system(self) -> Optional[OperatingSystem]:
+        return self._operating_system
+
+    @operating_system.setter
+    def operating_system(self, value: Optional[OperatingSystem]):
+        self._operating_system = value
+
+    def __str__(self) -> str:
+        return f"NodeStudio(" \
+               f"id='{self.id}',\n" \
+               f"name='{self.name}',\n" \
+               f"operating_system='{self.operating_system}',\n" \
+               f"host='{self.host}',\n" \
+               f"created_by='{self.created_by}',\n" \
+               f"updated_by='{self.updated_by}',\n" \
+               f"created_at='{self.created_at}',\n" \
+               f"updated_at='{self.updated_at}',\n" \
+               f"folder_id='{self.folder_id}',\n" \
+               f")"
+
+    def to_json(self, edits: dict = {}) -> str:
+        obj = self.to_dict()
+
+        for k, v in edits.items():
+            obj[k] = v
+
+        return json.dumps(obj)
+
+    def to_dict(self) -> dict:
+        return {
+            "id": self.id,
+            "name": self.name,
+            "operating_system": self.operating_system.value,
+            "host": self.host,
+            "created_by": self.created_by,
+            "updated_by": self.updated_by,
+            "created_at": self.created_at,
+            "updated_at": self.updated_at,
+            "folder_id": self.folder_id,
+        }
diff --git a/src/model/entity/Snippet.py b/src/model/entity/Snippet.py
new file mode 100644
index 0000000..c8c3f4e
--- /dev/null
+++ b/src/model/entity/Snippet.py
@@ -0,0 +1,137 @@
+import json
+import time
+import uuid
+
+from typing import Optional, Union
+from src.model.enum.SnippetType import SnippetType
+from src.util.utils import str_to_enum
+
+
+class Snippet:
+
+    def __init__(self, uuid: str = '', code: str = '', name: str = 'Untitled', snippet_type: Optional[SnippetType] = None, id: Optional[int] = None, created_by: Optional[str] = None, updated_by: Optional[str] = None, created_at: Optional[int] = None, updated_at: Optional[int] = None, folder_id: Optional[int] = None):
+        self._uuid = uuid if uuid else self.generate_and_set_uuid()
+        self._id = id if id else None
+        self._code = code
+        self._snippet_type = str_to_enum(snippet_type, SnippetType) if isinstance(snippet_type, str) else snippet_type
+        self._name = name
+        self._folder_id = folder_id
+        self._created_by = created_by if created_by else None
+        self._updated_by = updated_by if updated_by else None
+        self._created_at = int(created_at if created_at else time.time())
+        self._updated_at = int(updated_at if updated_at else time.time())
+
+    def generate_and_set_uuid(self) -> str:
+        self._uuid = str(uuid.uuid4())
+
+        return self._uuid
+
+    @property
+    def id(self) -> Optional[int]:
+        return self._id
+
+    @property
+    def uuid(self) -> str:
+        return self._uuid
+
+    @uuid.setter
+    def uuid(self, value: str):
+        self._uuid = value
+
+    @property
+    def code(self) -> str:
+        return self._code
+
+    @code.setter
+    def code(self, value: str):
+        self._code = value
+
+    @property
+    def name(self) -> str:
+        return self._name
+
+    @name.setter
+    def name(self, value: str):
+        self._name = value
+
+    @property
+    def created_by(self) -> str:
+        return self._created_by
+
+    @created_by.setter
+    def created_by(self, value: str):
+        self._created_by = value
+
+    @property
+    def updated_by(self) -> str:
+        return self._updated_by
+
+    @updated_by.setter
+    def updated_by(self, value: str):
+        self._updated_by = value
+
+    @property
+    def folder_id(self) -> Optional[int]:
+        return self._folder_id
+
+    @folder_id.setter
+    def folder_id(self, value: Optional[int]):
+        self._folder_id = value
+
+    @property
+    def created_at(self) -> int:
+        return self._created_at
+
+    @created_at.setter
+    def created_at(self, value: int):
+        self._created_at = value
+
+    @property
+    def updated_at(self) -> int:
+        return self._updated_at
+
+    @updated_at.setter
+    def updated_at(self, value: int):
+        self._updated_at = value
+
+    @property
+    def snippet_type(self) -> Optional[SnippetType]:
+        return self._snippet_type
+
+    @snippet_type.setter
+    def snippet_type(self, value: Optional[SnippetType]):
+        self._snippet_type = value
+
+    def __str__(self) -> str:
+        return f"Snippet(" \
+               f"id='{self.id}',\n" \
+               f"name='{self.name}',\n" \
+               f"snippet_type='{self.snippet_type}',\n" \
+               f"code='{self.code}',\n" \
+               f"created_by='{self.created_by}',\n" \
+               f"updated_by='{self.updated_by}',\n" \
+               f"created_at='{self.created_at}',\n" \
+               f"updated_at='{self.updated_at}',\n" \
+               f"folder_id='{self.folder_id}',\n" \
+               f")"
+
+    def to_json(self, edits: dict = {}) -> str:
+        obj = self.to_dict()
+
+        for k, v in edits.items():
+            obj[k] = v
+
+        return json.dumps(obj)
+
+    def to_dict(self) -> dict:
+        return {
+            "id": self.id,
+            "name": self.name,
+            "snippet_type": self.snippet_type.value,
+            "code": self.code,
+            "created_by": self.created_by,
+            "updated_by": self.updated_by,
+            "created_at": self.created_at,
+            "updated_at": self.updated_at,
+            "folder_id": self.folder_id,
+        }
diff --git a/src/model/enum/ApplicationLanguage.py b/src/model/enum/ApplicationLanguage.py
index 140057a..065b30d 100644
--- a/src/model/enum/ApplicationLanguage.py
+++ b/src/model/enum/ApplicationLanguage.py
@@ -1,5 +1,7 @@
 from enum import Enum
 
+DEFAULT_LANGUAGE = 'en'
+
 
 class ApplicationLanguage(Enum):
 
diff --git a/src/model/enum/ContentType.py b/src/model/enum/ContentType.py
index 1753e9b..fa3eb8c 100644
--- a/src/model/enum/ContentType.py
+++ b/src/model/enum/ContentType.py
@@ -14,6 +14,7 @@ class ContentInputType(Enum):
     HIDDEN = 'hidden'
     STORAGE = 'storage'
     COMPOSITION = 'composition'
+    PLAYLIST_EMBED = 'playlist_embed'
 
     @staticmethod
     def is_editable(value: Enum) -> bool:
@@ -25,6 +26,8 @@ def is_editable(value: Enum) -> bool:
             return True
         elif value == ContentInputType.COMPOSITION:
             return True
+        elif value == ContentInputType.PLAYLIST_EMBED:
+            return True
 
 
 class ContentType(Enum):
@@ -36,6 +39,7 @@ class ContentType(Enum):
     EXTERNAL_STORAGE = 'external_storage'
     COMPOSITION = 'composition'
     TEXT = 'text'
+    PLAYLIST_EMBED = 'playlist_embed'
 
     @staticmethod
     def guess_content_type_file(filename: str):
@@ -72,6 +76,8 @@ def get_input(value: Enum) -> ContentInputType:
             return ContentInputType.COMPOSITION
         elif value == ContentType.TEXT:
             return ContentInputType.TEXT
+        elif value == ContentType.PLAYLIST_EMBED:
+            return ContentInputType.PLAYLIST_EMBED
 
     @staticmethod
     def get_fa_icon(value: Union[Enum, str]) -> str:
@@ -92,6 +98,8 @@ def get_fa_icon(value: Union[Enum, str]) -> str:
             return 'fa-solid fa-clone'
         elif value == ContentType.TEXT:
             return 'fa-solid fa-font'
+        elif value == ContentType.PLAYLIST_EMBED:
+            return 'fa-solid fa-play'
 
         return 'fa-file'
 
@@ -114,6 +122,8 @@ def get_color_icon(value: Enum) -> str:
             return 'purple'
         elif value == ContentType.TEXT:
             return 'gscaleF'
+        elif value == ContentType.PLAYLIST_EMBED:
+            return 'windows'
 
         return 'neutral'
 
diff --git a/src/model/enum/FolderEntity.py b/src/model/enum/FolderEntity.py
index ee01a2e..e2cbb3e 100644
--- a/src/model/enum/FolderEntity.py
+++ b/src/model/enum/FolderEntity.py
@@ -7,4 +7,6 @@
 class FolderEntity(Enum):
 
     NODE_PLAYER = 'node_player'
+    NODE_STUDIO = 'node_studio'
     CONTENT = 'content'
+    SNIPPET = 'snippet'
diff --git a/src/model/enum/HookType.py b/src/model/enum/HookType.py
index cb2079a..fa0b3c2 100644
--- a/src/model/enum/HookType.py
+++ b/src/model/enum/HookType.py
@@ -11,6 +11,11 @@ class HookType(Enum):
     H_SYSINFO_TOOLBAR_ACTIONS_START = 'h_sysinfo_toolbar_actions_start'
     H_SYSINFO_TOOLBAR_ACTIONS_END = 'h_sysinfo_toolbar_actions_end'
 
+    H_FLEET_NODE_STUDIO_TOOLBAR_ACTIONS_START = 'h_fleet_node_studio_toolbar_actions_start'
+    H_FLEET_NODE_STUDIO_TOOLBAR_ACTIONS_END = 'h_fleet_node_studio_toolbar_actions_end'
+    H_FLEET_NODE_STUDIO_CSS = 'h_fleet_node_studio_css'
+    H_FLEET_NODE_STUDIO_JAVASCRIPT = 'h_fleet_node_studio_javascript'
+
     H_FLEET_NODE_PLAYER_TOOLBAR_ACTIONS_START = 'h_fleet_node_player_toolbar_actions_start'
     H_FLEET_NODE_PLAYER_TOOLBAR_ACTIONS_END = 'h_fleet_node_player_toolbar_actions_end'
     H_FLEET_NODE_PLAYER_CSS = 'h_fleet_node_player_css'
diff --git a/src/model/enum/SnippetType.py b/src/model/enum/SnippetType.py
new file mode 100644
index 0000000..e1b8aab
--- /dev/null
+++ b/src/model/enum/SnippetType.py
@@ -0,0 +1,52 @@
+import json
+
+from enum import Enum
+from typing import Union, List, Optional
+
+from src.util.utils import str_to_enum
+
+
+class SnippetType(Enum):
+
+    BACKEND_CODE = 'backend_code'
+    FRONTEND_CODE = 'frontend_code'
+
+    @staticmethod
+    def get_fa_icon(value: Union[Enum, str]) -> str:
+        if isinstance(value, str):
+            value = str_to_enum(value, SnippetType)
+
+        if value == SnippetType.BACKEND_CODE:
+            return 'fa-regular fa-image'
+        elif value == SnippetType.FRONTEND_CODE:
+            return 'fa-video-camera'
+
+        return 'fa-file'
+
+    @staticmethod
+    def get_color_icon(value: Enum) -> str:
+        if isinstance(value, str):
+            value = str_to_enum(value, SnippetType)
+
+        if value == SnippetType.BACKEND_CODE:
+            return 'info'
+        elif value == SnippetType.FRONTEND_CODE:
+            return 'success-alt'
+
+        return 'neutral'
+
+    @staticmethod
+    def get_initial_code(value: Enum, code: Optional[str] = None) -> str:
+        if isinstance(value, str):
+            value = str_to_enum(value, SnippetType)
+
+        if value == SnippetType.BACKEND_CODE:
+            return '''
+# This is an empty python backend code
+'''
+        elif value == SnippetType.TEXT:
+            return '''
+// This is an empty javascript frontend code
+'''
+
+        return code
diff --git a/src/service/ModelStore.py b/src/service/ModelStore.py
index b038d3e..5370be1 100644
--- a/src/service/ModelStore.py
+++ b/src/service/ModelStore.py
@@ -11,6 +11,8 @@
 from src.manager.LangManager import LangManager
 from src.manager.DatabaseManager import DatabaseManager
 from src.manager.ConfigManager import ConfigManager
+from src.manager.NodeStudioManager import NodeStudioManager
+from src.manager.SnippetManager import SnippetManager
 from src.manager.LoggingManager import LoggingManager
 
 
@@ -38,6 +40,8 @@ def __init__(self, kernel, get_plugins: Dict):
         # Model
         self._folder_manager = FolderManager(lang_manager=self._lang_manager, database_manager=self._database_manager, user_manager=self._user_manager, variable_manager=self._variable_manager)
         self._node_player_manager = NodePlayerManager(lang_manager=self._lang_manager, database_manager=self._database_manager, user_manager=self._user_manager, variable_manager=self._variable_manager)
+        self._node_studio_manager = NodeStudioManager(lang_manager=self._lang_manager, database_manager=self._database_manager, user_manager=self._user_manager, variable_manager=self._variable_manager)
+        self._snippet_manager = SnippetManager(lang_manager=self._lang_manager, database_manager=self._database_manager, user_manager=self._user_manager, variable_manager=self._variable_manager)
         self._node_player_group_manager = NodePlayerGroupManager(lang_manager=self._lang_manager, database_manager=self._database_manager, user_manager=self._user_manager, variable_manager=self._variable_manager)
         self._playlist_manager = PlaylistManager(lang_manager=self._lang_manager, database_manager=self._database_manager, user_manager=self._user_manager, variable_manager=self._variable_manager)
         self._slide_manager = SlideManager(lang_manager=self._lang_manager, database_manager=self._database_manager, user_manager=self._user_manager, variable_manager=self._variable_manager)
@@ -65,6 +69,12 @@ def content(self) -> ContentManager:
     def playlist(self) -> PlaylistManager:
         return self._playlist_manager
 
+    def snippet(self) -> SnippetManager:
+        return self._snippet_manager
+
+    def node_studio(self) -> NodeStudioManager:
+        return self._node_studio_manager
+
     def node_player(self) -> NodePlayerManager:
         return self._node_player_manager
 
@@ -88,6 +98,8 @@ def on_user_delete(self, user_id: int) -> None:
         self._folder_manager.forget_for_user(user_id)
         self._node_player_group_manager.forget_for_user(user_id)
         self._node_player_manager.forget_for_user(user_id)
+        self._node_studio_manager.forget_for_user(user_id)
+        self._snippet_manager.forget_for_user(user_id)
         self._slide_manager.forget_for_user(user_id)
         self._content_manager.forget_for_user(user_id)
         self._user_manager.forget_for_user(user_id)
diff --git a/src/service/TemplateRenderer.py b/src/service/TemplateRenderer.py
index 465bc62..c8f886e 100644
--- a/src/service/TemplateRenderer.py
+++ b/src/service/TemplateRenderer.py
@@ -34,7 +34,9 @@ def get_view_globals(self) -> dict:
         globals = dict(
             STATIC_PREFIX="/{}/{}/".format(WebDirConstant.FOLDER_STATIC, WebDirConstant.FOLDER_STATIC_WEB_ASSETS),
             SECRET_KEY=self._model_store.config().map().get('secret_key'),
+            COLLAPSED_MENU=self._model_store.variable().map().get('collapsed_menu').as_bool(),
             FLEET_PLAYER_ENABLED=self._model_store.variable().map().get('fleet_player_enabled').as_bool(),
+            FLEET_STUDIO_ENABLED=self._model_store.variable().map().get('fleet_studio_enabled').as_bool(),
             DARK_MODE=self._model_store.variable().map().get('dark_mode').as_bool(),
             AUTH_ENABLED=self._model_store.variable().map().get('auth_enabled').as_bool(),
             last_pillmenu_slideshow=self._model_store.variable().map().get('last_pillmenu_slideshow').as_string(),
diff --git a/src/service/WebServer.py b/src/service/WebServer.py
index 61746c3..1bc796c 100644
--- a/src/service/WebServer.py
+++ b/src/service/WebServer.py
@@ -13,6 +13,7 @@
 from src.controller.PlayerController import PlayerController
 from src.controller.SlideController import SlideController
 from src.controller.ContentController import ContentController
+from src.controller.FleetNodeStudioController import FleetNodeStudioController
 from src.controller.FleetNodePlayerController import FleetNodePlayerController
 from src.controller.FleetNodePlayerGroupController import FleetNodePlayerGroupController
 from src.controller.PlaylistController import PlaylistController
@@ -126,6 +127,7 @@ def _setup_web_controllers(self) -> None:
         SettingsController(self._kernel, self, self._app, self.auth_required, self._model_store, self._template_renderer)
         SysinfoController(self._kernel, self, self._app, self.auth_required, self._model_store, self._template_renderer)
         FleetNodePlayerController(self._kernel, self, self._app, self.auth_required, self._model_store, self._template_renderer)
+        FleetNodeStudioController(self._kernel, self, self._app, self.auth_required, self._model_store, self._template_renderer)
         FleetNodePlayerGroupController(self._kernel, self, self._app, self.auth_required, self._model_store, self._template_renderer)
         PlaylistController(self._kernel, self, self._app, self.auth_required, self._model_store, self._template_renderer)
         AuthController(self._kernel, self, self._app, self.auth_required, self._model_store, self._template_renderer)
diff --git a/version.txt b/version.txt
index 73462a5..e70b452 100755
--- a/version.txt
+++ b/version.txt
@@ -1 +1 @@
-2.5.1
+2.6.0
diff --git a/views/auth/component/table.jinja.html b/views/auth/component/table.jinja.html
index 4ae73cc..7fcd4d3 100644
--- a/views/auth/component/table.jinja.html
+++ b/views/auth/component/table.jinja.html
@@ -13,7 +13,7 @@
                         <label for="">
                             Token:
                         </label>
-                        <input type="text" class="input-token disabled" disabled value="{{ user.apikey|length * 2 * '•' }}" data-public="{{ user.apikey }}" data-private="{{ user.apikey|length * 2 * '•' }}">
+                        <input type="text" class="input-token disabled pad-right" disabled value="{{ user.apikey|length * 2 * '•' }}" data-public="{{ user.apikey }}" data-private="{{ user.apikey|length * 2 * '•' }}">
                     </div>
                 </div>
             </div>
diff --git a/views/base.jinja.html b/views/base.jinja.html
index dc1e7d9..1412c5d 100755
--- a/views/base.jinja.html
+++ b/views/base.jinja.html
@@ -81,7 +81,7 @@
         }
     } %}
 
-    {% if FLEET_PLAYER_ENABLED %}
+    {% if FLEET_PLAYER_ENABLED or FLEET_STUDIO_ENABLED %}
         {% set dynmenu = merge_dicts(dynmenu, {
             "fleet": {
                 "name": l.dynmenu_fleet,
@@ -89,8 +89,9 @@
                 "position": 1,
                 "main_pill_route": last_pillmenu_fleet,
                 "pills": [
-                    {"name": l.fleet_node_player_page_title, "route": "fleet_node_player_list", "icon": "fa-tv"},
-                    {"name": l.fleet_node_player_group_page_title, "route": "fleet_node_player_group", "route_alt": "fleet_node_player_group_list", "icon": "fa-layer-group"},
+                    {"name": l.fleet_node_player_page_title, "route": "fleet_node_player_list", "icon": "fa-tv"} if FLEET_PLAYER_ENABLED else {},
+                    {"name": l.fleet_node_player_group_page_title, "route": "fleet_node_player_group", "route_alt": "fleet_node_player_group_list", "icon": "fa-layer-group"} if FLEET_PLAYER_ENABLED else {},
+                    {"name": l.fleet_node_studio_page_title, "route": "fleet_node_studio_list", "icon": "fa-cube"} if FLEET_STUDIO_ENABLED else {}
                 ]
             }
         }) %}
@@ -122,129 +123,65 @@
     {% set current_dynmenu = dynmenu[route_to_category[active_route]] %}
 
     {% block header %}
-        <menu>
-            <h1 class="logo">
-                <a href="{{ url_for('playlist') }}">
-                    <img src="{{ STATIC_PREFIX }}img/logo.png" class="before"/>
-                    <img src="{{ STATIC_PREFIX }}img/logo-white.png" class="after"/>
-                    Obscreen
-                </a>
-            </h1>
-
-            <nav>
-                {% if authenticated_view %}
-                    <ul>
-                        {{ HOOK(H_ROOT_NAV_ELEMENT_START) }}
-                        {% for category, menu in dynmenu.items() %}
-                            <li class="{{ 'active' if current_dynmenu and menu.name == current_dynmenu.name }}">
-                                <a href="{{ url_for(menu.main_pill_route) }}">
-                                    <i class="fa {{ menu.icon }}"></i> {{ menu.name }}
-                                </a>
-                            </li>
-                        {% endfor %}
-                        {{ HOOK(H_ROOT_NAV_ELEMENT_END) }}
-                    </ul>
-                {% endif %}
-            </nav>
-
-            {% block footer %}
-                <footer>
-                    {{ HOOK(H_ROOT_FOOTER) }}
-
-                    <p class="version">
-                        Obscreen
-                        <a href="https://github.com/jr-k/obscreen/releases/tag/v{{ VERSION }}" target="_blank">
-                            v{{ VERSION }}
-                            <i class="fa-brands fa-github"></i>
-                        </a>
-                    </p>
-                </footer>
-            {% endblock %}
-        </menu>
+        {% include 'core/side-menu.jinja.html' %}
     {% endblock %}
 
     <main>
         {% set show_context_bar = current_dynmenu or fully_authenticated_view %}
 
         {% if authenticated_view %}
-            <div class="context-bar {{ 'hidden' if not show_context_bar }}">
+            {% block context_bar %}
+                <div class="context-bar {{ 'hidden' if not show_context_bar }}">
 
-                {% block pill_menu %}
-                    {% if current_dynmenu %}
-                        {% with pills=current_dynmenu.pills %}
-                            {% include 'core/pill-menu.jinja.html' %}
-                        {% endwith %}
-                    {% endif %}
-                {% endblock %}
+                    {% block pill_menu %}
+                        {% if current_dynmenu %}
+                            {% with pills=current_dynmenu.pills %}
+                                {% include 'core/pill-menu.jinja.html' %}
+                            {% endwith %}
+                        {% endif %}
+                    {% endblock %}
 
 
-                <div class="context-divider"></div>
+                    <div class="context-divider"></div>
 
-                <div class="{% if not AUTH_ENABLED %}context-tail{% else %}context-tail-auth{% endif %}">
-                    <a href="{{ url_for('slideshow_player_refresh', next=request.full_path) }}" class="btn btn-naked btn-double-icon">
-                        <i class="fa fa-display main"></i>
-                        <sub><i class="fa fa-refresh"></i></sub>
-                    </a>
-                </div>
+                    <div class="{% if not AUTH_ENABLED %}context-tail{% else %}context-tail-auth{% endif %}">
+                        <a href="{{ url_for('slideshow_player_refresh', next=request.full_path) }}" class="btn btn-naked btn-double-icon">
+                            <i class="fa fa-display main"></i>
+                            <sub><i class="fa fa-refresh"></i></sub>
+                        </a>
+                    </div>
 
-                {% if fully_authenticated_view and AUTH_ENABLED %}
-                    <div class="context-divider"></div>
-                    <div class="context-user">
-                        <div class="dropdown">
-                            <div class="trigger">
-                                <div class="avatar">
-                                    {{ current_user.username[0]|upper }}
-                                </div>
-                                <div class="username">
-                                    {{ current_user.username }}
+                    {% if fully_authenticated_view and AUTH_ENABLED %}
+                        <div class="context-divider"></div>
+                        <div class="context-user">
+                            <div class="dropdown">
+                                <div class="trigger">
+                                    <div class="avatar">
+                                        {{ current_user.username[0]|upper }}
+                                    </div>
+                                    <div class="username">
+                                        {{ current_user.username }}
+                                    </div>
+                                    <i class="fa fa-sort-down"></i>
                                 </div>
-                                <i class="fa fa-sort-down"></i>
+                                <ul class="dropdown-menu">
+                                    <li class="danger">
+                                        <a href="{{ url_for('logout') }}">
+                                            <i class="fa fa-power-off"></i> {{ l.logout }}
+                                        </a>
+                                    </li>
+                                </ul>
                             </div>
-                            <ul class="dropdown-menu">
-                                <li class="danger">
-                                    <a href="{{ url_for('logout') }}">
-                                        <i class="fa fa-power-off"></i> {{ l.logout }}
-                                    </a>
-                                </li>
-                            </ul>
                         </div>
-                    </div>
-                {% endif %}
-            </div>
+                    {% endif %}
+                </div>
+            {% endblock %}
         {% endif %}
         <div class="main-container">
             {% block top_page %}{% endblock %}
 
             {% block toolbar_page %}
-                {% with messages = get_flashed_messages(with_categories=true) %}
-                    {% if messages %}
-                        {% for category, message in messages %}
-                            {% set alert_class = '' %}
-                            {% set alert_icon = '' %}
-
-                            {% if category == 'success' %}
-                                {% set alert_class = 'success' %}
-                                {% set alert_icon = 'fa-check' %}
-                            {% elif category == 'success:refresh' %}
-                                {% set alert_class = 'success' %}
-                                {% set alert_icon = 'fa-refresh' %}
-                            {% elif category == 'error' %}
-                                {% set alert_class = 'danger' %}
-                                {% set alert_icon = 'fa-warning' %}
-                            {% elif category == 'warning' %}
-                                {% set alert_class = 'yellow' %}
-                                {% set alert_icon = 'fa-warning' %}
-                            {% endif %}
-
-                            {% if alert_class %}
-                                <div class="alert alert-{{ alert_class }} alert-timeout">
-                                    <i class="fa {{ alert_icon }} icon-left"></i>
-                                    {{ message }}
-                                </div>
-                            {% endif %}
-                        {% endfor %}
-                    {% endif %}
-                {% endwith %}
+                {% include 'core/top-alert.jinja.html' %}
             {% endblock %}
 
             {% block main_page %}{% endblock %}
diff --git a/views/core/http-error.html b/views/core/http-error.html
index 8983c61..6c14ce8 100755
--- a/views/core/http-error.html
+++ b/views/core/http-error.html
@@ -5,7 +5,7 @@
     <title>Obscreen</title>
     <style>
         html, body {
-            background: red;
+            background: black;
             display: flex;
             flex: 1;
             justify-content: center;
diff --git a/views/core/pill-menu.jinja.html b/views/core/pill-menu.jinja.html
index 27d1e07..cd8d41f 100644
--- a/views/core/pill-menu.jinja.html
+++ b/views/core/pill-menu.jinja.html
@@ -3,15 +3,17 @@
         <ul class="pills">
             {{ HOOK(H_ROOT_PILL_ELEMENT_START) }}
             {% for menu in pills %}
-                <li class="{{ 'active' if active_route == menu.route or active_route == menu.route_alt }}">
-                    {% set href = menu.url_for if menu.url_for else url_for(menu.route) %}
-                    <a href="{{ href }}">
-                        <span class="icon">
-                            <i class="fa {{ menu.icon }}"></i>
-                        </span>
-                        {{ menu.name }}
-                    </a>
-                </li>
+                {% if menu %}
+                    <li class="{{ 'active' if active_route == menu.route or active_route == menu.route_alt }}">
+                        {% set href = menu.url_for if menu.url_for else url_for(menu.route) %}
+                        <a href="{{ href }}">
+                            <span class="icon">
+                                <i class="fa {{ menu.icon }}"></i>
+                            </span>
+                            {{ menu.name }}
+                        </a>
+                    </li>
+                {% endif %}
             {% endfor %}
             {{ HOOK(H_ROOT_PILL_ELEMENT_END) }}
         </ul>
diff --git a/views/core/side-menu.jinja.html b/views/core/side-menu.jinja.html
new file mode 100644
index 0000000..b81235c
--- /dev/null
+++ b/views/core/side-menu.jinja.html
@@ -0,0 +1,49 @@
+{# 0: no-menu, 1: full-menu, 2: small-menu #}
+
+{% set menu = 2 if COLLAPSED_MENU else 1 %}
+{% if request.args.get('menu') != None %}
+    {% set menu = request.args.get('menu') %}
+{% endif %}
+
+{% if menu != 0 %}
+    <menu class="{% if menu == 2 %}collapsed{% endif %}">
+        <h1 class="logo">
+            <a href="{{ url_for('playlist') }}">
+                <img src="{{ STATIC_PREFIX }}img/logo.png" class="before"/>
+                <img src="{{ STATIC_PREFIX }}img/logo-white.png" class="after"/>
+                <span>Obscreen</span>
+            </a>
+        </h1>
+
+        <nav>
+            {% if authenticated_view %}
+                <ul>
+                    {{ HOOK(H_ROOT_NAV_ELEMENT_START) }}
+                    {% for category, menu in dynmenu.items() %}
+                        <li class="{{ 'active' if current_dynmenu and menu.name == current_dynmenu.name }}" title="{{ menu.name }}">
+                            <a href="{{ url_for(menu.main_pill_route) }}">
+                                <i class="fa {{ menu.icon }}"></i>
+                                <span>{{ menu.name }}</span>
+                            </a>
+                        </li>
+                    {% endfor %}
+                    {{ HOOK(H_ROOT_NAV_ELEMENT_END) }}
+                </ul>
+            {% endif %}
+        </nav>
+
+        {% block footer %}
+            <footer>
+                {{ HOOK(H_ROOT_FOOTER) }}
+
+                <p class="version">
+                    <span>Obscreen</span>
+                    <a href="https://github.com/jr-k/obscreen/releases/tag/v{{ VERSION }}" target="_blank">
+                        <span>v{{ VERSION }}</span>
+                        <i class="fa-brands fa-github"></i>
+                    </a>
+                </p>
+            </footer>
+        {% endblock %}
+    </menu>
+{% endif %}
\ No newline at end of file
diff --git a/views/core/top-alert.jinja.html b/views/core/top-alert.jinja.html
new file mode 100644
index 0000000..a05bf97
--- /dev/null
+++ b/views/core/top-alert.jinja.html
@@ -0,0 +1,29 @@
+{% with messages = get_flashed_messages(with_categories=true) %}
+    {% if messages %}
+        {% for category, message in messages %}
+            {% set alert_class = '' %}
+            {% set alert_icon = '' %}
+
+            {% if category == 'success' %}
+                {% set alert_class = 'success' %}
+                {% set alert_icon = 'fa-check' %}
+            {% elif category == 'success:refresh' %}
+                {% set alert_class = 'success' %}
+                {% set alert_icon = 'fa-refresh' %}
+            {% elif category == 'error' %}
+                {% set alert_class = 'danger' %}
+                {% set alert_icon = 'fa-warning' %}
+            {% elif category == 'warning' %}
+                {% set alert_class = 'yellow' %}
+                {% set alert_icon = 'fa-warning' %}
+            {% endif %}
+
+            {% if alert_class %}
+                <div class="alert alert-{{ alert_class }} alert-timeout">
+                    <i class="fa {{ alert_icon }} icon-left"></i>
+                    {{ message }}
+                </div>
+            {% endif %}
+        {% endfor %}
+    {% endif %}
+{% endwith %}
\ No newline at end of file
diff --git a/views/fleet/node-players/component/explr-sidebar.jinja.html b/views/fleet/node-players/component/explr-sidebar.jinja.html
index 4ecfe1e..7bdf42a 100644
--- a/views/fleet/node-players/component/explr-sidebar.jinja.html
+++ b/views/fleet/node-players/component/explr-sidebar.jinja.html
@@ -1,3 +1,5 @@
+{% set expanded = expanded|default(false) %}
+
 {% macro render_folder(folder) %}
     {% set node_player_children = foldered_node_players[folder.id]|default([]) %}
     {% set has_children = folder.children or node_player_children %}
@@ -37,6 +39,6 @@
     </li>
 {% endmacro %}
 
-<ul class="explr hidden" id="tree" data-working-folder-id="{{ working_folder.id }}">
+<ul class="explr hidden" id="tree" data-working-folder-id="{{ working_folder.id }}" data-expanded="{{ '1' if expanded else '0' }}">
     {{ render_folder(folders_tree) }}
 </ul>
diff --git a/views/fleet/node-studios/component/explr-sidebar.jinja.html b/views/fleet/node-studios/component/explr-sidebar.jinja.html
new file mode 100644
index 0000000..ef7e10c
--- /dev/null
+++ b/views/fleet/node-studios/component/explr-sidebar.jinja.html
@@ -0,0 +1,38 @@
+{% set expanded = expanded|default(false) %}
+
+{% macro render_folder(folder) %}
+    {% set node_studio_children = foldered_node_studios[folder.id]|default([]) %}
+    {% set has_children = folder.children or node_studio_children %}
+
+    <li class="icon-folder li-explr-folder li-explr-folder-{{ folder.id }}">
+        <a href="{% if use_href %}{{ url_for('fleet_node_studio_cd') }}?path={{ folder.path }}{% else %}javascript:void(0);{% endif %}"
+           class="{% if folder.path == working_folder_path %}active{% endif %} {{ 'explr-pick-folder' if not use_href }}">
+            {{ folder.name }}
+        </a>
+
+        {% if has_children %}
+            <ul>
+                {% for child in folder.children %}
+                    {{ render_folder(child) }}
+                {% endfor %}
+                {% for node_studio in node_studio_children %}
+                    {% set icon = enum_operating_system.get_fa_icon(node_studio.operating_system) %}
+                    {% set color = enum_operating_system.get_color_icon(node_studio.operating_system) %}
+
+                    <li class="explr-item" data-entity-json="{{ node_studio.to_json() }}">
+                        <i class="fa {{ icon }} {{ color }} main"></i>
+                        <a href="javascript:void(0);"
+                           class="explr-pick-element"
+                           {% if use_href %}data-callback="explrNodeStudioEdit"{% endif %}>
+                            {{ node_studio.name }}
+                        </a>
+                    </li>
+                {% endfor %}
+            </ul>
+        {% endif %}
+    </li>
+{% endmacro %}
+
+<ul class="explr hidden" id="tree" data-working-folder-id="{{ working_folder.id }}" data-expanded="{{ '1' if expanded else '0' }}">
+    {{ render_folder(folders_tree) }}
+</ul>
diff --git a/views/fleet/node-studios/component/table.jinja.html b/views/fleet/node-studios/component/table.jinja.html
new file mode 100644
index 0000000..a075aa8
--- /dev/null
+++ b/views/fleet/node-studios/component/table.jinja.html
@@ -0,0 +1,33 @@
+<ul class="players">
+    {% for player in players %}
+        <li class="player-item" data-level="{{ player.id }}"
+            data-entity="{{ player.to_json() }}">
+            <div class="head sort">
+                <i class="fa fa-display icon-left"></i>
+            </div>
+            <div class="infos">
+                <div class="type">
+                    {% set icon = enum_operating_system.get_fa_icon(player.operating_system) %}
+                    {% set color = enum_operating_system.get_color_icon(player.operating_system) %}
+                    <i class="fa {{ icon }} {{ color }}"></i>
+                </div>
+                <div class="title" title="{{ player.name|default(l.common_empty) }}">
+                    {{ truncate(player.name|default(l.common_empty), 30, '...') }}
+                </div>
+            </div>
+            <div class="body">
+                <span>{{ l.common_reachable_at }}: </span>{{ player.host }}
+            </div>
+
+            <div class="tail">
+                <a href="javascript:void(0);" class="item-delete node-player-group-unassign-player btn btn-naked" data-route="{{ url_for('fleet_node_player_group_unassign_player', player_id=player.id) }}">
+                    <i class="fa fa-close"></i>
+                </a>
+            </div>
+        </li>
+    {% else %}
+        <div class="inner-empty empty-flag">
+            <i class="fa fa-layer-group"></i>
+        </div>
+    {% endfor %}
+</ul>
\ No newline at end of file
diff --git a/views/fleet/node-studios/edit.jinja.html b/views/fleet/node-studios/edit.jinja.html
new file mode 100644
index 0000000..cb99164
--- /dev/null
+++ b/views/fleet/node-studios/edit.jinja.html
@@ -0,0 +1,104 @@
+{% set active_pill_route='fleet_node_studio_list' %}
+{% extends 'base.jinja.html' %}
+
+{% block page_title %}
+    {{ l.fleet_node_studio_page_title }}
+{% endblock %}
+
+{% block add_css %}
+    {{ HOOK(H_SLIDESHOW_CONTENT_CSS) }}
+{% endblock %}
+
+{% block add_js %}
+    <script src="{{ STATIC_PREFIX }}js/fleet/node-studios.js"></script>
+
+    {{ HOOK(H_SLIDESHOW_CONTENT_JAVASCRIPT) }}
+{% endblock %}
+
+{% block body_class %}view-node-studio-edit edit-page{% endblock %}
+
+{% block top_page %}
+    <div class="top-content">
+        <h1>
+            {{ l.fleet_node_studio_form_edit_title }}
+        </h1>
+    </div>
+{% endblock %}
+
+{% block main_page %}
+    <div class="bottom-content">
+        <div class="page-content">
+            <div class="inner dirview">
+                <div class="breadcrumb-container">
+                    <ul class="breadcrumb">
+                        {% set ns = namespace(breadpath='') %}
+                        {% for dir in working_folder_path[1:].split('/') %}
+                            {% set ns.breadpath = ns.breadpath ~ '/' ~ dir %}
+                            <li>
+                                <a href="{{ url_for('fleet_node_studio_cd', path=ns.breadpath) }}">
+                                    <i class="explr-icon explr-icon-folder"></i>
+                                    {{ truncate(dir, 25, '...') }}
+                                </a>
+                            </li>
+                            {% if not loop.last %}
+                                <li class="divider">
+                                    <i class="fa fa-chevron-right"></i>
+                                </li>
+                            {% endif %}
+                        {% endfor %}
+                    </ul>
+                </div>
+
+                <div class="horizontal">
+                    <div class="form-holder">
+                        <form class="form" action="{{ url_for('fleet_node_studio_save', node_studio_id=node_studio.id) }}" method="POST">
+
+                            <div class="form-group">
+                                <label for="node-studio-edit-name">{{ l.fleet_node_studio_form_label_name }}</label>
+                                <div class="widget">
+                                    <input type="text" name="name" id="node-studio-edit-name" required="required" value="{{ node_studio.name }}" />
+                                </div>
+                            </div>
+
+
+                            <div class="form-group tab-select">
+                                <div class="widget">
+                                    <i class="fa fa-get-pocket operating-system-icon"></i>
+                                    <select name="operating_system" id="node-studio-edit-operating-system" class="operating-system-select">
+                                        {% for os in enum_operating_system %}
+                                            <option value="{{ os.value }}" data-icon="{{ enum_operating_system.get_fa_icon(os) }}" data-color="{{ os.value }}" {% if os == node_studio.operating_system %}selected="selected"{% endif %}>
+                                                {{ t(os) }}
+                                            </option>
+                                        {% endfor %}
+                                    </select>
+                                    <i class="fa fa-sort-desc triangle"></i>
+                                </div>
+                            </div>
+
+
+                            <div class="form-group">
+                                <label for="node-studio-edit-host">{{ l.fleet_node_studio_form_label_host }}</label>
+                                <div class="widget">
+                                    <input type="text" name="host" id="node-studio-edit-host" required="required" value="{{ node_studio.host }}" placeholder="{{ l.common_url_placeholder }}" />
+                                </div>
+                            </div>
+
+                            <div class="actions actions-left">
+                                <button type="submit" class="btn btn-info">
+                                    <i class="fa fa-save icon-left"></i>
+                                    {{ l.common_save }}
+                                </button>
+                                <a href="{{ url_for('fleet_node_studio_list') }}" class="btn btn-naked">
+                                    <i class="fa fa-rectangle-xmark icon-left"></i>
+                                    {{ l.common_cancel }}
+                                </a>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+{% endblock %}
diff --git a/views/fleet/node-studios/fleet-view.jinja.html b/views/fleet/node-studios/fleet-view.jinja.html
new file mode 100644
index 0000000..4da4c6a
--- /dev/null
+++ b/views/fleet/node-studios/fleet-view.jinja.html
@@ -0,0 +1,50 @@
+{% extends 'base.jinja.html' %}
+
+{% block page_title %}
+    {{ l.fleet_node_studio_page_title }}
+{% endblock %}
+
+{% block add_css %}
+    <link rel="stylesheet" href="{{ STATIC_PREFIX }}css/lib/jquery-explr-1.4.css"/>
+    {{ HOOK(H_FLEET_NODE_STUDIO_CSS) }}
+{% endblock %}
+
+{% block add_js %}
+    <script src="{{ STATIC_PREFIX }}js/lib/jquery-explr-1.4.js"></script>
+    <script src="{{ STATIC_PREFIX }}js/explorer.js"></script>
+    <script src="{{ STATIC_PREFIX }}js/fleet/studio-fleet-view.js"></script>
+    {{ HOOK(H_FLEET_NODE_STUDIO_JAVASCRIPT) }}
+{% endblock %}
+
+{% block body_class %}view-node-studio-fleet-view{% endblock %}
+
+{% block context_bar %}{% endblock %}
+
+{% block header %}{% endblock %}
+
+{% block main_page %}
+    {% set explr_limit_chars = 35 %}
+
+    <div class="bottom-content">
+        <div class="page-panel left-panel explr-explorer">
+
+            {% with use_href=False, expanded=True %}
+                {% include 'fleet/node-studios/component/explr-sidebar.jinja.html' %}
+            {% endwith %}
+
+            <footer>
+                <a href="{{ url_for('fleet_node_studio_list') }}" class="btn btn-naked">
+                    <i class="fa fa-arrow-left"></i> {{ l.common_exit }}
+                </a>
+            </footer>
+        </div>
+
+        <div class="page-content">
+            <div class="inner iframe-holder">
+                <div class="inner-empty empty-flag ">
+                    <i class="fa fa-globe"></i>
+                </div>
+            </div>
+        </div>
+    </div>
+{% endblock %}
diff --git a/views/fleet/node-studios/list.jinja.html b/views/fleet/node-studios/list.jinja.html
new file mode 100644
index 0000000..fe5b498
--- /dev/null
+++ b/views/fleet/node-studios/list.jinja.html
@@ -0,0 +1,188 @@
+{% extends 'base.jinja.html' %}
+
+{% block page_title %}
+    {{ l.fleet_node_studio_page_title }}
+{% endblock %}
+
+{% block add_css %}
+    <link rel="stylesheet" href="{{ STATIC_PREFIX }}css/lib/jquery-explr-1.4.css"/>
+    {{ HOOK(H_FLEET_NODE_STUDIO_CSS) }}
+{% endblock %}
+
+{% block add_js %}
+    <script src="{{ STATIC_PREFIX }}js/lib/jquery-explr-1.4.js"></script>
+    <script src="{{ STATIC_PREFIX }}js/explorer.js"></script>
+    <script src="{{ STATIC_PREFIX }}js/fleet/node-studios.js"></script>
+    <script src="{{ STATIC_PREFIX }}js/lib/jquery-ui.min.js"></script>
+    <script src="{{ STATIC_PREFIX }}js/lib/jquery-multidraggable.js"></script>
+    {{ HOOK(H_FLEET_NODE_STUDIO_JAVASCRIPT) }}
+{% endblock %}
+
+{% block body_class %}view-node-studio-list{% endblock %}
+
+{% block top_page %}
+    <div class="top-content">
+        <div class="top-actions">
+            {{ HOOK(H_FLEET_NODE_STUDIO_TOOLBAR_ACTIONS_START) }}
+            <button type="button" class="btn btn-info node-studio-add item-add">
+                <i class="fa fa-file-circle-plus icon-left"></i>
+                {{ l.fleet_node_studio_button_add }}
+            </button>
+            <button type="button" class="folder-add btn-neutral">
+                <i class="fa fa-folder-plus icon-left"></i>
+                {{ l.common_new_folder }}
+            </button>
+
+            <div class="right-actions">
+                <div class="explr-selection-actions">
+                    <button type="button" class="btn explr-item-edit explr-selection-entity btn-info"
+                            data-entity-route="{{ url_for('fleet_node_studio_edit', node_studio_id='!c!') }}">
+                        <i class="fa fa-eye"></i>
+                    </button>
+                    <button type="button" class="btn explr-item-rename explr-selection-entity explr-selection-folder btn-info">
+                        <i class="fa fa-pencil"></i>
+                    </button>
+                    <button type="button"
+                            class="btn explr-item-delete explr-selection-entity explr-selection-folder btn-danger-alt"
+                            data-folder-route="{{ url_for('fleet_node_studio_folder_delete') }}?path={{ working_folder_path }}"
+                            data-entity-route="{{ url_for('fleet_node_studio_delete') }}?path={{ working_folder_path }}">
+                        <i class="fa fa-trash-alt"></i>
+                    </button>
+                </div>
+
+                <div class="explr-multiselection-actions">
+                    <button type="button"
+                            class="btn explr-items-delete explr-multiselection-entity explr-multiselection-folder btn-danger-alt"
+                            data-route="{{ url_for('fleet_node_studio_delete_bulk_explr') }}?path={{ working_folder_path }}">
+                        <i class="fa fa-trash-alt"></i>
+                    </button>
+                </div>
+
+                <a href="{{ url_for('fleet_node_studio_fleet_view') }}" class="btn btn-success-alt">
+                    <i class="fa fa-external-link icon-left"></i>
+                    {{ l.fleet_node_studio_open_fleet_view }}
+                </a>
+            </div>
+            {{ HOOK(H_FLEET_NODE_STUDIO_TOOLBAR_ACTIONS_END) }}
+        </div>
+    </div>
+{% endblock %}
+
+{% block main_page %}
+    {% set explr_limit_chars = 35 %}
+
+    <div class="bottom-content">
+        <div class="page-panel left-panel explr-explorer">
+
+            {% with use_href=True %}
+                {% include 'fleet/node-studios/component/explr-sidebar.jinja.html' %}
+            {% endwith %}
+        </div>
+
+        <form id="folder-move-form" action="{{ url_for('fleet_node_studio_folder_move') }}?path={{ working_folder_path }}" class="hidden" method="POST">
+            <input type="hidden" name="entity_ids"/>
+            <input type="hidden" name="folder_ids"/>
+            <input type="hidden" name="new_folder_id"/>
+        </form>
+
+        <div class="page-content">
+            <div class="inner dirview">
+                <div class="breadcrumb-container">
+                    <ul class="breadcrumb">
+                        {% set ns = namespace(breadpath='') %}
+                        {% for dir in working_folder_path[1:].split('/') %}
+                            {% set ns.breadpath = ns.breadpath ~ '/' ~ dir %}
+                            <li>
+                                {% if loop.last %}
+                                    <span>
+                                        <i class="explr-icon explr-icon-folder"></i>
+                                        {{ truncate(dir, explr_limit_chars, '...') }}
+                                    </span>
+                                {% else %}
+                                    <a href="{{ url_for('fleet_node_studio_cd', path=ns.breadpath) }}">
+                                        <i class="explr-icon explr-icon-folder"></i>
+                                        {{ truncate(dir, explr_limit_chars, '...') }}
+                                    </a>
+                                {% endif %}
+                            </li>
+                            {% if not loop.last %}
+                                <li class="divider">
+                                    <i class="fa fa-chevron-right"></i>
+                                </li>
+                            {% endif %}
+                        {% endfor %}
+                    </ul>
+                </div>
+                <div class="selectable-zone">
+                    <ul class="explr-dirview">
+                        <li class="new-folder hidden">
+                            <a href="javascript:void(0);">
+                                <i class="fa fa-folder"></i>
+                                <form action="{{ url_for('fleet_node_studio_folder_add') }}?path={{ working_folder_path }}" method="POST">
+                                    <input type="text" name="name" autocomplete="off"/>
+                                </form>
+                            </a>
+                        </li>
+
+                        {% set parent_path = '/'.join(working_folder_path.rstrip('/').split('/')[:-1]) %}
+                        {% if parent_path %}
+                            <li class="previous-folder droppable" data-path="{{ parent_path }}"
+                                data-id="{{ working_folder.parent_id if working_folder.parent_id else '' }}" data-folder="1">
+                                <a href="{{ url_for('fleet_node_studio_cd', path=parent_path) }}"
+                                   class="explr-link explr-item-selectable explr-item-folder">
+                                    <i class="fa fa-folder"></i>
+                                    ..
+                                </a>
+                            </li>
+                        {% endif %}
+
+                        {% for folder in working_folder_children %}
+                            {% set folder_path = working_folder_path ~ '/' ~ folder.name %}
+                            <li class="draggable droppable" data-path="{{ folder_path }}" data-id="{{ folder.id }}"
+                                data-folder="1">
+                                <a href="{{ url_for('fleet_node_studio_cd', path=folder_path) }}"
+                                   class="explr-link explr-item-selectable explr-item-actionable explr-item-folder">
+                                    <i class="fa fa-folder"></i>
+                                    <span>{{ truncate(folder.name, explr_limit_chars, '...') }}</span>
+                                    <form action="{{ url_for('fleet_node_studio_folder_rename') }}?path={{ working_folder_path }}" method="POST">
+                                        <input type="text" name="name" value="{{ folder.name }}" autocomplete="off"/>
+                                        <input type="hidden" name="id" value="{{ folder.id }}"/>
+                                    </form>
+                                </a>
+                            </li>
+                        {% endfor %}
+
+                        {% for node_studio in foldered_node_studios[working_folder.id|default(None)]|default([]) %}
+                            {% set icon = enum_operating_system.get_fa_icon(node_studio.operating_system) %}
+                            {% set color = node_studio.operating_system.value %}
+                            <li class="draggable" data-path="{{ working_folder_path }}" data-id="{{ node_studio.id }}"
+                                data-folder="0" data-entity-json="{{ node_studio.to_json() }}">
+                                <a href="javascript:void(0);"
+                                   class="explr-link explr-item-selectable explr-item-actionable explr-item-entity"
+                                   data-callback="explrNodeStudioEdit">
+                                    <i class="fa {{ icon }} {{ color }} main"></i>
+                                    <span>{{ truncate(node_studio.name, explr_limit_chars, '...') }}</span>
+                                    <form action="{{ url_for('fleet_node_studio_rename') }}?path={{ working_folder_path }}" method="POST">
+                                        <input type="text" name="name" value="{{ node_studio.name }}" autocomplete="off"/>
+                                        <input type="hidden" name="id" value="{{ node_studio.id }}"/>
+                                    </form>
+                                </a>
+                            </li>
+                        {% endfor %}
+                    </ul>
+                </div>
+            </div>
+
+            <div class="modals hidden">
+                <div class="modals-outer">
+                    <div class="modals-inner">
+                        {% include 'fleet/node-studios/modal/add.jinja.html' %}
+                        {% include 'fleet/node-studios/modal/edit.jinja.html' %}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+{% endblock %}
diff --git a/views/fleet/node-studios/modal/add.jinja.html b/views/fleet/node-studios/modal/add.jinja.html
new file mode 100644
index 0000000..5ae28de
--- /dev/null
+++ b/views/fleet/node-studios/modal/add.jinja.html
@@ -0,0 +1,50 @@
+<div class="modal modal-node-studio-add modal-node-studio">
+    <h2>
+        {{ l.fleet_node_studio_form_add_title }}
+    </h2>
+
+    <form class="form" action="{{ url_for('fleet_node_studio_add') }}" method="POST" enctype="multipart/form-data">
+
+        <div class="form-group">
+            <label for="node-studio-add-name">{{ l.fleet_node_studio_form_label_name }}</label>
+            <div class="widget">
+                <input name="name" type="text" id="node-studio-add-name" required="required"/>
+            </div>
+        </div>
+
+        <div class="form-group tab-select">
+            <div class="widget">
+                <i class="fa fa-get-pocket operating-system-icon"></i>
+                <select name="operating_system" id="node-studio-add-operating-system" class="operating-system-select">
+                    {% for os in enum_operating_system %}
+                        {% set icon = enum_operating_system.get_fa_icon(os) %}
+                        {% set color = enum_operating_system.get_color_icon(os) %}
+                        <option value="{{ os.value }}" data-icon="{{ icon }}" data-color="{{ color }}">
+                            {{ t(os) }}
+                        </option>
+                    {% endfor %}
+                </select>
+                <i class="fa fa-sort-desc triangle"></i>
+            </div>
+        </div>
+
+        <div class="form-group">
+            <label for="node-studio-add-host">{{ l.fleet_node_studio_form_label_host }}</label>
+            <div class="widget">
+                <input name="host" type="text" id="node-studio-add-host" required="required" placeholder="{{ l.common_url_placeholder }}" />
+            </div>
+        </div>
+
+        <div class="actions">
+            <button type="button" class="btn btn-naked modal-close">
+                {{ l.common_close }}
+            </button>
+            <button type="submit" class="btn btn-info">
+                <i class="fa fa-save icon-left"></i>{{ l.common_save }}
+            </button>
+            <button type="button" disabled="disabled" class="btn btn-naked hidden btn-loading">
+                {{ l.common_loading }}
+            </button>
+        </div>
+    </form>
+</div>
\ No newline at end of file
diff --git a/views/fleet/node-studios/modal/edit.jinja.html b/views/fleet/node-studios/modal/edit.jinja.html
new file mode 100644
index 0000000..9a74900
--- /dev/null
+++ b/views/fleet/node-studios/modal/edit.jinja.html
@@ -0,0 +1,51 @@
+<div class="modal modal-node-studio-edit modal-node-studio">
+    <h2>
+        {{ l.fleet_node_studio_form_edit_title }}
+    </h2>
+
+    <form class="form" action="{{ url_for('fleet_node_studio_save', node_studio_id=0) }}" method="POST">
+        <input name="id" type="hidden" id="node-studio-edit-id" required="required" />
+
+        <div class="form-group">
+            <label for="node-studio-edit-name">{{ l.fleet_node_studio_form_label_name }}</label>
+            <div class="widget">
+                <input name="name" type="text" id="node-studio-edit-name" required="required" />
+            </div>
+        </div>
+
+        <div class="form-group tab-select">
+            <div class="widget">
+                <i class="fa fa-get-pocket operating-system-icon"></i>
+                <select name="operating_system" id="node-studio-edit-operating-system" class="operating-system-select">
+                    {% for os in enum_operating_system %}
+                        {% set icon = enum_operating_system.get_fa_icon(os) %}
+                        {% set color = enum_operating_system.get_color_icon(os) %}
+                        <option value="{{ os.value }}" data-icon="{{ icon }}" data-color="{{ color }}">
+                            {{ t(os) }}
+                        </option>
+                    {% endfor %}
+                </select>
+                <i class="fa fa-sort-desc triangle"></i>
+            </div>
+        </div>
+
+        <div class="form-group">
+            <label for="node-studio-edit-host">{{ l.fleet_node_studio_form_label_host }}</label>
+            <div class="widget">
+                <input name="host" type="text" id="node-studio-edit-host" required="required" placeholder="{{ l.common_url_placeholder }}" />
+            </div>
+        </div>
+
+        <div class="actions">
+            <button type="button" class="btn btn-naked modal-close">
+                {{ l.common_close }}
+            </button>
+            <button type="submit" class="btn btn-info">
+                <i class="fa fa-save icon-left"></i>{{ l.common_save }}
+            </button>
+            <button type="button" disabled="disabled" class="btn btn-naked hidden btn-loading">
+                {{ l.common_loading }}
+            </button>
+        </div>
+    </form>
+</div>
\ No newline at end of file
diff --git a/views/fleet/node-studios/modal/explr-picker.jinja.html b/views/fleet/node-studios/modal/explr-picker.jinja.html
new file mode 100644
index 0000000..ff3de4a
--- /dev/null
+++ b/views/fleet/node-studios/modal/explr-picker.jinja.html
@@ -0,0 +1,15 @@
+<div class="modal modal-explr-picker modal-node-studio-explr-picker modal-node-studio">
+    <h2>
+        {{ l.common_pick_element }}
+    </h2>
+
+    {% with use_href=False %}
+        {% include 'fleet/node-studios/component/explr-sidebar.jinja.html' %}
+    {% endwith %}
+
+    <div class="actions">
+        <button type="button" class="btn btn-naked picker-close">
+            <i class="fa fa-close icon-left"></i>{{ l.common_close }}
+        </button>
+    </div>
+</div>
\ No newline at end of file
diff --git a/views/fleet/player-group/component/edit.jinja.html b/views/fleet/player-group/component/edit.jinja.html
index 80a3246..d903eac 100644
--- a/views/fleet/player-group/component/edit.jinja.html
+++ b/views/fleet/player-group/component/edit.jinja.html
@@ -74,13 +74,16 @@ <h4 class="divide">
                     {{ l.playlist_form_preview_iframe_desc }}
                 </p>
 
-                <div class="preview">
-                    <button type="button" class="btn btn-pixel node-player-group-preview"
-                            title="{{ l.playlist_panel_preview_action }}"
+                <div class="iframe-preview-holder">
+                    <div class="controls">
+                        <button type="button" class="btn btn-pixel iframe-preview"
+                                title="{{ l.playlist_panel_preview_action }}"
                             data-url="{{ preview_url_iframe }}">
-                        <i class="fa fa-play"></i>
-                    </button>
+                            <i class="fa fa-play"></i>
+                        </button>
+                    </div>
                 </div>
+
             </div>
         {% endif %}
     </div>
diff --git a/views/player/player.jinja.html b/views/player/player.jinja.html
index 069ec10..26efe77 100755
--- a/views/player/player.jinja.html
+++ b/views/player/player.jinja.html
@@ -56,6 +56,11 @@
 </div>
 
 <script type="text/javascript">
+    // Backend routes
+    const routePlayerPlaylistDefault = '{{ url_for('player_playlist') }}';
+    const routePlayerPlaylistUse = '{{ url_for('player_playlist_use', playlist_slug_or_id='!p!') }}';
+    const routePlayerUse = '{{ url_for('player_use', playlist_slug_or_id='!p!') }}';
+
     // Backend config
     let items = {{ json_dumps(items) | safe }};
     const introDuration = {{ intro_slide_duration * 1000 }};
@@ -68,17 +73,29 @@
     const syncWithTime = items['time_sync'];
     const previewMode = items['preview_mode'];
     const disableAutoplay = {{ 'false' if request.args.get('autoplay') == '1' else 'previewMode' }};
+    const endlessLoop = {{ 'false' if request.args.get('loop') == '0' else 'true' }};
     const tickRefreshResolutionMs = 100;
 
     // Frontend flag updates
     let hasMoveOnce = false;
     let forcePreload = false;
+    const POST_MSG = {
+        action: {
+            name: 'ACTION',
+            events: {
+                START: "START",
+                END: "END",
+                DURATION_UPDATE: "DURATION_UPDATE",
+                NOTIFICATION: "NOTIFICATION"
+            }
+        },
+    };
 
     // Player states infos
-    const PLAY_STATE_PLAYING = 0, PLAY_STATE_PAUSE = 1;
+    const PLAY_STATE_PLAYING = 0, PLAY_STATE_PAUSE = 1, PLAY_STATE_PAUSE_FINISH = 2;
     let playState = PLAY_STATE_PLAYING;
     const isPlaying = function() {return playState === PLAY_STATE_PLAYING;};
-    const isPaused = function() {return playState === PLAY_STATE_PAUSE;};
+    const isPaused = function() {return playState === PLAY_STATE_PAUSE || playState === PLAY_STATE_PAUSE_FINISH;};
     let pauseClockValue = null;
 
     // Animations
@@ -120,7 +137,8 @@
             return;
         }
 
-        fetch('/player/playlist' + (items['playlist_id'] ? '/use/'+items['playlist_id'] : '')).then(function(response) {
+        fetch((items['playlist_id'] ? routePlayerPlaylistUse.replace('!p!', items['playlist_id']) : routePlayerPlaylistDefault
+        )).then(function(response) {
             if (response.ok) {
                 return response.json();
             }
@@ -166,6 +184,11 @@
         }
     };
 
+    const pauseButFinish = function() {
+        pauseClockValue = clockValue;
+        playState = PLAY_STATE_PAUSE_FINISH;
+    };
+
     const stop = function() {
         pause();
     };
@@ -195,6 +218,13 @@
         pause();
     };
 
+    const getTheoreticalLoopDuration = function() {
+        return items.loop.reduce((total, item) => {
+            const durationToAdd = (item.delegate_duration === 1) ? (item.content_duration !== null ? item.content_duration : 0) : item.duration;
+            return total + durationToAdd;
+        }, 0);
+    };
+
     const lookupPreviousItem = function() {
         return (curItemIndex - 1 < 0) ? items.loop[items.loop.length - 1] : items.loop[curItemIndex - 1];
     };
@@ -269,6 +299,19 @@
         }
     };
 
+    const whenFirstSlideWillShow = function() {
+        postIframeMessage({ type: POST_MSG.action.name, text: POST_MSG.action.events.START });
+        postIframeMessage({ type: POST_MSG.action.name, text: POST_MSG.action.events.DURATION_UPDATE, duration: getTheoreticalLoopDuration() });
+    };
+
+    const whenLastSlideWillShow = function() {
+        postIframeMessage({ type: POST_MSG.action.name, text: POST_MSG.action.events.END });
+
+        if (!endlessLoop) {
+            pauseButFinish();
+        }
+    };
+
     const checkAndMoveSlide = function() {
         tickClockValue();
         const timeInCurrentLoop = (clockValue/1000) % getLoopDuration();
@@ -286,6 +329,14 @@
                 if (curItemIndex !== i) {
                     curItemIndex = i;
 
+                    if (curItemIndex === 0 && !hasMoveOnce) {
+                        whenFirstSlideWillShow();
+                    }
+
+                    if (item.id === items.loop[items.loop.length - 1].id) {
+                        whenLastSlideWillShow();
+                    }
+
                     const emptySlide = getEmptySlide();
                     if ((emptySlide && !hasMoveOnce) || forcePreload) {
                         if (!hasMoveOnce && syncWithTime) {
@@ -357,6 +408,9 @@
             case 'url':
                 loadUrl(element, callbackReady, item);
                 break;
+            case 'playlist_embed':
+                loadPlaylistEmbed(element, callbackReady, item);
+                break;
             case 'picture':
                 loadPicture(element, callbackReady, item);
                 break;
@@ -381,7 +435,36 @@
     const loadUrl = function(element, callbackReady, item) {
         element.innerHTML = `<iframe src="${item.location}"></iframe>`;
         callbackReady(function() {});
-    }
+    };
+
+    const loadPlaylistEmbed = function(element, callbackReady, item) {
+        element.innerHTML = `playlist_embed`;
+        callbackReady(function() {});
+
+        const loadingDelayMs = 1000;
+        let delayNoisyContentJIT = Math.max(100, (lookupCurrentItem().duration * 1000) - loadingDelayMs);
+        delayNoisyContentJIT = lookupCurrentItem().id !== item.id ? delayNoisyContentJIT : 0;
+
+        if (item.delegate_duration) {
+            setTimeout(function() {
+                const playlistDuration = durationsOverride['playlist-' + item.location];
+                 if (playlistDuration) {
+                     durationsOverride[item.id] = playlistDuration;
+                 }
+            }, 1000);
+        }
+
+        const autoplayLoader = function() {
+            if (secondsBeforeNext * 1000 > loadingDelayMs) {
+                return setTimeout(autoplayLoader, 500);
+            }
+
+            if (element.innerHTML === 'playlist_embed') {
+                element.innerHTML = `<iframe src="${routePlayerUse.replace('!p!', item.location)}?intro=0&loop=0"></iframe>`;
+            }
+        }
+        setTimeout(autoplayLoader, delayNoisyContentJIT);
+    };
 
     const loadPicture = function(element, callbackReady, item) {
         element.innerHTML = `<img src="${item.location}" alt="" />`;
@@ -507,7 +590,7 @@
         }
 
        setTimeout(autoplayLoader, delayNoisyContentJIT);
-    }
+    };
 
     const checkAndMoveNotifications = function() {
         for (let i = 0; i < items.notifications.length; i++) {
@@ -561,6 +644,13 @@
             }
         };
         loadContent(notificationSlide, callbackReady, item);
+        postIframeMessage({ type: POST_MSG.action.name, text: POST_MSG.action.events.NOTIFICATION });
+    };
+
+    const postIframeMessage = function(payload) {
+        payload['source'] = 'obscreen';
+        payload['playlist_id'] = items.playlist_id;
+        window.parent.postMessage(payload, '*');
     };
 
     const stopNotificationSlide = function() {
@@ -570,6 +660,16 @@
         play();
     };
 
+    window.addEventListener('message', (event) => {
+        if (event.data.source !== 'obscreen') return;
+        const data = event.data;
+        data['parent'] = items.playlist_id === data.playlist_id;
+
+        if (!data.parent) {
+            durationsOverride['playlist-' + data.playlist_id] = data.duration;
+        }
+    });
+
     main();
 </script>
 </body>
diff --git a/views/playlist/component/edit.jinja.html b/views/playlist/component/edit.jinja.html
index 252c813..5dcf788 100644
--- a/views/playlist/component/edit.jinja.html
+++ b/views/playlist/component/edit.jinja.html
@@ -121,12 +121,14 @@ <h4 class="divide">
                 {{ l.playlist_form_preview_iframe_desc }}
             </p>
 
-            <div class="preview">
-                <button type="button" class="btn btn-pixel playlist-preview"
-                        title="{{ l.playlist_panel_preview_action }}"
+            <div class="iframe-preview-holder">
+                <div class="controls">
+                    <button type="button" class="btn btn-pixel iframe-preview"
+                            title="{{ l.playlist_panel_preview_action }}"
                         data-url="{{ preview_url_iframe }}">
-                    <i class="fa fa-play"></i>
-                </button>
+                        <i class="fa fa-play"></i>
+                    </button>
+                </div>
             </div>
 
             <h4 class="divide">
diff --git a/views/slideshow/contents/component/explr-sidebar.jinja.html b/views/slideshow/contents/component/explr-sidebar.jinja.html
index c4105d8..a3362c6 100644
--- a/views/slideshow/contents/component/explr-sidebar.jinja.html
+++ b/views/slideshow/contents/component/explr-sidebar.jinja.html
@@ -1,3 +1,5 @@
+{% set expanded = expanded|default(false) %}
+
 {% macro render_folder(folder) %}
     {% set content_children = foldered_contents[folder.id]|default([]) %}
     {% set has_children = folder.children or content_children %}
@@ -35,6 +37,6 @@
     </li>
 {% endmacro %}
 
-<ul class="explr hidden" id="tree" data-working-folder-id="{{ working_folder.id }}">
+<ul class="explr hidden" id="tree" data-working-folder-id="{{ working_folder.id }}" data-expanded="{{ '1' if expanded else '0' }}">
     {{ render_folder(folders_tree) }}
 </ul>
diff --git a/views/slideshow/contents/edit.jinja.html b/views/slideshow/contents/edit.jinja.html
index 85df9a1..adc699d 100644
--- a/views/slideshow/contents/edit.jinja.html
+++ b/views/slideshow/contents/edit.jinja.html
@@ -73,6 +73,8 @@ <h3>
                                 <label for="content-edit-location">
                                     {% if content.type == enum_content_type.EXTERNAL_STORAGE %}
                                         {{ l.enum_content_type_external_storage_object_label }}
+                                    {% elif content.type == enum_content_type.PLAYLIST_EMBED %}
+                                        {{ l.enum_content_type_playlist_embed_object_label }}
                                     {% else %}
                                         {{ l.slideshow_content_form_label_location }}
                                     {% endif %}
@@ -86,7 +88,18 @@ <h3>
                                     {% if content.type == enum_content_type.YOUTUBE %}
                                         {% set location = 'https://www.youtube.com/watch?v=' ~ content.location %}
                                     {% endif %}
-                                    <input type="text" name="location" id="content-edit-location" value="{{ location }}" {% if not content.is_editable() %}disabled="disabled"{% endif %} />
+
+                                    {% if content.type == enum_content_type.PLAYLIST_EMBED %}
+                                        <select name="location" id="content-edit-location" class="size-m">
+                                            {% for pid, plabel in playlists.items() %}
+                                                <option value="{{ pid }}" {% if content.location == str(pid) %}selected="selected"{% endif %}>
+                                                    {{ plabel }}
+                                                </option>
+                                            {% endfor %}
+                                        </select>
+                                    {% else %}
+                                        <input type="text" name="location" id="content-edit-location" value="{{ location }}" {% if not content.is_editable() %}disabled="disabled"{% endif %} />
+                                    {% endif %}
                                 </div>
                             </div>
 
@@ -125,8 +138,14 @@ <h3>
 
 
         <div class="page-panel right-panel">
-            <div class="iframe-wrapper">
-                 <iframe src="{{ url_for('player', preview_content_id=content.id) }}"></iframe>
+            <div class="iframe-preview-holder">
+                <div class="controls">
+                    <button type="button" class="btn btn-pixel iframe-preview"
+                            title="{{ l.playlist_panel_preview_action }}"
+                            data-url="{{ url_for('player', preview_content_id=content.id) }}">
+                        <i class="fa fa-play"></i>
+                    </button>
+                </div>
             </div>
         </div>
 
diff --git a/views/slideshow/contents/modal/add.jinja.html b/views/slideshow/contents/modal/add.jinja.html
index 6fc3953..4f41b3a 100644
--- a/views/slideshow/contents/modal/add.jinja.html
+++ b/views/slideshow/contents/modal/add.jinja.html
@@ -75,6 +75,21 @@ <h2>
             </div>
         </div>
 
+        <div class="from-group-condition hidden">
+            <div class="form-group">
+                <label for="" class="object-label"></label>
+                <div class="widget">
+                    <select name="object" data-input-type="playlist_embed" class="content-object-input size-m">
+                        {% for pid, plabel in playlists.items() %}
+                            <option value="{{ pid }}">
+                                {{ plabel }}
+                            </option>
+                        {% endfor %}
+                    </select>
+                </div>
+            </div>
+        </div>
+
         <div class="from-group-condition hidden">
             <div class="form-group">
                 <label for="" class="object-label"></label>
diff --git a/views/slideshow/slides/component/table.jinja.html b/views/slideshow/slides/component/table.jinja.html
index eeff01b..64786a1 100644
--- a/views/slideshow/slides/component/table.jinja.html
+++ b/views/slideshow/slides/component/table.jinja.html
@@ -64,7 +64,7 @@
                             {% endif %}
                         {% else %}
                             {% if slide.delegate_duration %}
-                                <i class="fa {{ icon }}"></i> <span class="prefix">{{ l.slideshow_slide_panel_th_delegate_duration_video }}</span>
+                                <i class="fa {{ icon }}"></i> <span class="prefix">{{ l.slideshow_slide_panel_th_delegate_duration }}</span>
                             {% else %}
                                 ⏱️ <span class="prefix">{{ slide.duration }} {{ l.slideshow_slide_panel_th_duration_unit }}</span>
                             {% endif %}