style: update css files

vispa/extensions/codeeditor/static/css/styles.css

@@ -3,7 +3,7 @@
 .codeeditor #abort{margin-right:-1px;min-width:100px}
 .codeeditor #command-line{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}
 .codeeditor-left{position:absolute;top:0;right:none;bottom:0;left:0;width:100%;overflow:auto;border:1px solid #b8b8b8;border-width:0 1px 0 0}
-.codeeditor-right{position:absolute;top:0;right:0;bottom:0;left:none;width:0;overflow:auto;padding-left:1px}
+.codeeditor-right{position:absolute;top:0;right:0;bottom:0;left:none;width:0%;overflow:auto;padding-left:1px}
 .codeeditor-right-top{position:absolute;top:0;right:0;bottom:none;left:0;height:100%;overflow:hidden;box-shadow:0 1px 0 #b8b8b8}
 .codeeditor-right-bottom{position:absolute;top:none;right:0;bottom:0;left:0;height:0%;overflow:auto;padding:11px 10px 10px 10px}
 .codeeditor-commandline>*{border-radius:0}

vispa/extensions/file2/static/css/style.css

@@ -3,41 +3,41 @@
 #file2-File2Upload>div>.item{border-top:1px solid #fff;margin:4px 0}
 #file2-File2Upload>div>.item>*{margin:3px 0}
 #file2-File2Upload>div>.item>h4{white-space:nowrap;text-overflow:ellipsis}
-#file2-File2Upload>div>.item>.probar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
-#file2-File2Upload>div>.item>.probar>.progress-bar{-webkit-box-flex:1;-webkit-flex:1 0 1px;-ms-flex:1 0 1px;flex:1 0 1px;border-radius:3px}
-#file2-File2Upload>div>.item>.probar>button{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}
+#file2-File2Upload>div>.item>.probar{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
+#file2-File2Upload>div>.item>.probar>.progress-bar{-ms-flex:1 0 1px;flex:1 0 1px;border-radius:3px}
+#file2-File2Upload>div>.item>.probar>button{-ms-flex:0 0 auto;flex:0 0 auto}
 #file2-File2Upload>div>.item>.container{display:none}
 .fileselector2{height:70vh}
-.file2.browser{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
+.file2.browser{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
 .file2.browser a{cursor:pointer}
 .file2.browser>.context-menu>button{display:none}
 .file2.browser>.context-menu>ul{position:fixed;top:auto;right:auto;bottom:auto;left:auto}
-.file2.browser>.navigation-bar{-webkit-box-flex:0;-webkit-flex:0 0 30px;-ms-flex:0 0 30px;flex:0 0 30px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:#f5f5f5;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
-.file2.browser>.navigation-bar>.divider{-webkit-box-flex:0;-webkit-flex:0 0 0px;-ms-flex:0 0 0px;flex:0 0 0px;height:15px;border:1px solid #888}
-.file2.browser>.navigation-bar>.bookmark-button{-webkit-box-flex:0;-webkit-flex:0 0 30px;-ms-flex:0 0 30px;flex:0 0 30px;text-align:center}
-.file2.browser>.navigation-bar>.bookmark-button .bookmark-item>a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;vertical-align:middle}
-.file2.browser>.navigation-bar>.bookmark-button .bookmark-item>a>div{-webkit-box-flex:1;-webkit-flex:1 0 1px;-ms-flex:1 0 1px;flex:1 0 1px;margin-right:.2em}
+.file2.browser>.navigation-bar{-ms-flex:0 0 30px;flex:0 0 30px;display:-ms-flexbox;display:flex;background-color:#f5f5f5;-ms-flex-align:center;align-items:center}
+.file2.browser>.navigation-bar>.divider{-ms-flex:0 0 0px;flex:0 0 0px;height:15px;border:1px solid #888}
+.file2.browser>.navigation-bar>.bookmark-button{-ms-flex:0 0 30px;flex:0 0 30px;text-align:center}
+.file2.browser>.navigation-bar>.bookmark-button .bookmark-item>a{display:-ms-flexbox;display:flex;vertical-align:middle}
+.file2.browser>.navigation-bar>.bookmark-button .bookmark-item>a>div{-ms-flex:1 0 1px;flex:1 0 1px;margin-right:.2em}
 .file2.browser>.navigation-bar>.bookmark-button .bookmark-item>a>div>input{border:0;padding:0}
-.file2.browser>.navigation-bar>.bookmark-button .bookmark-item>a>span{-webkit-box-flex:0;-webkit-flex:0 0 15px;-ms-flex:0 0 15px;flex:0 0 15px;opacity:.5}
+.file2.browser>.navigation-bar>.bookmark-button .bookmark-item>a>span{-ms-flex:0 0 15px;flex:0 0 15px;opacity:.5}
 .file2.browser>.navigation-bar>.bookmark-button .bookmark-item>a>span:hover{opacity:1}
-.file2.browser>.navigation-bar>.path{-webkit-box-flex:1;-webkit-flex:1 0 1px;-ms-flex:1 0 1px;flex:1 0 1px}
+.file2.browser>.navigation-bar>.path{-ms-flex:1 0 1px;flex:1 0 1px}
 .file2.browser>.navigation-bar>.path>.breadcrumb{margin:0;padding:0 15px}
 .file2.browser>.navigation-bar>.path>.breadcrumb>.dropok>a{background-color:#bf6!important}
-.file2.browser>.navigation-bar>.path>.path-edit{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:5px;background-color:#fff}
+.file2.browser>.navigation-bar>.path>.path-edit{display:-ms-flexbox;display:flex;margin:5px;background-color:#fff}
 .file2.browser>.navigation-bar>.path>.path-edit>*{padding:1px 6px}
-.file2.browser>.navigation-bar>.path>.path-edit input{-webkit-box-flex:1;-webkit-flex:1 0 1px;-ms-flex:1 0 1px;flex:1 0 1px;border:none}
-.file2.browser>.item-container{-webkit-box-flex:1;-webkit-flex:1 0 1px;-ms-flex:1 0 1px;flex:1 0 1px}
+.file2.browser>.navigation-bar>.path>.path-edit input{-ms-flex:1 0 1px;flex:1 0 1px;border:none}
+.file2.browser>.item-container{-ms-flex:1 0 1px;flex:1 0 1px}
 .file2.browser>.item-container.hide-actions .actions,.file2.browser>.item-container.hide-modified .modified,.file2.browser>.item-container.hide-size .size{display:none}
 .file2.browser>.item-container.mini-actions .actions span{display:none}
-.file2.browser>.item-container.detail{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
-.file2.browser>.item-container.detail>.header{-webkit-box-flex:0;-webkit-flex:0 0 30px;-ms-flex:0 0 30px;flex:0 0 30px;border-bottom:1px solid #000}
-.file2.browser>.item-container.detail>.items{-webkit-box-flex:1;-webkit-flex:1 0 1px;-ms-flex:1 0 1px;flex:1 0 1px;overflow-y:scroll}
+.file2.browser>.item-container.detail{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
+.file2.browser>.item-container.detail>.header{-ms-flex:0 0 30px;flex:0 0 30px;border-bottom:1px solid #000}
+.file2.browser>.item-container.detail>.items{-ms-flex:1 0 1px;flex:1 0 1px;overflow-y:scroll}
 .file2.browser>.item-container.detail>.items>.item{height:36px}
 .file2.browser>.item-container.detail>.items.dropok{background-color:#bf6!important}
 .file2.browser>.item-container.detail>.items.dropok>.item{background:0 0}
-.file2.browser>.item-container.detail>.header,.file2.browser>.item-container.detail>.items>.item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer}
+.file2.browser>.item-container.detail>.header,.file2.browser>.item-container.detail>.items>.item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;cursor:pointer}
 .file2.browser>.item-container.detail>.header>div,.file2.browser>.item-container.detail>.items>.item>div{margin:3px;overflow:hidden}
-.file2.browser>.item-container.detail>.header>.icon,.file2.browser>.item-container.detail>.items>.item>.icon{-webkit-box-flex:0;-webkit-flex:0 0 36px;-ms-flex:0 0 36px;flex:0 0 36px;position:relative;text-align:center}
+.file2.browser>.item-container.detail>.header>.icon,.file2.browser>.item-container.detail>.items>.item>.icon{-ms-flex:0 0 36px;flex:0 0 36px;position:relative;text-align:center}
 .file2.browser>.item-container.detail>.header>.icon>i,.file2.browser>.item-container.detail>.items>.item>.icon>i{font-size:28px}
 .file2.browser>.item-container.detail>.header>.icon>input,.file2.browser>.item-container.detail>.items>.item>.icon>input{position:absolute;bottom:-1px;right:2px;opacity:.7}
 .file2.browser>.item-container.detail>.header>.icon>input:checked,.file2.browser>.item-container.detail>.items>.item>.icon>input:checked{opacity:1}
@@ -46,21 +46,21 @@
 .file2.browser>.item-container.detail>.header>.actions>a>i,.file2.browser>.item-container.detail>.items>.item>.actions>a>i{margin-right:3px}
 .file2.browser>.item-container.detail>.header:not(:hover)>.actions,.file2.browser>.item-container.detail>.items>.item:not(:hover)>.actions{opacity:.4}
 .file2.browser>.item-container.detail>.header.selected>.actions,.file2.browser>.item-container.detail>.items>.item.selected>.actions{opacity:1}
-.file2.browser>.item-container.detail>.header>.processing,.file2.browser>.item-container.detail>.items>.item>.processing{-webkit-box-flex:0;-webkit-flex:0 0 20px;-ms-flex:0 0 20px;flex:0 0 20px}
-.file2.browser>.item-container.detail>.header>.name,.file2.browser>.item-container.detail>.items>.item>.name{-webkit-box-flex:1;-webkit-flex:1 1 0px;-ms-flex:1 1 0px;flex:1 1 0px;position:relative}
+.file2.browser>.item-container.detail>.header>.processing,.file2.browser>.item-container.detail>.items>.item>.processing{-ms-flex:0 0 20px;flex:0 0 20px}
+.file2.browser>.item-container.detail>.header>.name,.file2.browser>.item-container.detail>.items>.item>.name{-ms-flex:1 1 0px;flex:1 1 0px;position:relative}
 .file2.browser>.item-container.detail>.header>.name>.floater,.file2.browser>.item-container.detail>.items>.item>.name>.floater{display:inline-block;max-width:100%;position:relative;visibility:hidden;white-space:nowrap}
-.file2.browser>.item-container.detail>.header>.name>.floater>.flex,.file2.browser>.item-container.detail>.items>.item>.name>.floater>.flex{top:0;position:absolute;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible}
-.file2.browser>.item-container.detail>.header>.name>.floater>.flex>.root,.file2.browser>.item-container.detail>.items>.item>.name>.floater>.flex>.root{position:relative;-webkit-box-flex:1;-webkit-flex:1 1 0px;-ms-flex:1 1 0px;flex:1 1 0px}
+.file2.browser>.item-container.detail>.header>.name>.floater>.flex,.file2.browser>.item-container.detail>.items>.item>.name>.floater>.flex{top:0;position:absolute;width:100%;display:-ms-flexbox;display:flex;visibility:visible}
+.file2.browser>.item-container.detail>.header>.name>.floater>.flex>.root,.file2.browser>.item-container.detail>.items>.item>.name>.floater>.flex>.root{position:relative;-ms-flex:1 1 0px;flex:1 1 0px}
 .file2.browser>.item-container.detail>.header>.name>.floater>.flex>.root>div,.file2.browser>.item-container.detail>.items>.item>.name>.floater>.flex>.root>div{position:absolute;max-width:100%;overflow:hidden;text-overflow:ellipsis}
-.file2.browser>.item-container.detail>.header>.name>.floater>.flex>.ext,.file2.browser>.item-container.detail>.items>.item>.name>.floater>.flex>.ext{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
+.file2.browser>.item-container.detail>.header>.name>.floater>.flex>.ext,.file2.browser>.item-container.detail>.items>.item>.name>.floater>.flex>.ext{-ms-flex-negative:0;flex-shrink:0}
 .file2.browser>.item-container.detail>.header>.name>input,.file2.browser>.item-container.detail>.items>.item>.name>input{width:100%}
-.file2.browser>.item-container.detail>.header>.size,.file2.browser>.item-container.detail>.items>.item>.size{-webkit-box-flex:0;-webkit-flex:0 0 70px;-ms-flex:0 0 70px;flex:0 0 70px;text-align:right}
-.file2.browser>.item-container.detail>.header>.modified,.file2.browser>.item-container.detail>.items>.item>.modified{text-align:right;-webkit-box-flex:0;-webkit-flex:0 0 170px;-ms-flex:0 0 170px;flex:0 0 170px}
+.file2.browser>.item-container.detail>.header>.size,.file2.browser>.item-container.detail>.items>.item>.size{-ms-flex:0 0 70px;flex:0 0 70px;text-align:right}
+.file2.browser>.item-container.detail>.header>.modified,.file2.browser>.item-container.detail>.items>.item>.modified{text-align:right;-ms-flex:0 0 170px;flex:0 0 170px}
 .file2.browser>.item-container.icons{overflow-y:scroll}
 .file2.browser>.item-container.icons.dropok{background-color:#bf6!important}
 .file2.browser>.item-container.icons.dropok>.items>.item{background:0 0}
-.file2.browser>.item-container.icons>.items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;padding:.5em}
-.file2.browser>.item-container.icons>.items>.item{-webkit-box-flex:7.5em;-webkit-flex:7.5em 0 0;-ms-flex:7.5em 0 0;flex:7.5em 0 0;max-width:7.5em;margin:.345em;padding:.23em;border-radius:.575em;cursor:pointer}
+.file2.browser>.item-container.icons>.items{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:start;align-content:flex-start;padding:.5em}
+.file2.browser>.item-container.icons>.items>.item{-ms-flex:7.5em 0 0px;flex:7.5em 0 0;max-width:7.5em;margin:.345em;padding:.23em;border-radius:.575em;cursor:pointer}
 .file2.browser>.item-container.icons>.items>.item:hover{background-color:#fafafa}
 .file2.browser>.item-container.icons>.items>.item:hover>.icon>input{opacity:.7}
 .file2.browser>.item-container.icons>.items>.item.selected{background-color:#ccf}
@@ -68,7 +68,7 @@
 .file2.browser>.item-container.icons>.items>.item>.icon>i{font-size:2.875em}
 .file2.browser>.item-container.icons>.items>.item>.icon>input{width:1.25em;height:1.25em;position:absolute;top:0;left:0;margin:0;opacity:.2}
 .file2.browser>.item-container.icons>.items>.item>.icon>input:checked{opacity:1}
-.file2.browser>.item-container.icons>.items>.item>.name{text-align:center;overflow-wrap:break-word;display:block;display:-webkit-box;max-height:3.45em;padding:.15em;line-height:1.15em;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
+.file2.browser>.item-container.icons>.items>.item>.name{text-align:center;overflow-wrap:break-word;display:block;display:-webkit-box;max-height:3.45em;padding:.15em;line-height:1.15em;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}
 .file2.browser>.filter{position:absolute;background:#fff;z-index:25;bottom:0;left:25px;border:1px solid #000;border-radius:3px 3px 0 0;border-bottom:0;padding:2px}
 .file2.browser>.filter>.count{display:inline-block;min-width:35px;padding:0 1px}
 .file2.browser>.filter>.count>i{margin:0 2px}

vispa/extensions/gallery/static/css/gallery.css

 .gallery>.modal-content{width:90%!important;height:calc(95% - 20px);max-width:none!important;max-height:none!important;display:block}
 .gallery>.modal-content>.modal-header #new-window{font-size:inherit;border:none}
-.gallery>.modal-content>.modal-body{height:calc(100% - 89px);-webkit-box-flex:initial;-webkit-flex:initial;-ms-flex:initial;flex:initial;position:relative}
-.gallery>.modal-content>.modal-body #next,.gallery>.modal-content>.modal-body #previous{position:absolute;top:0;height:100%;width:30%;z-index:1;opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}
+.gallery>.modal-content>.modal-body{height:calc(100% - 89px);-ms-flex:initial;flex:initial;position:relative}
+.gallery>.modal-content>.modal-body #next,.gallery>.modal-content>.modal-body #previous{position:absolute;top:0;height:100%;width:30%;z-index:1;opacity:0;transition:opacity .5s}
 .gallery>.modal-content>.modal-body #next:hover,.gallery>.modal-content>.modal-body #previous:hover{opacity:1}
-.gallery>.modal-content>.modal-body #next>button,.gallery>.modal-content>.modal-body #previous>button{position:absolute;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);border-radius:50%;padding:6px 9px;cursor:default}
+.gallery>.modal-content>.modal-body #next>button,.gallery>.modal-content>.modal-body #previous>button{position:absolute;top:50%;transform:translate(0,-50%);border-radius:50%;padding:6px 9px;cursor:default}
 .gallery>.modal-content>.modal-body #previous{left:0}
 .gallery>.modal-content>.modal-body #previous>button{left:5px}
 .gallery>.modal-content>.modal-body #next{right:0}
 .gallery>.modal-content>.modal-body #next>button{right:5px}
-.gallery>.modal-content>.modal-body iframe,.gallery>.modal-content>.modal-body img{padding:15px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
+.gallery>.modal-content>.modal-body iframe,.gallery>.modal-content>.modal-body img{padding:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
 .gallery>.modal-content>.modal-body img{max-width:100%;max-height:100%}
 .gallery>.modal-content>.modal-body iframe{width:100%;height:100%;border:initial}
\ No newline at end of file

vispa/static/css/common.css

@@ -13,7 +13,7 @@ ul.dropdown-menu>li.divider:first-child,ul.dropdown-menu>li.divider:last-child{d
 .dropdown-submenu:hover>a:after{border-left-color:#fff}
 .vispa-hidden{display:hidden}
 .vispa-modal{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.4);cursor:default;z-index:10}
-.vispa-center-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
+.vispa-center-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
 .vispa-table-outer{display:table;height:100%;width:100%}
 .vispa-table-inner{display:table-cell;vertical-align:middle}
 .vispa-rtl-fix{color:transparent;font-size:0}

vispa/static/css/index.css

@@ -13,7 +13,7 @@ ul.dropdown-menu>li.divider:first-child,ul.dropdown-menu>li.divider:last-child{d
 .dropdown-submenu:hover>a:after{border-left-color:#fff}
 .vispa-hidden{display:hidden}
 .vispa-modal{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.4);cursor:default;z-index:10}
-.vispa-center-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
+.vispa-center-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
 .vispa-table-outer{display:table;height:100%;width:100%}
 .vispa-table-inner{display:table-cell;vertical-align:middle}
 .vispa-rtl-fix{color:transparent;font-size:0}
@@ -41,9 +41,9 @@ body{overflow:hidden}
 .vispa-workspace-messages>.modal{z-index:1050}
 .vispa-workspace-extensions{position:absolute;top:0;right:0;bottom:0;left:0}
 .vispa-welcome{text-align:center;background-color:#fff}
-.vispa-sidebar{position:absolute;top:0;right:0;bottom:0;left:0;color:#fff;background-color:#363636;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
+.vispa-sidebar{position:absolute;top:0;right:0;bottom:0;left:0;color:#fff;background-color:#363636;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}
 .vispa-sidebar>*{width:100%}
-.vispa-sidebar .vispa-toggle{width:40px;height:40px;font-size:20px;line-height:40px;text-align:center;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;cursor:pointer}
+.vispa-sidebar .vispa-toggle{width:40px;height:40px;font-size:20px;line-height:40px;text-align:center;-ms-flex:none;flex:none;cursor:pointer}
 .vispa-sidebar .vispa-toggle:hover{background-color:#222}
 .vispa-sidebar .vispa-toggle.active{color:#428bca}
 .vispa-sidebar .vispa-toggle>img{width:100%;height:100%}
@@ -52,17 +52,17 @@ body{overflow:hidden}
 .vispa-sidebar .vispa-toggle>button>span{position:absolute;top:0;right:0;bottom:0;left:40px;font-size:14px;text-align:start;text-overflow:ellipsis;overflow-x:hidden}
 .vispa-sidebar .btn-default,.vispa-sidebar .open>.btn-default{color:inherit;background-color:#363636;border-color:#222}
 .vispa-sidebar .btn-default:active,.vispa-sidebar .btn-default:focus,.vispa-sidebar .btn-default:hover,.vispa-sidebar .open>.btn-default:active,.vispa-sidebar .open>.btn-default:focus,.vispa-sidebar .open>.btn-default:hover{color:inherit;background-color:#222}
-.vispa-sidebar>.vispa-sidebar-header{-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:0;padding:0;list-style:none}
-.vispa-sidebar>.vispa-sidebar-body{-webkit-box-flex:0;-webkit-flex:0 0 0px;-ms-flex:0 0 0px;flex:0 0 0px;overflow-x:hidden;overflow-y:auto}
+.vispa-sidebar>.vispa-sidebar-header{-ms-flex:auto;flex:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0;padding:0;list-style:none}
+.vispa-sidebar>.vispa-sidebar-body{-ms-flex:0 0 0px;flex:0 0 0px;overflow-x:hidden;overflow-y:auto}
 .vispa-sidebar>.vispa-sidebar-body>*{position:fixed;z-index:10000;left:43px;margin-left:6px}
 .vispa-sidebar>.vispa-sidebar-body>:not(.caret-left){border-radius:5px;border:#363636 solid 1px;background-color:#363636;padding:6px 12px;max-height:100%;overflow-y:auto}
 .vispa-sidebar>.vispa-sidebar-body>.caret-left{border-bottom:6px solid transparent;border-top:6px solid transparent;border-right:6px solid #363636;display:inline-block;vertical-align:top;height:0;width:0;margin:0}
-.vispa-sidebar>.vispa-sidebar-footer{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:0;padding:0;list-style:none}
-.vispa-sidebar.active>.vispa-sidebar-header{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
-.vispa-sidebar.active>.vispa-sidebar-body{-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto}
+.vispa-sidebar>.vispa-sidebar-footer{-ms-flex:none;flex:none;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0;padding:0;list-style:none}
+.vispa-sidebar.active>.vispa-sidebar-header{-ms-flex:none;flex:none;-ms-flex-direction:row;flex-direction:row}
+.vispa-sidebar.active>.vispa-sidebar-body{-ms-flex:auto;flex:auto}
 .vispa-sidebar.active>.vispa-sidebar-body>*{position:relative;left:0;z-index:0;margin-left:0;max-height:none}
-.vispa-sidebar.active>.vispa-sidebar-footer{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
-.vispa-sidebar.active>.vispa-sidebar-footer>span{-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto}
+.vispa-sidebar.active>.vispa-sidebar-footer{-ms-flex-direction:row-reverse;flex-direction:row-reverse}
+.vispa-sidebar.active>.vispa-sidebar-footer>span{-ms-flex:auto;flex:auto}
 .vispa-view-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff}
 .vispa-view-wrapper>div{position:absolute;top:0;right:0;bottom:0;left:0}
 .vispa-view-nav{position:absolute;top:20px;right:none;bottom:0;left:20px;width:250px}
@@ -115,16 +115,16 @@ body{overflow:hidden}
 .vispa-slider>div>span{margin:0 .5em}
 .vispa-slider>input.form-control{width:5em}
 .vispa-dialogview-dropdownmenu{display:inline-block;margin-right:5px;cursor:pointer}
-.vispa-ui-split{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
-.vispa-ui-split.vispa-ui-horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
+.vispa-ui-split{position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
+.vispa-ui-split.vispa-ui-horizontal{-ms-flex-direction:row;flex-direction:row}
 .vispa-ui-split.vispa-ui-horizontal>.vispa-ui-dragger{cursor:ew-resize}
-.vispa-ui-split.vispa-ui-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
+.vispa-ui-split.vispa-ui-vertical{-ms-flex-direction:column;flex-direction:column}
 .vispa-ui-split.vispa-ui-vertical>.vispa-ui-dragger{cursor:ns-resize}
-.vispa-ui-split>.vispa-ui-wrapper{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;position:relative}
-.vispa-ui-split>.vispa-ui-dragger{-webkit-box-flex:0;-webkit-flex:0 0 2px;-ms-flex:0 0 2px;flex:0 0 2px;background-color:#444}
+.vispa-ui-split>.vispa-ui-wrapper{-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;position:relative}
+.vispa-ui-split>.vispa-ui-dragger{-ms-flex:0 0 2px;flex:0 0 2px;background-color:#444}
 .vispa-ui-split>.vispa-ui-dragger.ui-draggable-disabled{cursor:default}
 .vispa-ui-tabber{position:absolute;top:0;right:0;bottom:0;left:0}
-.vispa-ui-tabber>.vispa-ui-tabbar{position:absolute;top:0;right:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
+.vispa-ui-tabber>.vispa-ui-tabbar{position:absolute;top:0;right:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}
 .vispa-ui-tabber>.vispa-ui-dropzone{display:none}
 .vispa-ui-tabmove .vispa-ui-spawner{display:none}
 .vispa-ui-tabmove .vispa-ui-dropzone{display:block}
@@ -147,14 +147,14 @@ body{overflow:hidden}
 .vispa-body .vispa-ui-tabber>.vispa-ui-tabbar{height:30px;background-color:#ddd;border-bottom:1px solid #b8b8b8;padding:0 5px}
 .vispa-body .vispa-ui-tabber>.vispa-ui-tabbar.vispa-ui-recieving{background:#5cb85c}
 .vispa-body .vispa-ui-tabber>.vispa-ui-tabbar>*{height:30px;margin-left:-1px;font-size:1em;color:#444;background-color:#ddd!important;cursor:pointer;border-width:1px;border-top-width:0;border-style:solid;border-color:#b8b8b8;border-color-bottom:#b8b8b8!important}
-.vispa-body .vispa-ui-tabber>.vispa-ui-tabbar>.vispa-ui-tab{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:300px;padding:0 2px 0 3px}
+.vispa-body .vispa-ui-tabber>.vispa-ui-tabbar>.vispa-ui-tab{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;width:300px;padding:0 2px 0 3px}
 .vispa-body .vispa-ui-tabber>.vispa-ui-tabbar>.vispa-ui-tab.shown{border-bottom-color:transparent;background-color:#eee!important}
 .vispa-body .vispa-ui-tabber>.vispa-ui-tabbar>.vispa-ui-tab.focused{background-color:#fff!important}
 .vispa-body .vispa-ui-tabber>.vispa-ui-tabbar>.vispa-ui-tab:hover{color:#000}
 .vispa-body .vispa-ui-tabber>.vispa-ui-tabbar>.vispa-ui-tab.ui-sortable-helper{border-width:1px;border-color:#b8b8b8}
 .vispa-body .vispa-ui-tabber>.vispa-ui-tabbar>.vispa-ui-tab[style^=border-color]{padding:0;border-width:3px 4px 3px 3px}
 .vispa-body .vispa-ui-tabber>.vispa-ui-tabbar>.vispa-ui-tab>.vispa-comp-icon{text-align:center}
-.vispa-body .vispa-ui-tabber>.vispa-ui-tabbar>.vispa-ui-tab>.vispa-comp-label{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;position:relative}
+.vispa-body .vispa-ui-tabber>.vispa-ui-tabbar>.vispa-ui-tab>.vispa-comp-label{-ms-flex-positive:1;flex-grow:1;position:relative}
 .vispa-body .vispa-ui-tabber>.vispa-ui-tabbar>.vispa-ui-tab>.vispa-comp-label>div{position:absolute;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;top:0}
 .vispa-body .vispa-ui-tabber>.vispa-ui-tabbar>.vispa-ui-tab>.vispa-comp-close{width:24px;text-align:center}
 .vispa-body .vispa-ui-tabber>.vispa-ui-tabbar>.vispa-ui-spawner>button{border:none;background:inherit;height:100%;width:33px;padding:0}
@@ -164,11 +164,11 @@ body{overflow:hidden}
 .vispa-body .vispa-ui-tabber>.vispa-ui-tabbar>.vispa-ui-spawner .ws-menu.state-disconnected{background-color:#C9302C}
 .vispa-body .vispa-ui-tabber>.vispa-ui-tabbar>.vispa-ui-spawner.open{background-color:#eee}
 .vispa-body .vispa-ui-tabber>.vispa-ui-dropzone,.vispa-body .vispa-ui-tabber>.vispa-ui-wrapper{position:absolute;top:30px;right:0;bottom:0;left:0}
-.vispa-body .vispa-ui-tabber>.vispa-ui-wrapper>.vispa-mainview{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;height:100%}
-.vispa-body .vispa-ui-tabber>.vispa-ui-wrapper>.vispa-mainview>.vispa-fastmenu{-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;padding:2px 6px;border-bottom:1px solid #b8b8b8}
+.vispa-body .vispa-ui-tabber>.vispa-ui-wrapper>.vispa-mainview{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;height:100%}
+.vispa-body .vispa-ui-tabber>.vispa-ui-wrapper>.vispa-mainview>.vispa-fastmenu{-ms-flex:0 1 auto;flex:0 1 auto;padding:2px 6px;border-bottom:1px solid #b8b8b8}
 .vispa-body .vispa-ui-tabber>.vispa-ui-wrapper>.vispa-mainview>.vispa-fastmenu.force{min-height:30px}
 .vispa-body .vispa-ui-tabber>.vispa-ui-wrapper>.vispa-mainview>.vispa-fastmenu>div{margin:2px}
-.vispa-body .vispa-ui-tabber>.vispa-ui-wrapper>.vispa-mainview>.vispa-content{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;overflow:auto;position:relative}
+.vispa-body .vispa-ui-tabber>.vispa-ui-wrapper>.vispa-mainview>.vispa-content{-ms-flex:1 1 auto;flex:1 1 auto;overflow:auto;position:relative}
 .vispa-centerview-content-container{position:absolute;top:30px;right:0;bottom:0;left:0}
 .vispa-centerview-content-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:none}
 .vispa-centerview-content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff;transition:top .1s;-webkit-transition:top .1s}
@@ -183,7 +183,7 @@ body{overflow:hidden}
 .vispa-fastmenu-entry a.fastmenu-del,.vispa-fastmenu-entry.deletable .btn-group,.vispa-fastmenu-entry.deletable a.fastmenu-orig,.vispa-fastmenu-entry.keepable a.fastmenu-del{display:none}
 .vispa-centerview-content-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:rgba(0,0,0,.4);box-shadow:inset 0 0 20px rgba(0,0,0,.4)}
 .vispa-centerview-tabs-wrapper{position:absolute;top:0;right:0;left:0;height:30px;background-color:#ddd;box-shadow:inset 0 -1px 0 #b8b8b8}
-.vispa-centerview-tabs-container{position:absolute;top:0;right:5px;bottom:0;left:43px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}
+.vispa-centerview-tabs-container{position:absolute;top:0;right:5px;bottom:0;left:43px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:stretch;align-items:stretch}
 .vispa-centerview-tabs-menu-button{position:absolute;top:-30px;left:5px;height:30px;width:33px;z-index:5;background-color:#fff;box-shadow:inset 1px 0 0 #b8b8b8,inset -1px 0 0 #b8b8b8;cursor:pointer}
 .vispa-centerview-tabs-menu-button>a{position:absolute;top:5px;left:6.5px;font-size:20px;line-height:100%;color:inherit}
 .vispa-centerview-tab{position:relative;height:29px;min-width:100px;max-width:300px;width:300px;margin-left:-1px;font-weight:700;font-size:12px;color:#444;background-color:#ddd;cursor:pointer;box-shadow:inset 2px 0 0 #b8b8b8,inset -1px 0 0 #b8b8b8;transition:background-color 50ms;-webkit-transition:background-color 50ms;-moz-transition:background-color 50ms;-o-transition:background-color 50ms}
@@ -202,9 +202,9 @@ body{overflow:hidden}
 .vispa-centerview-tab-badge span{vertical-align:middle}
 .modal{position:absolute;overflow:hidden;margin:0;display:block}
 .modal>.modal-dialog{position:relative;height:100%;width:100%;margin:0;overflow:hidden}
-.modal>.modal-dialog>.modal-content{margin:10px auto;min-width:300px;max-width:75%;width:600px;max-height:calc(100% - 20px);overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
-.modal>.modal-dialog>.modal-content>.modal-footer,.modal>.modal-dialog>.modal-content>.modal-header{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}
-.modal>.modal-dialog>.modal-content>.modal-body{overflow-x:hidden;overflow-y:auto;-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto}
+.modal>.modal-dialog>.modal-content{margin:10px auto;min-width:300px;max-width:75%;width:600px;max-height:calc(100% - 20px);overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}
+.modal>.modal-dialog>.modal-content>.modal-footer,.modal>.modal-dialog>.modal-content>.modal-header{-ms-flex:none;flex:none}
+.modal>.modal-dialog>.modal-content>.modal-body{overflow-x:hidden;overflow-y:auto;-ms-flex:auto;flex:auto}
 .bootbox.modal{position:absolute;top:0;right:0;bottom:0;left:0;padding-top:40px;background-color:rgba(0,0,0,0);overflow:auto;outline:0}
 .modal.feedback textarea{width:100%;max-width:100%;max-height:300px;height:150px;padding:10px;margin:10px 0}
 .navbar-nav>li>a{padding-top:10px!important;padding-bottom:10px!important}
\ No newline at end of file

vispa/static/css/login.css

 .modal-header i.fa,.modal-header i.fi,.modal-header i.glyphicon,a>i.fa:first-child,a>i.fi:first-child,a>i.glyphicon:first-child,button>i.fa:first-child,button>i.fi:first-child,button>i.glyphicon:first-child{margin-right:5px}
 a>i.fa:last-child,a>i.fi:last-child,a>i.glyphicon:last-child,button>i.fa:last-child,button>i.fi:last-child,button>i.glyphicon:last-child{margin-right:0}
-ul.dropdown-menu>li.divider:first-child{display:none}
+ul.dropdown-menu>li.divider:first-child,ul.dropdown-menu>li.divider:last-child{display:none}
 .glyphicon-none:before{content:"\2122";color:transparent!important}
 .fa-none:before{content:"\2122";color:transparent!important}
 .dropdown-submenu{position:relative}
 .dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px}
+.dropdown-menu-left .dropdown-submenu>.dropdown-menu{left:100%;margin-left:-1px}
+.dropdown-menu-right .dropdown-submenu>.dropdown-menu{left:initial;right:100%;margin-right:-1px}
 .dropdown-submenu:hover>.dropdown-menu{display:block}
+.dropup .dropdown-submenu>.dropdown-menu{margin-bottom:auto;bottom:-6px;top:auto}
 .dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#ccc;margin-top:5px;margin-right:-10px}
 .dropdown-submenu:hover>a:after{border-left-color:#fff}
 .vispa-hidden{display:hidden}
 .vispa-modal{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.4);cursor:default;z-index:10}
-.vispa-center-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
+.vispa-center-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
 .vispa-table-outer{display:table;height:100%;width:100%}
 .vispa-table-inner{display:table-cell;vertical-align:middle}
 .vispa-rtl-fix{color:transparent;font-size:0}

vispa/static/css/password.css

 .modal-header i.fa,.modal-header i.fi,.modal-header i.glyphicon,a>i.fa:first-child,a>i.fi:first-child,a>i.glyphicon:first-child,button>i.fa:first-child,button>i.fi:first-child,button>i.glyphicon:first-child{margin-right:5px}
 a>i.fa:last-child,a>i.fi:last-child,a>i.glyphicon:last-child,button>i.fa:last-child,button>i.fi:last-child,button>i.glyphicon:last-child{margin-right:0}
-ul.dropdown-menu>li.divider:first-child{display:none}
+ul.dropdown-menu>li.divider:first-child,ul.dropdown-menu>li.divider:last-child{display:none}
 .glyphicon-none:before{content:"\2122";color:transparent!important}
 .fa-none:before{content:"\2122";color:transparent!important}
 .dropdown-submenu{position:relative}
 .dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px}
+.dropdown-menu-left .dropdown-submenu>.dropdown-menu{left:100%;margin-left:-1px}
+.dropdown-menu-right .dropdown-submenu>.dropdown-menu{left:initial;right:100%;margin-right:-1px}
 .dropdown-submenu:hover>.dropdown-menu{display:block}
+.dropup .dropdown-submenu>.dropdown-menu{margin-bottom:auto;bottom:-6px;top:auto}
 .dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#ccc;margin-top:5px;margin-right:-10px}
 .dropdown-submenu:hover>a:after{border-left-color:#fff}
 .vispa-hidden{display:hidden}
 .vispa-modal{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.4);cursor:default;z-index:10}
-.vispa-center-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
+.vispa-center-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
 .vispa-table-outer{display:table;height:100%;width:100%}
 .vispa-table-inner{display:table-cell;vertical-align:middle}
 .vispa-rtl-fix{color:transparent;font-size:0}