diff --git a/dist/css/components/lists.css b/dist/css/components/lists.css index 9600c04e..bdd9915f 100644 --- a/dist/css/components/lists.css +++ b/dist/css/components/lists.css @@ -38,7 +38,6 @@ line-height: 78px; } .list li .accordion-content { - position: absolute; height: auto; display: none; -webkit-transition: max-height 300ms ease-in-out; @@ -46,38 +45,41 @@ padding: 0 16px; background-color: #f9f9f9; } -.list li .accordion-active { - position: static; +overflow hidden .accordion-active, +white-space nowrap .accordion-active { display: block; -webkit-transition: max-height 300ms ease-in-out; transition: max-height 300ms ease-in-out; } -.list li .title, -.list li .body { +overflow hidden .title, +white-space nowrap .title, +overflow hidden .body, +white-space nowrap .body { line-height: 31px; display: block; } -.list li .body { +overflow hidden .body, +white-space nowrap .body { font-size: 13px; color: #777; } -.list .item-expanded { +.item-expanded { height: 78px; line-height: 78px; } -.list .item-expanded .pull-left, -.list .item-expanded .pull-right { +.item-expanded .pull-left, +.item-expanded .pull-right { width: 78px; height: 78px; line-height: 78px; } -.list .divider { +.divider { height: 48px; line-height: 48px; font-size: 16px; background-color: #f5f5f5; } -.list .divider, -.list .padded-list { +.divider, +.padded-list { padding: 0 16px; } diff --git a/dist/css/components/lists.min.css b/dist/css/components/lists.min.css index 07975a08..039532ce 100644 --- a/dist/css/components/lists.min.css +++ b/dist/css/components/lists.min.css @@ -1 +1 @@ -.list{position:relative;padding:0;margin:0;list-style:none}.list li{height:auto;min-height:51px;line-height:52px;overflow:hidden;display:block;border-bottom:1px solid #eee}.list li a{width:100%;height:100%;display:block;color:#000;-webkit-transition:background-color .25s ease-in-out;transition:background-color .25s ease-in-out}.list li a:active{background-color:#eee}.list li .pull-left,.list li .pull-right{width:52px;height:52px;line-height:52px;vertical-align:middle;text-align:center;z-index:1}.list li .item-content{display:inline-block;padding:8px 15px;line-height:78px}.list li .accordion-content{position:absolute;height:auto;display:none;padding:0 16px;background-color:#f9f9f9}.list li .accordion-active,.list li .accordion-content{-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out}.list li .accordion-active{position:static;display:block}.list li .body,.list li .title{line-height:31px;display:block}.list li .body{font-size:13px;color:#777}.list .item-expanded{height:78px;line-height:78px}.list .item-expanded .pull-left,.list .item-expanded .pull-right{width:78px;height:78px;line-height:78px}.list .divider{height:48px;line-height:48px;font-size:16px;background-color:#f5f5f5}.list .divider,.list .padded-list{padding:0 16px} \ No newline at end of file +.list{position:relative;padding:0;margin:0;list-style:none}.list li{height:auto;min-height:51px;line-height:52px;overflow:hidden;display:block;border-bottom:1px solid #eee}.list li a{width:100%;height:100%;display:block;color:#000;-webkit-transition:background-color .25s ease-in-out;transition:background-color .25s ease-in-out}.list li a:active{background-color:#eee}.list li .pull-left,.list li .pull-right{width:52px;height:52px;line-height:52px;vertical-align:middle;text-align:center;z-index:1}.list li .item-content{display:inline-block;padding:8px 15px;line-height:78px}.list li .accordion-content{height:auto;display:none;-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out;padding:0 16px;background-color:#f9f9f9}overflow hidden .accordion-active,white-space nowrap .accordion-active{display:block;-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out}overflow hidden .body,overflow hidden .title,white-space nowrap .body,white-space nowrap .title{line-height:31px;display:block}overflow hidden .body,white-space nowrap .body{font-size:13px;color:#777}.item-expanded{height:78px;line-height:78px}.item-expanded .pull-left,.item-expanded .pull-right{width:78px;height:78px;line-height:78px}.divider{height:48px;line-height:48px;font-size:16px;background-color:#f5f5f5}.divider,.padded-list{padding:0 16px} \ No newline at end of file diff --git a/dist/css/components/side-panels.css b/dist/css/components/side-panels.css index 86d44da9..07d76ae4 100644 --- a/dist/css/components/side-panels.css +++ b/dist/css/components/side-panels.css @@ -1,3 +1,6 @@ +.backdrop-panel.backdrop-side-panel { + z-index: 0 !important; +} .side-panel { position: absolute; top: 0; @@ -7,6 +10,7 @@ width: 80%; height: 100%; visibility: hidden; + z-index: 25; overflow: auto; -webkit-overflow-scrolling: touch; background-color: #333; diff --git a/dist/css/components/side-panels.min.css b/dist/css/components/side-panels.min.css index b42711e3..46d18056 100644 --- a/dist/css/components/side-panels.min.css +++ b/dist/css/components/side-panels.min.css @@ -1 +1 @@ -.side-panel{position:absolute;top:0;right:auto;left:auto;bottom:0;width:80%;height:100%;visibility:hidden;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#333;-webkit-transition:width .3s ease;transition:width .3s ease}.side-panel .list{overflow-y:auto}.side-panel .list li{border-color:#444}.side-panel .list .body,.side-panel .list .title,.side-panel .list a,.side-panel .list li{color:#fff}.side-panel .list .body:active,.side-panel .list .title:active,.side-panel .list a:active,.side-panel .list li:active{background-color:#444}.side-panel .list .accordion-content{background-color:#333}.side-panel .header-bar{background-color:transparent}.side-panel .header-bar .title{color:side-panel-title-color;font-weight:400}.side-panel .header-bar .btn{color:#fff}.side-panel-left{left:0;z-index:1}.side-panel-right{right:0;z-index:1}.snapjs-left .side-panel-right,.snapjs-right .side-panel-left{display:none!important} \ No newline at end of file +.backdrop-panel.backdrop-side-panel{z-index:0!important}.side-panel{position:absolute;top:0;right:auto;left:auto;bottom:0;width:80%;height:100%;visibility:hidden;z-index:25;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#333;-webkit-transition:width .3s ease;transition:width .3s ease}.side-panel .list{overflow-y:auto}.side-panel .list li{border-color:#444}.side-panel .list .body,.side-panel .list .title,.side-panel .list a,.side-panel .list li{color:#fff}.side-panel .list .body:active,.side-panel .list .title:active,.side-panel .list a:active,.side-panel .list li:active{background-color:#444}.side-panel .list .accordion-content{background-color:#333}.side-panel .header-bar{background-color:transparent}.side-panel .header-bar .title{color:side-panel-title-color;font-weight:400}.side-panel .header-bar .btn{color:#fff}.side-panel-left{left:0;z-index:1}.side-panel-right{right:0;z-index:1}.snapjs-left .side-panel-right,.snapjs-right .side-panel-left{display:none!important} \ No newline at end of file diff --git a/dist/css/phonon-base.css b/dist/css/phonon-base.css index 29ad3e34..c3743cb9 100644 --- a/dist/css/phonon-base.css +++ b/dist/css/phonon-base.css @@ -188,10 +188,6 @@ body { -webkit-user-drag: none; -ms-content-zooming: none; background-color: #fff; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; } @@ -255,10 +251,6 @@ input, textarea, select { -webkit-touch-callout: default; - -moz-user-select: all; - -ms-user-select: all; - user-select: all; - -webkit-user-select: auto; } a { color: #0084e7; diff --git a/dist/css/phonon-base.min.css b/dist/css/phonon-base.min.css index 9b734f2a..2833f598 100644 --- a/dist/css/phonon-base.min.css +++ b/dist/css/phonon-base.min.css @@ -1 +1 @@ -html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}h1{font-size:2em;margin:.67em 0}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*,:after,:before{box-sizing:border-box}body,html{position:relative;height:100%;width:100%;overflow-x:hidden}html{touch-action:pan-y}body{top:0;right:0;bottom:0;left:0;margin:0;padding:0;word-wrap:break-word;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-drag:none;-ms-content-zooming:none;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body,button,input,label,p,select,textarea{font-size:14px;font-family:Helvetica Neue,Roboto,Segoe UI,sans-serif}body,button,input,label,p,select,textarea{font-weight:400;color:#333}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:10px;line-height:1;font-weight:400}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:18px}h5{font-size:14px}h5,h6{margin-top:20px}h6{font-size:12px}p{margin-top:0;margin-bottom:10px}.content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;-webkit-overflow-scrolling:touch}input,select,textarea{-webkit-touch-callout:default;-moz-user-select:all;-ms-user-select:all;user-select:all;-webkit-user-select:auto}a{color:#0084e7;text-decoration:none}button{border:none;outline:none}.app-page{display:block;visibility:hidden;position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden;z-index:1;background-color:#fff}.app-page.app-active{visibility:visible;z-index:2}.app-page.page-sliding.left{z-index:3;-webkit-animation:leftTransition .3s ease-out;animation:leftTransition .3s ease-out}.app-page.page-sliding.right{z-index:4;-webkit-animation:rightTransition .3s ease-out;animation:rightTransition .3s ease-out}@-webkit-keyframes leftTransition{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@keyframes leftTransition{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-webkit-keyframes rightTransition{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}}@keyframes rightTransition{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}}.btn.negative,.btn.positive,.btn.primary{color:#fff!important}.primary{background-color:#0084e7!important}.primary.btn-flat{color:#0084e7!important;background-color:transparent!important}.positive{background-color:#0ae700!important}.positive.btn-flat{color:#0ae700!important;background-color:transparent!important}.negative{background-color:#f40b00!important}.negative.btn-flat{color:#f40b00!important;background-color:transparent!important}.light-primary{background-color:#b9d3e7!important}.light-positive{background-color:#bbe7b9!important}.light-negative{background-color:#f4c5c3!important}.dark-primary{background-color:#0067b5!important}.dark-positive{background-color:#08b500!important}.dark-negative{background-color:#c20900!important}.btn{position:relative;padding:0 12px;min-height:42px;color:#333;text-align:center;vertical-align:top;cursor:pointer;outline:none;text-transform:uppercase;border:none;border-radius:3px;background-color:#f1f1f1;-webkit-transition:background-color .25s ease-in-out;transition:background-color .25s ease-in-out}.btn,.btn .icon{display:inline-block;line-height:1}.btn .icon{font-size:inherit;color:inherit}.btn:not(.btn-progress):disabled{opacity:.75;color:#d3d3d3}.btn-flat{background-color:transparent!important}.btn:active{opacity:.85}.floating-action{position:fixed;padding:16px;border-radius:50%;box-shadow:0 2px 3px #8a8a8a;z-index:30;color:#fff;opacity:.5;-webkit-transform:.3s,opacity .25s linear;transform:.3s,opacity .25s linear}.floating-action.active,.floating-action:active{opacity:1}.floating-action.top{top:68px}.floating-action.bottom{bottom:16px}.floating-action.left{left:16px}.floating-action.right{right:16px}.buttons{list-style:none;text-align:right;margin:0;padding:0}.buttons li{display:inline-block}.buttons li a{height:48px;line-height:48px;vertical-align:middle;font-weight:700;min-width:60px;padding:0 8px}.header-bar{position:fixed;right:0;left:0;z-index:20;width:100%;height:52px;overflow:hidden;background-color:#0084e7;border-bottom:0 solid #2e2bc9;-webkit-backface-visibility:hidden;backface-visibility:hidden}.header-bar .center{position:absolute;text-align:center;top:0;right:0;left:0}.header-bar .pull-left{padding-left:16px}.header-bar .pull-right{padding-right:16px}.header-bar .title{z-index:21;font-size:20px;color:#fff;height:52px;line-height:52px;vertical-align:middle}.header-bar .center .title{margin:0 auto}.header-bar .arrow{cursor:pointer}.header-bar .arrow:after{position:relative;width:0;height:0;top:16px;left:6px;content:"";border-right:4px solid transparent;border-top:5px solid #fff;border-left:4px solid transparent}.header-bar .btn{position:relative;z-index:22;padding:0 12px;height:52px;line-height:52px;vertical-align:middle;color:#fff;background-color:transparent;border:none;border-radius:0}.header-bar .btn:active{opacity:1;background-color:#0084e7;background-color:rgba(0,0,0,.1)}.header-bar .search-input{width:75%;position:absolute;height:52px;color:#fff;background-color:transparent;border:none}.header-bar .search-input::-webkit-input-placeholder{color:#fff}.header-bar .search-input:-moz-placeholder,.header-bar .search-input::-moz-placeholder{color:#fff}.header-bar .search-input:-ms-input-placeholder{color:#fff}.header-bar~.content{margin-top:52px}.header-bar~.header-tabs{top:52px}.header-bar~.header-tabs~.content{margin-top:102px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.pull-left{float:left!important}.pull-right{float:right!important}.fit-parent{width:100%}.show-for-android-only,.show-for-ios-only,.show-for-large-only,.show-for-phone-only,.show-for-tablet-only,.show-for-tablet-up,.show-for-web-only{display:none!important}.android .show-for-android-only,.ios .show-for-ios-only,.web .show-for-web-only{display:inherit!important}@media only screen and (max-width:640px){.show-for-phone-only{display:inherit!important}.padded-full{margin:16px}.padded-top{margin-top:16px}.padded-left{margin-left:16px}.padded-right{margin-right:16px}.padded-bottom{margin-bottom:16px}}@media only screen and (min-width:641px) and (max-width:1024px){.show-for-tablet-only{display:inherit!important}}@media only screen and (min-width:641px){.show-for-tablet-only,.show-for-tablet-up{display:inherit!important}.padded-full{margin:32px}.padded-top{margin-top:32px}.padded-left{margin-left:32px}.padded-right{margin-right:32px}.padded-bottom{margin-bottom:32px}.notification{width:450px!important}.dialog{width:380px!important}.side-panel{width:28%!important}.header-bar .pull-left{padding-left:32px}.header-bar .pull-right{padding-right:32px}.expose-aside-left,.expose-aside-left .panel-full{width:72%;margin-left:28%}.expose-aside-left .notification{left:28%}.expose-aside-right{width:72%}.expose-aside-right .panel-full{width:72%;margin-right:28%}}@media only screen and (min-width:1025px){.show-for-tablet-only{display:none!important}.show-for-large-only,.show-for-tablet-up{display:inherit!important}} \ No newline at end of file +html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}h1{font-size:2em;margin:.67em 0}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*,:after,:before{box-sizing:border-box}body,html{position:relative;height:100%;width:100%;overflow-x:hidden}html{touch-action:pan-y}body{top:0;right:0;bottom:0;left:0;margin:0;padding:0;word-wrap:break-word;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-drag:none;-ms-content-zooming:none;background-color:#fff;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body,button,input,label,p,select,textarea{font-size:14px;font-family:Helvetica Neue,Roboto,Segoe UI,sans-serif}body,button,input,label,p,select,textarea{font-weight:400;color:#333}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:10px;line-height:1;font-weight:400}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:18px}h5{font-size:14px}h5,h6{margin-top:20px}h6{font-size:12px}p{margin-top:0;margin-bottom:10px}.content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;-webkit-overflow-scrolling:touch}input,select,textarea{-webkit-touch-callout:default}a{color:#0084e7;text-decoration:none}button{border:none;outline:none}.app-page{display:block;visibility:hidden;position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden;z-index:1;background-color:#fff}.app-page.app-active{visibility:visible;z-index:2}.app-page.page-sliding.left{z-index:3;-webkit-animation:leftTransition .3s ease-out;animation:leftTransition .3s ease-out}.app-page.page-sliding.right{z-index:4;-webkit-animation:rightTransition .3s ease-out;animation:rightTransition .3s ease-out}@-webkit-keyframes leftTransition{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@keyframes leftTransition{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-webkit-keyframes rightTransition{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}}@keyframes rightTransition{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}}.btn.negative,.btn.positive,.btn.primary{color:#fff!important}.primary{background-color:#0084e7!important}.primary.btn-flat{color:#0084e7!important;background-color:transparent!important}.positive{background-color:#0ae700!important}.positive.btn-flat{color:#0ae700!important;background-color:transparent!important}.negative{background-color:#f40b00!important}.negative.btn-flat{color:#f40b00!important;background-color:transparent!important}.light-primary{background-color:#b9d3e7!important}.light-positive{background-color:#bbe7b9!important}.light-negative{background-color:#f4c5c3!important}.dark-primary{background-color:#0067b5!important}.dark-positive{background-color:#08b500!important}.dark-negative{background-color:#c20900!important}.btn{position:relative;padding:0 12px;min-height:42px;color:#333;text-align:center;vertical-align:top;cursor:pointer;outline:none;text-transform:uppercase;border:none;border-radius:3px;background-color:#f1f1f1;-webkit-transition:background-color .25s ease-in-out;transition:background-color .25s ease-in-out}.btn,.btn .icon{display:inline-block;line-height:1}.btn .icon{font-size:inherit;color:inherit}.btn:not(.btn-progress):disabled{opacity:.75;color:#d3d3d3}.btn-flat{background-color:transparent!important}.btn:active{opacity:.85}.floating-action{position:fixed;padding:16px;border-radius:50%;box-shadow:0 2px 3px #8a8a8a;z-index:30;color:#fff;opacity:.5;-webkit-transform:.3s,opacity .25s linear;transform:.3s,opacity .25s linear}.floating-action.active,.floating-action:active{opacity:1}.floating-action.top{top:68px}.floating-action.bottom{bottom:16px}.floating-action.left{left:16px}.floating-action.right{right:16px}.buttons{list-style:none;text-align:right;margin:0;padding:0}.buttons li{display:inline-block}.buttons li a{height:48px;line-height:48px;vertical-align:middle;font-weight:700;min-width:60px;padding:0 8px}.header-bar{position:fixed;right:0;left:0;z-index:20;width:100%;height:52px;overflow:hidden;background-color:#0084e7;border-bottom:0 solid #2e2bc9;-webkit-backface-visibility:hidden;backface-visibility:hidden}.header-bar .center{position:absolute;text-align:center;top:0;right:0;left:0}.header-bar .pull-left{padding-left:16px}.header-bar .pull-right{padding-right:16px}.header-bar .title{z-index:21;font-size:20px;color:#fff;height:52px;line-height:52px;vertical-align:middle}.header-bar .center .title{margin:0 auto}.header-bar .arrow{cursor:pointer}.header-bar .arrow:after{position:relative;width:0;height:0;top:16px;left:6px;content:"";border-right:4px solid transparent;border-top:5px solid #fff;border-left:4px solid transparent}.header-bar .btn{position:relative;z-index:22;padding:0 12px;height:52px;line-height:52px;vertical-align:middle;color:#fff;background-color:transparent;border:none;border-radius:0}.header-bar .btn:active{opacity:1;background-color:#0084e7;background-color:rgba(0,0,0,.1)}.header-bar .search-input{width:75%;position:absolute;height:52px;color:#fff;background-color:transparent;border:none}.header-bar .search-input::-webkit-input-placeholder{color:#fff}.header-bar .search-input:-moz-placeholder,.header-bar .search-input::-moz-placeholder{color:#fff}.header-bar .search-input:-ms-input-placeholder{color:#fff}.header-bar~.content{margin-top:52px}.header-bar~.header-tabs{top:52px}.header-bar~.header-tabs~.content{margin-top:102px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.pull-left{float:left!important}.pull-right{float:right!important}.fit-parent{width:100%}.show-for-android-only,.show-for-ios-only,.show-for-large-only,.show-for-phone-only,.show-for-tablet-only,.show-for-tablet-up,.show-for-web-only{display:none!important}.android .show-for-android-only,.ios .show-for-ios-only,.web .show-for-web-only{display:inherit!important}@media only screen and (max-width:640px){.show-for-phone-only{display:inherit!important}.padded-full{margin:16px}.padded-top{margin-top:16px}.padded-left{margin-left:16px}.padded-right{margin-right:16px}.padded-bottom{margin-bottom:16px}}@media only screen and (min-width:641px) and (max-width:1024px){.show-for-tablet-only{display:inherit!important}}@media only screen and (min-width:641px){.show-for-tablet-only,.show-for-tablet-up{display:inherit!important}.padded-full{margin:32px}.padded-top{margin-top:32px}.padded-left{margin-left:32px}.padded-right{margin-right:32px}.padded-bottom{margin-bottom:32px}.notification{width:450px!important}.dialog{width:380px!important}.side-panel{width:28%!important}.header-bar .pull-left{padding-left:32px}.header-bar .pull-right{padding-right:32px}.expose-aside-left,.expose-aside-left .panel-full{width:72%;margin-left:28%}.expose-aside-left .notification{left:28%}.expose-aside-right{width:72%}.expose-aside-right .panel-full{width:72%;margin-right:28%}}@media only screen and (min-width:1025px){.show-for-tablet-only{display:none!important}.show-for-large-only,.show-for-tablet-up{display:inherit!important}} \ No newline at end of file diff --git a/dist/css/phonon.css b/dist/css/phonon.css index b841e34b..36484bc6 100644 --- a/dist/css/phonon.css +++ b/dist/css/phonon.css @@ -188,10 +188,6 @@ body { -webkit-user-drag: none; -ms-content-zooming: none; background-color: #fff; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; } @@ -255,10 +251,6 @@ input, textarea, select { -webkit-touch-callout: default; - -moz-user-select: all; - -ms-user-select: all; - user-select: all; - -webkit-user-select: auto; } a { color: #0084e7; @@ -1047,7 +1039,6 @@ i.icon { line-height: 78px; } .list li .accordion-content { - position: absolute; height: auto; display: none; -webkit-transition: max-height 300ms ease-in-out; @@ -1055,39 +1046,42 @@ i.icon { padding: 0 16px; background-color: #f9f9f9; } -.list li .accordion-active { - position: static; +overflow hidden .accordion-active, +white-space nowrap .accordion-active { display: block; -webkit-transition: max-height 300ms ease-in-out; transition: max-height 300ms ease-in-out; } -.list li .title, -.list li .body { +overflow hidden .title, +white-space nowrap .title, +overflow hidden .body, +white-space nowrap .body { line-height: 31px; display: block; } -.list li .body { +overflow hidden .body, +white-space nowrap .body { font-size: 13px; color: #777; } -.list .item-expanded { +.item-expanded { height: 78px; line-height: 78px; } -.list .item-expanded .pull-left, -.list .item-expanded .pull-right { +.item-expanded .pull-left, +.item-expanded .pull-right { width: 78px; height: 78px; line-height: 78px; } -.list .divider { +.divider { height: 48px; line-height: 48px; font-size: 16px; background-color: #f5f5f5; } -.list .divider, -.list .padded-list { +.divider, +.padded-list { padding: 0 16px; } input[type="submit"], @@ -1643,6 +1637,9 @@ table, transform: rotate(360deg) translateZ(0); } } +.backdrop-panel.backdrop-side-panel { + z-index: 0 !important; +} .side-panel { position: absolute; top: 0; @@ -1652,6 +1649,7 @@ table, width: 80%; height: 100%; visibility: hidden; + z-index: 25; overflow: auto; -webkit-overflow-scrolling: touch; background-color: #333; diff --git a/dist/css/phonon.min.css b/dist/css/phonon.min.css index 8886bee4..0c0db664 100644 --- a/dist/css/phonon.min.css +++ b/dist/css/phonon.min.css @@ -1 +1 @@ -html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}h1{font-size:2em;margin:.67em 0}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*,:after,:before{box-sizing:border-box}body,html{position:relative;height:100%;width:100%;overflow-x:hidden}html{touch-action:pan-y}body{top:0;right:0;bottom:0;left:0;margin:0;padding:0;word-wrap:break-word;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-drag:none;-ms-content-zooming:none;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body,button,input,label,p,select,textarea{font-size:14px;font-family:Helvetica Neue,Roboto,Segoe UI,sans-serif}body,button,input,label,p,select,textarea{font-weight:400;color:#333}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:10px;line-height:1;font-weight:400}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:18px}h5{font-size:14px}h5,h6{margin-top:20px}h6{font-size:12px}p{margin-top:0;margin-bottom:10px}.content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;-webkit-overflow-scrolling:touch}input,select,textarea{-webkit-touch-callout:default;-moz-user-select:all;-ms-user-select:all;user-select:all;-webkit-user-select:auto}a{color:#0084e7;text-decoration:none}button{border:none;outline:none}.app-page{display:block;visibility:hidden;position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden;z-index:1;background-color:#fff}.app-page.app-active{visibility:visible;z-index:2}.app-page.page-sliding.left{z-index:3;-webkit-animation:leftTransition .3s ease-out;animation:leftTransition .3s ease-out}.app-page.page-sliding.right{z-index:4;-webkit-animation:rightTransition .3s ease-out;animation:rightTransition .3s ease-out}@-webkit-keyframes leftTransition{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@keyframes leftTransition{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-webkit-keyframes rightTransition{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}}@keyframes rightTransition{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}}.btn.negative,.btn.positive,.btn.primary{color:#fff!important}.primary{background-color:#0084e7!important}.primary.btn-flat{color:#0084e7!important;background-color:transparent!important}.positive{background-color:#0ae700!important}.positive.btn-flat{color:#0ae700!important;background-color:transparent!important}.negative{background-color:#f40b00!important}.negative.btn-flat{color:#f40b00!important;background-color:transparent!important}.light-primary{background-color:#b9d3e7!important}.light-positive{background-color:#bbe7b9!important}.light-negative{background-color:#f4c5c3!important}.dark-primary{background-color:#0067b5!important}.dark-positive{background-color:#08b500!important}.dark-negative{background-color:#c20900!important}.btn{position:relative;padding:0 12px;min-height:42px;color:#333;text-align:center;vertical-align:top;cursor:pointer;outline:none;text-transform:uppercase;border:none;border-radius:3px;background-color:#f1f1f1;-webkit-transition:background-color .25s ease-in-out;transition:background-color .25s ease-in-out}.btn,.btn .icon{display:inline-block;line-height:1}.btn .icon{font-size:inherit;color:inherit}.btn:not(.btn-progress):disabled{opacity:.75;color:#d3d3d3}.btn-flat{background-color:transparent!important}.btn:active{opacity:.85}.floating-action{position:fixed;padding:16px;border-radius:50%;box-shadow:0 2px 3px #8a8a8a;z-index:30;color:#fff;opacity:.5;-webkit-transform:.3s,opacity .25s linear;transform:.3s,opacity .25s linear}.floating-action.active,.floating-action:active{opacity:1}.floating-action.top{top:68px}.floating-action.bottom{bottom:16px}.floating-action.left{left:16px}.floating-action.right{right:16px}.buttons{list-style:none;text-align:right;margin:0;padding:0}.buttons li{display:inline-block}.buttons li a{height:48px;line-height:48px;vertical-align:middle;font-weight:700;min-width:60px;padding:0 8px}.header-bar{position:fixed;right:0;left:0;z-index:20;width:100%;height:52px;overflow:hidden;background-color:#0084e7;border-bottom:0 solid #2e2bc9;-webkit-backface-visibility:hidden;backface-visibility:hidden}.header-bar .center{position:absolute;text-align:center;top:0;right:0;left:0}.header-bar .pull-left{padding-left:16px}.header-bar .pull-right{padding-right:16px}.header-bar .title{z-index:21;font-size:20px;color:#fff;height:52px;line-height:52px;vertical-align:middle}.header-bar .center .title{margin:0 auto}.header-bar .arrow{cursor:pointer}.header-bar .arrow:after{position:relative;width:0;height:0;top:16px;left:6px;content:"";border-right:4px solid transparent;border-top:5px solid #fff;border-left:4px solid transparent}.header-bar .btn{position:relative;z-index:22;padding:0 12px;height:52px;line-height:52px;vertical-align:middle;color:#fff;background-color:transparent;border:none;border-radius:0}.header-bar .btn:active{opacity:1;background-color:#0084e7;background-color:rgba(0,0,0,.1)}.header-bar .search-input{width:75%;position:absolute;height:52px;color:#fff;background-color:transparent;border:none}.header-bar .search-input::-webkit-input-placeholder{color:#fff}.header-bar .search-input:-moz-placeholder,.header-bar .search-input::-moz-placeholder{color:#fff}.header-bar .search-input:-ms-input-placeholder{color:#fff}.header-bar~.content{margin-top:52px}.header-bar~.header-tabs{top:52px}.header-bar~.header-tabs~.content{margin-top:102px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.pull-left{float:left!important}.pull-right{float:right!important}.fit-parent{width:100%}.show-for-android-only,.show-for-ios-only,.show-for-large-only,.show-for-phone-only,.show-for-tablet-only,.show-for-tablet-up,.show-for-web-only{display:none!important}.android .show-for-android-only,.ios .show-for-ios-only,.web .show-for-web-only{display:inherit!important}@media only screen and (max-width:640px){.show-for-phone-only{display:inherit!important}.padded-full{margin:16px}.padded-top{margin-top:16px}.padded-left{margin-left:16px}.padded-right{margin-right:16px}.padded-bottom{margin-bottom:16px}}@media only screen and (min-width:641px) and (max-width:1024px){.show-for-tablet-only{display:inherit!important}}@media only screen and (min-width:641px){.show-for-tablet-only,.show-for-tablet-up{display:inherit!important}.padded-full{margin:32px}.padded-top{margin-top:32px}.padded-left{margin-left:32px}.padded-right{margin-right:32px}.padded-bottom{margin-bottom:32px}.notification{width:450px!important}.dialog{width:380px!important}.side-panel{width:28%!important}.header-bar .pull-left{padding-left:32px}.header-bar .pull-right{padding-right:32px}.expose-aside-left,.expose-aside-left .panel-full{width:72%;margin-left:28%}.expose-aside-left .notification{left:28%}.expose-aside-right{width:72%}.expose-aside-right .panel-full{width:72%;margin-right:28%}}@media only screen and (min-width:1025px){.show-for-tablet-only{display:none!important}.show-for-large-only,.show-for-tablet-up{display:inherit!important}}.tabs{position:fixed;top:auto;right:0;left:0;bottom:0;z-index:10;display:block;width:100%;height:50px;background-color:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:0}.tabs .tab-items{display:-webkit-box;display:flex;box-orient:horizontal}.tabs .tab-items .tab-item{display:-webkit-box;display:flex;flex-basis:100%;-webkit-box-flex:1;flex-grow:1;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;height:50px;line-height:50px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#0084e7;text-align:center;text-transform:uppercase;vertical-align:middle;padding:0;margin:0}.tabs .tab-items .tab-item .icon{position:relative;top:3px;width:32px;height:32px;vertical-align:middle;text-align:center;padding:0;margin:0}.tabs .tab-items .icon-text{line-height:75px;white-space:normal;display:inline-grid}.tabs .tab-items .icon-text .icon{width:auto;height:0}.tabs .tab-indicator{width:50%;position:absolute;z-index:11;top:auto;left:0;right:0;margin-top:auto;margin-bottom:-3px;height:3px;background-color:#0084e7}.header-tabs{top:auto;bottom:0}.header-tabs .tab-indicator{margin-top:-3px;margin-bottom:auto}@font-face{font-family:MaterialDesignIcons;src:url(../fonts/material-design-icons.eot?-613f9d);src:url(../fonts/material-design-icons.eot?#iefix-613f9d) format("embedded-opentype"),url(../fonts/material-design-icons.woff?-613f9d) format("woff"),url(../fonts/material-design-icons.ttf?-613f9d) format("truetype"),url(../fonts/material-design-icons.svg?-613f9d#material-design-icons) format("svg");font-weight:400;font-style:normal}.icon{display:inline-block;font-family:MaterialDesignIcons;font-size:24px;line-height:1;text-decoration:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-home:before{content:"\e600"}.icon-info-outline:before{content:"\e601"}.icon-settings:before{content:"\e606"}.icon-add:before{content:"\e602"}.icon-edit:before{content:"\e603"}.icon-arrow-back:before{content:"\e604"}.icon-arrow-forward:before{content:"\e60a"}.icon-check:before{content:"\e605"}.icon-chevron-left:before{content:"\e609"}.icon-chevron-right:before{content:"\e60f"}.icon-close:before{content:"\e608"}.icon-expand-less:before{content:"\e610"}.icon-expand-more:before{content:"\e611"}.icon-menu:before{content:"\e60b"}.icon-more-horiz:before{content:"\e60c"}.icon-more-vert:before{content:"\e60d"}.icon-sync:before{content:"\e60e"}.icon-sync-problem:before{content:"\e607"}.icon-star:before{content:"\e612"}.icon-star-outline:before{content:"\e613"}i.icon{font-style:normal}.with-circle{padding:10px;border-radius:50%;border:1px solid #eee}.row{width:100%}.row:after,.row:before{content:" ";display:table}.row:after{clear:both}.row .row{width:auto}.row .row:after,.row .row:before{content:" ";display:table}.row .row:after{clear:both}.column{width:100%;position:relative;float:left}[class*=column]+[class*=column]:last-child{float:right}@media only screen and (max-width:640px){.phone-1{width:8.333333333333332%}.phone-2{width:16.666666666666664%}.phone-3{width:25%}.phone-4{width:33.33333333333333%}.phone-5{width:41.66666666666667%}.phone-6{width:50%}.phone-7{width:58.333333333333336%}.phone-8{width:66.66666666666666%}.phone-9{width:75%}.phone-10{width:83.33333333333334%}.phone-11{width:91.66666666666666%}.phone-12{width:100%}}@media only screen and (min-width:641px){.tablet-1{width:8.333333333333332%}.tablet-2{width:16.666666666666664%}.tablet-3{width:25%}.tablet-4{width:33.33333333333333%}.tablet-5{width:41.66666666666667%}.tablet-6{width:50%}.tablet-7{width:58.333333333333336%}.tablet-8{width:66.66666666666666%}.tablet-9{width:75%}.tablet-10{width:83.33333333333334%}.tablet-11{width:91.66666666666666%}.tablet-12{width:100%}}@media only screen and (min-width:1025px){.large-1{width:8.333333333333332%}.large-2{width:16.666666666666664%}.large-3{width:25%}.large-4{width:33.33333333333333%}.large-5{width:41.66666666666667%}.large-6{width:50%}.large-7{width:58.333333333333336%}.large-8{width:66.66666666666666%}.large-9{width:75%}.large-10{width:83.33333333333334%}.large-11{width:91.66666666666666%}.large-12{width:100%}}.list{position:relative;padding:0;margin:0;list-style:none}.list li{height:auto;min-height:51px;line-height:52px;overflow:hidden;display:block;border-bottom:1px solid #eee}.list li a{width:100%;height:100%;display:block;color:#000;-webkit-transition:background-color .25s ease-in-out;transition:background-color .25s ease-in-out}.list li a:active{background-color:#eee}.list li .pull-left,.list li .pull-right{width:52px;height:52px;line-height:52px;vertical-align:middle;text-align:center;z-index:1}.list li .item-content{display:inline-block;padding:8px 15px;line-height:78px}.list li .accordion-content{position:absolute;height:auto;display:none;padding:0 16px;background-color:#f9f9f9}.list li .accordion-active,.list li .accordion-content{-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out}.list li .accordion-active{position:static;display:block}.list li .body,.list li .title{line-height:31px;display:block}.list li .body{font-size:13px;color:#777}.list .item-expanded{height:78px;line-height:78px}.list .item-expanded .pull-left,.list .item-expanded .pull-right{width:78px;height:78px;line-height:78px}.list .divider{height:48px;line-height:48px;font-size:16px;background-color:#f5f5f5}.list .divider,.list .padded-list{padding:0 16px}input[type=button],input[type=reset],input[type=submit]{width:100%}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{width:100%;height:48px;line-height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#636363;background-color:#fff;border:none;border-bottom:1px solid #ddd;outline:none}.input-invalid,input:invalid{border-bottom-width:2px!important;border-color:#e53935!important}input::-webkit-input-placeholder{padding:0;font-size:14px;color:#999}input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-bottom-width:2px;border-color:#0084e7}label{width:100%;display:inline-block;height:48px;line-height:48px}.list label{height:52px;line-height:52px}.checkbox input[type=checkbox],.radio input[type=radio]{display:none}.checkbox,.radio{position:relative}.checkbox .text,.radio .text{border:none}.checkbox span:not(.text),.radio span:not(.text){-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;content:"";position:absolute;float:right;top:16px;right:0;width:20px;height:20px;border:2px solid #ddd}.checkbox :checked+span:not(.text),.radio :checked+span:not(.text){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-radius:0;height:.65rem;border-color:#0084e7;border-top-style:none;border-right-style:none}.radio span{border-radius:50%}.input-wrapper{margin-top:24px;position:relative;vertical-align:top}.floating-label,.input-wrapper{width:100%;display:inline-block}.floating-label{position:absolute;top:0;left:0;text-align:left;line-height:48px;height:auto;font-size:14px;color:#999;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .2s;transition:all .2s}.input-filled .floating-label,.with-label:focus+.floating-label{-webkit-transform:translate3d(0,-60%,0);transform:translate3d(0,-60%,0);font-size:12px}.table,table{width:auto;border:1px solid #ddd}.table thead tr th,table thead tr th{font-size:15px}.table tbody tr td,table tbody tr td{font-size:13.5px}.table tbody tr td,.table tfoot tr th,.table thead tr th,table tbody tr td,table tfoot tr th,table thead tr th{padding:8px;line-height:1.5;text-align:center;border-top:1px solid #ddd;font-weight:400}.table thead tr th,table thead tr th{vertical-align:bottom;border-bottom:1px solid #ddd;background:#f6f6f6}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th,table{border-top:0}.table>tbody+tbody,table{border-top:2px solid #ddd}.backdrop-dialog{position:fixed;top:0;left:0;right:0;bottom:0;z-index:26;background:transparent;background-color:rgba(0,0,0,.35)}.backdrop-dialog.fadeout{opacity:0;-webkit-transition:opacity .45s linear;transition:opacity .45s linear}.dialog{width:280px;height:auto;position:absolute;opacity:0;visibility:hidden;top:0;left:0;right:0;margin:0 auto;z-index:28;border-radius:2px;box-shadow:0 2px 4px #8a8a8a;background-color:#fff;-webkit-transform:translateZ(0) scale(1.185);transform:translateZ(0) scale(1.185);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.dialog.active{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.dialog.close{-webkit-animation:closeDialog .3s ease-out;animation:closeDialog .3s ease-out}.dialog .content{position:relative;max-height:350px}.dialog .content h1,.dialog .content h2,.dialog .content h3{margin-bottom:22px}.dialog .content .circle-progress{position:relative;margin-left:auto;margin-right:auto;left:0}.dialog .padded-full{margin-bottom:0}@-webkit-keyframes closeDialog{0%{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}to{opacity:0;-webkit-transform:translateZ(0) scale(.815);transform:translateZ(0) scale(.815)}}@keyframes closeDialog{0%{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}to{opacity:0;-webkit-transform:translateZ(0) scale(.815);transform:translateZ(0) scale(.815)}}.notification{width:notification-width;height:auto;min-height:48px;line-height:54px;vertical-align:bottom;padding:0 24px;position:fixed;z-index:28;left:0;right:0;bottom:0;border-top-radius:2px;margin-left:auto;margin-right:auto;opacity:0;color:#fff;background-color:#333;-webkit-transform:translate3d(0,72px,0);transform:translate3d(0,72px,0);-webkit-transition:opacity .2s,-webkit-transform .3s;transition:opacity .2s,-webkit-transform .3s;transition:transform .3s,opacity .2s;transition:transform .3s,opacity .2s,-webkit-transform .3s}.notification.show{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.notification .btn{position:relative;float:right;top:6px;right:0;height:42px;line-height:42px;background-color:transparent;font-weight:700;color:#fff}.notification .progress{position:absolute;top:0;left:0;right:0}.backdrop-panel{position:fixed;top:0;left:0;right:0;bottom:0;z-index:21;background-color:rgba(0,0,0,.1)}.backdrop-panel.fadeout{background-color:transparent;-webkit-transition:background-color .45s ease-in-out;transition:background-color .45s ease-in-out}.panel,.panel-full{position:fixed;top:0;left:0;right:0;bottom:0;z-index:25;display:none;background-color:#fff}.panel{width:100%;height:auto;max-height:80%;top:auto;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.panel .header-bar{position:absolute!important}.panel.active{-webkit-transform:translateZ(0);transform:translateZ(0)}.panel .content{position:relative;overflow:hidden}.panel .content .list{margin-bottom:0}.panel-full{width:100%;height:100%;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.panel-full.active{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.panel-full.active .content{-webkit-transform:translateZ(0);transform:translateZ(0)}.panel-full.active .content,.panel-full .content{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.panel-full .content{-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}.panel-closing{-webkit-transition:-webkit-transform .3s!important;transition:-webkit-transform .3s!important;transition:transform .3s!important;transition:transform .3s,-webkit-transform .3s!important}.backdrop-popover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:transparent}.popover{z-index:31;position:fixed;top:12px;left:16px;opacity:0;width:160px;height:auto;background-color:#fff;border-radius:2px;visibility:hidden;box-shadow:0 0 4px #8a8a8a}.popover,.popover.active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.popover.active{visibility:visible;opacity:1}.popover .list{max-height:188px;overflow-x:hidden;overflow-y:auto}.popover .list li{height:47px;line-height:48px}.circle-progress{width:36px;height:36px;position:relative;text-align:center;display:block;left:50%;right:0;margin-left:-18px;z-index:20;opacity:0;-webkit-transition:opacity .65s ease;transition:opacity .65s ease;background-color:#fff;border-radius:50%}.circle-progress.center{top:50%;left:50%;margin-top:-18px;position:absolute}.circle-progress.active{opacity:1}.circle-progress.active .spinner{position:relative;display:block;width:100%;height:100%;border-radius:50%;border:3px solid #0084e7;border-left-color:#eee;-webkit-animation:circleLoading .9s linear infinite;animation:circleLoading .9s linear infinite}.circle-progress.negative,.circle-progress.positive,.circle-progress.primary{background-color:#fff!important}.circle-progress.primary .spinner{border-top:3px solid #0084e7;border-right:3px solid #0084e7;border-bottom:3px solid #0084e7}.circle-progress.negative .spinner{border-top:3px solid #f40b00;border-right:3px solid #f40b00;border-bottom:3px solid #f40b00}.circle-progress.positive .spinner{border-top:3px solid #0ae700;border-right:3px solid #0ae700;border-bottom:3px solid #0ae700}.progress{position:relative;left:0;right:0;z-index:20;height:6px;display:none;width:100%;background-color:hsla(0,0%,100%,.4);border-radius:2px;background-clip:padding-box;overflow:hidden}.progress.active{display:block}.progress .determinate{position:absolute;top:0;bottom:0;background-color:#0084e7;-webkit-transition:width .2s linear;transition:width .2s linear}.progress.primary .determinate{background-color:#0067b5!important}.progress.negative .determinate{background-color:#c20900!important}.progress.positive .determinate{background-color:#08b500!important}@-webkit-keyframes circleLoading{0%{-webkit-transform:rotate(0deg) translateZ(0);transform:rotate(0deg) translateZ(0)}to{-webkit-transform:rotate(1turn) translateZ(0);transform:rotate(1turn) translateZ(0)}}@keyframes circleLoading{0%{-webkit-transform:rotate(0deg) translateZ(0);transform:rotate(0deg) translateZ(0)}to{-webkit-transform:rotate(1turn) translateZ(0);transform:rotate(1turn) translateZ(0)}}.side-panel{position:absolute;top:0;right:auto;left:auto;bottom:0;width:80%;height:100%;visibility:hidden;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#333;-webkit-transition:width .3s ease;transition:width .3s ease}.side-panel .list{overflow-y:auto}.side-panel .list li{border-color:#444}.side-panel .list .body,.side-panel .list .title,.side-panel .list a,.side-panel .list li{color:#fff}.side-panel .list .body:active,.side-panel .list .title:active,.side-panel .list a:active,.side-panel .list li:active{background-color:#444}.side-panel .list .accordion-content{background-color:#333}.side-panel .header-bar{background-color:transparent}.side-panel .header-bar .title{color:side-panel-title-color;font-weight:400}.side-panel .header-bar .btn{color:#fff}.side-panel-left{left:0;z-index:1}.side-panel-right{right:0;z-index:1}.snapjs-left .side-panel-right,.snapjs-right .side-panel-left{display:none!important}.awesomplete [hidden]{display:none}.awesomplete .visually-hidden{position:absolute;clip:rect(0,0,0,0)}.awesomplete>ul{position:absolute;z-index:1;box-sizing:border-box;list-style:none;padding:0;background:#fff;border-radius:2px;margin:.2em 0 0;border:1px solid rgba(0,0,0,.15)}.awesomplete>ul:empty{display:none}.awesomplete>ul>li{position:relative;height:52px;line-height:52px;padding:0 8px;vertical-align:middle;cursor:pointer}.awesomplete mark{background-color:#fff9c4}.awesomplete>ul:empty,.awesomplete>ul[hidden]{opacity:0;-webkit-transform:scale(0);transform:scale(0);display:block;-webkit-transition-timing-function:ease;transition-timing-function:ease} \ No newline at end of file +html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}h1{font-size:2em;margin:.67em 0}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*,:after,:before{box-sizing:border-box}body,html{position:relative;height:100%;width:100%;overflow-x:hidden}html{touch-action:pan-y}body{top:0;right:0;bottom:0;left:0;margin:0;padding:0;word-wrap:break-word;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-drag:none;-ms-content-zooming:none;background-color:#fff;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body,button,input,label,p,select,textarea{font-size:14px;font-family:Helvetica Neue,Roboto,Segoe UI,sans-serif}body,button,input,label,p,select,textarea{font-weight:400;color:#333}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:10px;line-height:1;font-weight:400}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:18px}h5{font-size:14px}h5,h6{margin-top:20px}h6{font-size:12px}p{margin-top:0;margin-bottom:10px}.content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;-webkit-overflow-scrolling:touch}input,select,textarea{-webkit-touch-callout:default}a{color:#0084e7;text-decoration:none}button{border:none;outline:none}.app-page{display:block;visibility:hidden;position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden;z-index:1;background-color:#fff}.app-page.app-active{visibility:visible;z-index:2}.app-page.page-sliding.left{z-index:3;-webkit-animation:leftTransition .3s ease-out;animation:leftTransition .3s ease-out}.app-page.page-sliding.right{z-index:4;-webkit-animation:rightTransition .3s ease-out;animation:rightTransition .3s ease-out}@-webkit-keyframes leftTransition{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@keyframes leftTransition{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-webkit-keyframes rightTransition{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}}@keyframes rightTransition{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}}.btn.negative,.btn.positive,.btn.primary{color:#fff!important}.primary{background-color:#0084e7!important}.primary.btn-flat{color:#0084e7!important;background-color:transparent!important}.positive{background-color:#0ae700!important}.positive.btn-flat{color:#0ae700!important;background-color:transparent!important}.negative{background-color:#f40b00!important}.negative.btn-flat{color:#f40b00!important;background-color:transparent!important}.light-primary{background-color:#b9d3e7!important}.light-positive{background-color:#bbe7b9!important}.light-negative{background-color:#f4c5c3!important}.dark-primary{background-color:#0067b5!important}.dark-positive{background-color:#08b500!important}.dark-negative{background-color:#c20900!important}.btn{position:relative;padding:0 12px;min-height:42px;color:#333;text-align:center;vertical-align:top;cursor:pointer;outline:none;text-transform:uppercase;border:none;border-radius:3px;background-color:#f1f1f1;-webkit-transition:background-color .25s ease-in-out;transition:background-color .25s ease-in-out}.btn,.btn .icon{display:inline-block;line-height:1}.btn .icon{font-size:inherit;color:inherit}.btn:not(.btn-progress):disabled{opacity:.75;color:#d3d3d3}.btn-flat{background-color:transparent!important}.btn:active{opacity:.85}.floating-action{position:fixed;padding:16px;border-radius:50%;box-shadow:0 2px 3px #8a8a8a;z-index:30;color:#fff;opacity:.5;-webkit-transform:.3s,opacity .25s linear;transform:.3s,opacity .25s linear}.floating-action.active,.floating-action:active{opacity:1}.floating-action.top{top:68px}.floating-action.bottom{bottom:16px}.floating-action.left{left:16px}.floating-action.right{right:16px}.buttons{list-style:none;text-align:right;margin:0;padding:0}.buttons li{display:inline-block}.buttons li a{height:48px;line-height:48px;vertical-align:middle;font-weight:700;min-width:60px;padding:0 8px}.header-bar{position:fixed;right:0;left:0;z-index:20;width:100%;height:52px;overflow:hidden;background-color:#0084e7;border-bottom:0 solid #2e2bc9;-webkit-backface-visibility:hidden;backface-visibility:hidden}.header-bar .center{position:absolute;text-align:center;top:0;right:0;left:0}.header-bar .pull-left{padding-left:16px}.header-bar .pull-right{padding-right:16px}.header-bar .title{z-index:21;font-size:20px;color:#fff;height:52px;line-height:52px;vertical-align:middle}.header-bar .center .title{margin:0 auto}.header-bar .arrow{cursor:pointer}.header-bar .arrow:after{position:relative;width:0;height:0;top:16px;left:6px;content:"";border-right:4px solid transparent;border-top:5px solid #fff;border-left:4px solid transparent}.header-bar .btn{position:relative;z-index:22;padding:0 12px;height:52px;line-height:52px;vertical-align:middle;color:#fff;background-color:transparent;border:none;border-radius:0}.header-bar .btn:active{opacity:1;background-color:#0084e7;background-color:rgba(0,0,0,.1)}.header-bar .search-input{width:75%;position:absolute;height:52px;color:#fff;background-color:transparent;border:none}.header-bar .search-input::-webkit-input-placeholder{color:#fff}.header-bar .search-input:-moz-placeholder,.header-bar .search-input::-moz-placeholder{color:#fff}.header-bar .search-input:-ms-input-placeholder{color:#fff}.header-bar~.content{margin-top:52px}.header-bar~.header-tabs{top:52px}.header-bar~.header-tabs~.content{margin-top:102px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.pull-left{float:left!important}.pull-right{float:right!important}.fit-parent{width:100%}.show-for-android-only,.show-for-ios-only,.show-for-large-only,.show-for-phone-only,.show-for-tablet-only,.show-for-tablet-up,.show-for-web-only{display:none!important}.android .show-for-android-only,.ios .show-for-ios-only,.web .show-for-web-only{display:inherit!important}@media only screen and (max-width:640px){.show-for-phone-only{display:inherit!important}.padded-full{margin:16px}.padded-top{margin-top:16px}.padded-left{margin-left:16px}.padded-right{margin-right:16px}.padded-bottom{margin-bottom:16px}}@media only screen and (min-width:641px) and (max-width:1024px){.show-for-tablet-only{display:inherit!important}}@media only screen and (min-width:641px){.show-for-tablet-only,.show-for-tablet-up{display:inherit!important}.padded-full{margin:32px}.padded-top{margin-top:32px}.padded-left{margin-left:32px}.padded-right{margin-right:32px}.padded-bottom{margin-bottom:32px}.notification{width:450px!important}.dialog{width:380px!important}.side-panel{width:28%!important}.header-bar .pull-left{padding-left:32px}.header-bar .pull-right{padding-right:32px}.expose-aside-left,.expose-aside-left .panel-full{width:72%;margin-left:28%}.expose-aside-left .notification{left:28%}.expose-aside-right{width:72%}.expose-aside-right .panel-full{width:72%;margin-right:28%}}@media only screen and (min-width:1025px){.show-for-tablet-only{display:none!important}.show-for-large-only,.show-for-tablet-up{display:inherit!important}}.tabs{position:fixed;top:auto;right:0;left:0;bottom:0;z-index:10;display:block;width:100%;height:50px;background-color:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:0}.tabs .tab-items{display:-webkit-box;display:flex;box-orient:horizontal}.tabs .tab-items .tab-item{display:-webkit-box;display:flex;flex-basis:100%;-webkit-box-flex:1;flex-grow:1;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;height:50px;line-height:50px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#0084e7;text-align:center;text-transform:uppercase;vertical-align:middle;padding:0;margin:0}.tabs .tab-items .tab-item .icon{position:relative;top:3px;width:32px;height:32px;vertical-align:middle;text-align:center;padding:0;margin:0}.tabs .tab-items .icon-text{line-height:75px;white-space:normal;display:inline-grid}.tabs .tab-items .icon-text .icon{width:auto;height:0}.tabs .tab-indicator{width:50%;position:absolute;z-index:11;top:auto;left:0;right:0;margin-top:auto;margin-bottom:-3px;height:3px;background-color:#0084e7}.header-tabs{top:auto;bottom:0}.header-tabs .tab-indicator{margin-top:-3px;margin-bottom:auto}@font-face{font-family:MaterialDesignIcons;src:url(../fonts/material-design-icons.eot?-613f9d);src:url(../fonts/material-design-icons.eot?#iefix-613f9d) format("embedded-opentype"),url(../fonts/material-design-icons.woff?-613f9d) format("woff"),url(../fonts/material-design-icons.ttf?-613f9d) format("truetype"),url(../fonts/material-design-icons.svg?-613f9d#material-design-icons) format("svg");font-weight:400;font-style:normal}.icon{display:inline-block;font-family:MaterialDesignIcons;font-size:24px;line-height:1;text-decoration:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-home:before{content:"\e600"}.icon-info-outline:before{content:"\e601"}.icon-settings:before{content:"\e606"}.icon-add:before{content:"\e602"}.icon-edit:before{content:"\e603"}.icon-arrow-back:before{content:"\e604"}.icon-arrow-forward:before{content:"\e60a"}.icon-check:before{content:"\e605"}.icon-chevron-left:before{content:"\e609"}.icon-chevron-right:before{content:"\e60f"}.icon-close:before{content:"\e608"}.icon-expand-less:before{content:"\e610"}.icon-expand-more:before{content:"\e611"}.icon-menu:before{content:"\e60b"}.icon-more-horiz:before{content:"\e60c"}.icon-more-vert:before{content:"\e60d"}.icon-sync:before{content:"\e60e"}.icon-sync-problem:before{content:"\e607"}.icon-star:before{content:"\e612"}.icon-star-outline:before{content:"\e613"}i.icon{font-style:normal}.with-circle{padding:10px;border-radius:50%;border:1px solid #eee}.row{width:100%}.row:after,.row:before{content:" ";display:table}.row:after{clear:both}.row .row{width:auto}.row .row:after,.row .row:before{content:" ";display:table}.row .row:after{clear:both}.column{width:100%;position:relative;float:left}[class*=column]+[class*=column]:last-child{float:right}@media only screen and (max-width:640px){.phone-1{width:8.333333333333332%}.phone-2{width:16.666666666666664%}.phone-3{width:25%}.phone-4{width:33.33333333333333%}.phone-5{width:41.66666666666667%}.phone-6{width:50%}.phone-7{width:58.333333333333336%}.phone-8{width:66.66666666666666%}.phone-9{width:75%}.phone-10{width:83.33333333333334%}.phone-11{width:91.66666666666666%}.phone-12{width:100%}}@media only screen and (min-width:641px){.tablet-1{width:8.333333333333332%}.tablet-2{width:16.666666666666664%}.tablet-3{width:25%}.tablet-4{width:33.33333333333333%}.tablet-5{width:41.66666666666667%}.tablet-6{width:50%}.tablet-7{width:58.333333333333336%}.tablet-8{width:66.66666666666666%}.tablet-9{width:75%}.tablet-10{width:83.33333333333334%}.tablet-11{width:91.66666666666666%}.tablet-12{width:100%}}@media only screen and (min-width:1025px){.large-1{width:8.333333333333332%}.large-2{width:16.666666666666664%}.large-3{width:25%}.large-4{width:33.33333333333333%}.large-5{width:41.66666666666667%}.large-6{width:50%}.large-7{width:58.333333333333336%}.large-8{width:66.66666666666666%}.large-9{width:75%}.large-10{width:83.33333333333334%}.large-11{width:91.66666666666666%}.large-12{width:100%}}.list{position:relative;padding:0;margin:0;list-style:none}.list li{height:auto;min-height:51px;line-height:52px;overflow:hidden;display:block;border-bottom:1px solid #eee}.list li a{width:100%;height:100%;display:block;color:#000;-webkit-transition:background-color .25s ease-in-out;transition:background-color .25s ease-in-out}.list li a:active{background-color:#eee}.list li .pull-left,.list li .pull-right{width:52px;height:52px;line-height:52px;vertical-align:middle;text-align:center;z-index:1}.list li .item-content{display:inline-block;padding:8px 15px;line-height:78px}.list li .accordion-content{height:auto;display:none;-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out;padding:0 16px;background-color:#f9f9f9}overflow hidden .accordion-active,white-space nowrap .accordion-active{display:block;-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out}overflow hidden .body,overflow hidden .title,white-space nowrap .body,white-space nowrap .title{line-height:31px;display:block}overflow hidden .body,white-space nowrap .body{font-size:13px;color:#777}.item-expanded{height:78px;line-height:78px}.item-expanded .pull-left,.item-expanded .pull-right{width:78px;height:78px;line-height:78px}.divider{height:48px;line-height:48px;font-size:16px;background-color:#f5f5f5}.divider,.padded-list{padding:0 16px}input[type=button],input[type=reset],input[type=submit]{width:100%}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{width:100%;height:48px;line-height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#636363;background-color:#fff;border:none;border-bottom:1px solid #ddd;outline:none}.input-invalid,input:invalid{border-bottom-width:2px!important;border-color:#e53935!important}input::-webkit-input-placeholder{padding:0;font-size:14px;color:#999}input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-bottom-width:2px;border-color:#0084e7}label{width:100%;display:inline-block;height:48px;line-height:48px}.list label{height:52px;line-height:52px}.checkbox input[type=checkbox],.radio input[type=radio]{display:none}.checkbox,.radio{position:relative}.checkbox .text,.radio .text{border:none}.checkbox span:not(.text),.radio span:not(.text){-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;content:"";position:absolute;float:right;top:16px;right:0;width:20px;height:20px;border:2px solid #ddd}.checkbox :checked+span:not(.text),.radio :checked+span:not(.text){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-radius:0;height:.65rem;border-color:#0084e7;border-top-style:none;border-right-style:none}.radio span{border-radius:50%}.input-wrapper{margin-top:24px;position:relative;vertical-align:top}.floating-label,.input-wrapper{width:100%;display:inline-block}.floating-label{position:absolute;top:0;left:0;text-align:left;line-height:48px;height:auto;font-size:14px;color:#999;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .2s;transition:all .2s}.input-filled .floating-label,.with-label:focus+.floating-label{-webkit-transform:translate3d(0,-60%,0);transform:translate3d(0,-60%,0);font-size:12px}.table,table{width:auto;border:1px solid #ddd}.table thead tr th,table thead tr th{font-size:15px}.table tbody tr td,table tbody tr td{font-size:13.5px}.table tbody tr td,.table tfoot tr th,.table thead tr th,table tbody tr td,table tfoot tr th,table thead tr th{padding:8px;line-height:1.5;text-align:center;border-top:1px solid #ddd;font-weight:400}.table thead tr th,table thead tr th{vertical-align:bottom;border-bottom:1px solid #ddd;background:#f6f6f6}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th,table{border-top:0}.table>tbody+tbody,table{border-top:2px solid #ddd}.backdrop-dialog{position:fixed;top:0;left:0;right:0;bottom:0;z-index:26;background:transparent;background-color:rgba(0,0,0,.35)}.backdrop-dialog.fadeout{opacity:0;-webkit-transition:opacity .45s linear;transition:opacity .45s linear}.dialog{width:280px;height:auto;position:absolute;opacity:0;visibility:hidden;top:0;left:0;right:0;margin:0 auto;z-index:28;border-radius:2px;box-shadow:0 2px 4px #8a8a8a;background-color:#fff;-webkit-transform:translateZ(0) scale(1.185);transform:translateZ(0) scale(1.185);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.dialog.active{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.dialog.close{-webkit-animation:closeDialog .3s ease-out;animation:closeDialog .3s ease-out}.dialog .content{position:relative;max-height:350px}.dialog .content h1,.dialog .content h2,.dialog .content h3{margin-bottom:22px}.dialog .content .circle-progress{position:relative;margin-left:auto;margin-right:auto;left:0}.dialog .padded-full{margin-bottom:0}@-webkit-keyframes closeDialog{0%{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}to{opacity:0;-webkit-transform:translateZ(0) scale(.815);transform:translateZ(0) scale(.815)}}@keyframes closeDialog{0%{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}to{opacity:0;-webkit-transform:translateZ(0) scale(.815);transform:translateZ(0) scale(.815)}}.notification{width:notification-width;height:auto;min-height:48px;line-height:54px;vertical-align:bottom;padding:0 24px;position:fixed;z-index:28;left:0;right:0;bottom:0;border-top-radius:2px;margin-left:auto;margin-right:auto;opacity:0;color:#fff;background-color:#333;-webkit-transform:translate3d(0,72px,0);transform:translate3d(0,72px,0);-webkit-transition:opacity .2s,-webkit-transform .3s;transition:opacity .2s,-webkit-transform .3s;transition:transform .3s,opacity .2s;transition:transform .3s,opacity .2s,-webkit-transform .3s}.notification.show{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.notification .btn{position:relative;float:right;top:6px;right:0;height:42px;line-height:42px;background-color:transparent;font-weight:700;color:#fff}.notification .progress{position:absolute;top:0;left:0;right:0}.backdrop-panel{position:fixed;top:0;left:0;right:0;bottom:0;z-index:21;background-color:rgba(0,0,0,.1)}.backdrop-panel.fadeout{background-color:transparent;-webkit-transition:background-color .45s ease-in-out;transition:background-color .45s ease-in-out}.panel,.panel-full{position:fixed;top:0;left:0;right:0;bottom:0;z-index:25;display:none;background-color:#fff}.panel{width:100%;height:auto;max-height:80%;top:auto;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.panel .header-bar{position:absolute!important}.panel.active{-webkit-transform:translateZ(0);transform:translateZ(0)}.panel .content{position:relative;overflow:hidden}.panel .content .list{margin-bottom:0}.panel-full{width:100%;height:100%;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.panel-full.active{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.panel-full.active .content{-webkit-transform:translateZ(0);transform:translateZ(0)}.panel-full.active .content,.panel-full .content{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.panel-full .content{-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}.panel-closing{-webkit-transition:-webkit-transform .3s!important;transition:-webkit-transform .3s!important;transition:transform .3s!important;transition:transform .3s,-webkit-transform .3s!important}.backdrop-popover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:transparent}.popover{z-index:31;position:fixed;top:12px;left:16px;opacity:0;width:160px;height:auto;background-color:#fff;border-radius:2px;visibility:hidden;box-shadow:0 0 4px #8a8a8a}.popover,.popover.active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.popover.active{visibility:visible;opacity:1}.popover .list{max-height:188px;overflow-x:hidden;overflow-y:auto}.popover .list li{height:47px;line-height:48px}.circle-progress{width:36px;height:36px;position:relative;text-align:center;display:block;left:50%;right:0;margin-left:-18px;z-index:20;opacity:0;-webkit-transition:opacity .65s ease;transition:opacity .65s ease;background-color:#fff;border-radius:50%}.circle-progress.center{top:50%;left:50%;margin-top:-18px;position:absolute}.circle-progress.active{opacity:1}.circle-progress.active .spinner{position:relative;display:block;width:100%;height:100%;border-radius:50%;border:3px solid #0084e7;border-left-color:#eee;-webkit-animation:circleLoading .9s linear infinite;animation:circleLoading .9s linear infinite}.circle-progress.negative,.circle-progress.positive,.circle-progress.primary{background-color:#fff!important}.circle-progress.primary .spinner{border-top:3px solid #0084e7;border-right:3px solid #0084e7;border-bottom:3px solid #0084e7}.circle-progress.negative .spinner{border-top:3px solid #f40b00;border-right:3px solid #f40b00;border-bottom:3px solid #f40b00}.circle-progress.positive .spinner{border-top:3px solid #0ae700;border-right:3px solid #0ae700;border-bottom:3px solid #0ae700}.progress{position:relative;left:0;right:0;z-index:20;height:6px;display:none;width:100%;background-color:hsla(0,0%,100%,.4);border-radius:2px;background-clip:padding-box;overflow:hidden}.progress.active{display:block}.progress .determinate{position:absolute;top:0;bottom:0;background-color:#0084e7;-webkit-transition:width .2s linear;transition:width .2s linear}.progress.primary .determinate{background-color:#0067b5!important}.progress.negative .determinate{background-color:#c20900!important}.progress.positive .determinate{background-color:#08b500!important}@-webkit-keyframes circleLoading{0%{-webkit-transform:rotate(0deg) translateZ(0);transform:rotate(0deg) translateZ(0)}to{-webkit-transform:rotate(1turn) translateZ(0);transform:rotate(1turn) translateZ(0)}}@keyframes circleLoading{0%{-webkit-transform:rotate(0deg) translateZ(0);transform:rotate(0deg) translateZ(0)}to{-webkit-transform:rotate(1turn) translateZ(0);transform:rotate(1turn) translateZ(0)}}.backdrop-panel.backdrop-side-panel{z-index:0!important}.side-panel{position:absolute;top:0;right:auto;left:auto;bottom:0;width:80%;height:100%;visibility:hidden;z-index:25;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#333;-webkit-transition:width .3s ease;transition:width .3s ease}.side-panel .list{overflow-y:auto}.side-panel .list li{border-color:#444}.side-panel .list .body,.side-panel .list .title,.side-panel .list a,.side-panel .list li{color:#fff}.side-panel .list .body:active,.side-panel .list .title:active,.side-panel .list a:active,.side-panel .list li:active{background-color:#444}.side-panel .list .accordion-content{background-color:#333}.side-panel .header-bar{background-color:transparent}.side-panel .header-bar .title{color:side-panel-title-color;font-weight:400}.side-panel .header-bar .btn{color:#fff}.side-panel-left{left:0;z-index:1}.side-panel-right{right:0;z-index:1}.snapjs-left .side-panel-right,.snapjs-right .side-panel-left{display:none!important}.awesomplete [hidden]{display:none}.awesomplete .visually-hidden{position:absolute;clip:rect(0,0,0,0)}.awesomplete>ul{position:absolute;z-index:1;box-sizing:border-box;list-style:none;padding:0;background:#fff;border-radius:2px;margin:.2em 0 0;border:1px solid rgba(0,0,0,.15)}.awesomplete>ul:empty{display:none}.awesomplete>ul>li{position:relative;height:52px;line-height:52px;padding:0 8px;vertical-align:middle;cursor:pointer}.awesomplete mark{background-color:#fff9c4}.awesomplete>ul:empty,.awesomplete>ul[hidden]{opacity:0;-webkit-transform:scale(0);transform:scale(0);display:block;-webkit-transition-timing-function:ease;transition-timing-function:ease} \ No newline at end of file diff --git a/dist/js/components/side-panels.js b/dist/js/components/side-panels.js index 5df8b64a..adfe72a3 100644 --- a/dist/js/components/side-panels.js +++ b/dist/js/components/side-panels.js @@ -89,10 +89,12 @@ // @phonon createBackdrop: function createBackdrop() { if (!backdrop) { + // Create backdrop element var bd = document.createElement('div'); bd.classList.add('backdrop-panel'); + bd.classList.add('backdrop-side-panel'); backdrop = bd; - settings.element.appendChild(backdrop); + document.body.appendChild(backdrop); } }, removeBackdrop: function removeBackdrop() { @@ -107,7 +109,7 @@ } backdrop.classList.remove('fadeout'); - settings.element.removeChild(backdrop); + document.body.removeChild(backdrop); backdrop.off(phonon.event.transitionEnd, closed); backdrop = null; }; diff --git a/dist/js/components/side-panels.min.js b/dist/js/components/side-panels.min.js index 81763148..062eb842 100644 --- a/dist/js/components/side-panels.min.js +++ b/dist/js/components/side-panels.min.js @@ -1 +1 @@ -"use strict";(function(a,f){var s=null,e=e||function(e){var t,p={element:null,dragger:null,disable:"none",addBodyClasses:!0,hyperextensible:!0,resistance:.5,flickThreshold:50,transitionSpeed:.3,easing:"ease",maxPosition:266,minPosition:-266,tapToClose:!0,touchToDrag:!0,slideIntent:40,minDragDistance:5},g={simpleStates:{opening:null,towards:null,hyperExtending:null,halfway:null,flick:null,translation:{absolute:0,relative:0,sinceDirectionChange:0,percentage:0}}},n={},u={hasTouch:"ontouchstart"in f.documentElement||a.navigator.msPointerEnabled,eventType:function(e){return{down:u.hasTouch?"touchstart":"mousedown",move:u.hasTouch?"touchmove":"mousemove",up:u.hasTouch?"touchend":"mouseup",out:u.hasTouch?"touchcancel":"mouseout"}[e]},page:function(e,t){return u.hasTouch&&t.touches.length&&t.touches[0]?t.touches[0]["page".concat(e)]:t["page".concat(e)]},klass:{has:function(e,t){return-1!==e.className.indexOf(t)},add:function(e,t){!u.klass.has(e,t)&&p.addBodyClasses&&(e.className+=" ".concat(t))},remove:function(e,t){p.addBodyClasses&&(e.className=e.className.replace(t,"").replace(/^\s+|\s+$/g,""))}},dispatchEvent:function(e){if("function"==typeof n[e])return n[e].call()},createBackdrop:function(){if(!s){var e=document.createElement("div");e.classList.add("backdrop-panel"),s=e,p.element.appendChild(s)}},removeBackdrop:function(){if(s){s.classList.add("fadeout"),s.on(phonon.event.transitionEnd,function e(){s&&(s.classList.remove("fadeout"),p.element.removeChild(s),s.off(phonon.event.transitionEnd,e),s=null)})}},vendor:function(){var e,t=f.createElement("div"),n="webkit Moz O ms".split(" ");for(e in n)if(void 0!==t.style["".concat(n[e],"Transition")])return n[e]},transitionCallback:function(){return"Moz"===g.vendor||"ms"===g.vendor?"transitionend":"".concat(g.vendor,"TransitionEnd")},canTransform:function(){return void 0!==p.element.style["".concat(g.vendor,"Transform")]},deepExtend:function(e,t){var n;for(n in t)t[n]&&t[n].constructor&&t[n].constructor===Object?(e[n]=e[n]||{},u.deepExtend(e[n],t[n])):e[n]=t[n];return e},angleOfDrag:function(e,t){var n,a;return(a=Math.atan2(-(g.startDragY-t),g.startDragX-e))<0&&(a+=2*Math.PI),(n=Math.floor(a*(180/Math.PI)-180))<0&&-180p.maxPosition?e=p.maxPosition:(e===p.minPosition||e360-p.slideIntent,c=180<=l&&l<=180+p.slideIntent||l<=180&&l>=180-p.slideIntent;g.hasIntent=c||d,g.intentChecked=!0}if(p.minDragDistance>=Math.abs(t-g.startDragX)||!1===g.hasIntent)return;u.events.prevent(e),u.dispatchEvent("drag"),g.dragWatchers.current=t,g.dragWatchers.last>t?("left"!==g.dragWatchers.state&&(g.dragWatchers.state="left",g.dragWatchers.hold=t),g.dragWatchers.last=t):g.dragWatchers.lastp.maxPosition/2,flick:Math.abs(g.dragWatchers.current-g.dragWatchers.hold)>p.flickThreshold,translation:{absolute:s,relative:i,sinceDirectionChange:g.dragWatchers.current-g.dragWatchers.hold,percentage:s/p.maxPosition*100}}):(p.minPosition>s&&(o=i-(s-p.minPosition)*p.resistance),g.simpleStates={opening:"right",towards:g.dragWatchers.state,hyperExtending:p.minPosition>s,halfway:sp.flickThreshold,translation:{absolute:s,relative:i,sinceDirectionChange:g.dragWatchers.current-g.dragWatchers.hold,percentage:s/p.minPosition*100}}),h.translate.x(o+a)}5p.maxPosition?e=p.maxPosition:(e===p.minPosition||e360-p.slideIntent,c=180<=l&&l<=180+p.slideIntent||l<=180&&l>=180-p.slideIntent;g.hasIntent=c||d,g.intentChecked=!0}if(p.minDragDistance>=Math.abs(t-g.startDragX)||!1===g.hasIntent)return;u.events.prevent(e),u.dispatchEvent("drag"),g.dragWatchers.current=t,g.dragWatchers.last>t?("left"!==g.dragWatchers.state&&(g.dragWatchers.state="left",g.dragWatchers.hold=t),g.dragWatchers.last=t):g.dragWatchers.lastp.maxPosition/2,flick:Math.abs(g.dragWatchers.current-g.dragWatchers.hold)>p.flickThreshold,translation:{absolute:s,relative:i,sinceDirectionChange:g.dragWatchers.current-g.dragWatchers.hold,percentage:s/p.maxPosition*100}}):(p.minPosition>s&&(o=i-(s-p.minPosition)*p.resistance),g.simpleStates={opening:"right",towards:g.dragWatchers.state,hyperExtending:p.minPosition>s,halfway:sp.flickThreshold,translation:{absolute:s,relative:i,sinceDirectionChange:g.dragWatchers.current-g.dragWatchers.hold,percentage:s/p.minPosition*100}}),h.translate.x(o+a)}5'));for(var a=o.attributes,i=a.length-1;0<=i;i--){var r=a.item(i);"class"!==r.nodeName&&"app-page"!==r.nodeValue&&t.setAttribute(r.nodeName,r.nodeValue)}function s(e){var t=e.getElementsByTagName("script");t=Array.prototype.slice.call(t);for(var n=0;n".concat(t,"

"):"";var r=_typeof2(n);n="string"===r?n:e,o="boolean"!=typeof o||o,a="string"==typeof a?a:"Ok",i="string"==typeof i?i:"Cancel";var s="auto-gen-".concat(e,"-").concat(g++),l=document.createElement("div");l.setAttribute("class","dialog"),l.setAttribute("data-cancelable",o),l.setAttribute("data-auto","true"),l.id=s;var c=void 0===r?"":"

".concat(n,"

"),d='
  • '.concat(i,"
  • "),u="",f="";"alert"===e?d="":"prompt"===e?u='':"passPrompt"===e?u='':"indicator"===e&&(t="",f='
    ');var p="indicator"===e?"":'",h="".concat('
    ').concat(c).concat(t).concat(u).concat(f,"
    ")+"
    ".concat(p);return l.innerHTML=h,document.body.appendChild(l),l}var c=function(e){for(var t,n=document.querySelectorAll(".dialog");e&&e!==document;e=e.parentNode)for(t=n.length;t--;)if(n[t]===e&&e.classList.contains("active"))return e},d=function(e){for(var t=r.length-1;0<=t;t--)if(r[t].dialog.id===e){var n=r[t];return n.index=t,n}return!1},g=0;function u(){var e=d(this.getAttribute("data-id")),t=e.backdrop;t.classList.remove("fadeout"),document.body.removeChild(t);var n=e.dialog;n.style.visibility="hidden",n.style.display="none",n.classList.remove("close"),n.getAttribute("data-auto")&&document.body.removeChild(n),r.splice(e.index,1),this.off(o.event.transitionEnd,u,!1)}function f(e){if(e.style.visibility="visible",e.style.display="block",!e.classList.contains("active")){!function(e){var t=getComputedStyle(e),n=t.width,o=t.height;n=n.slice(0,n.length-2),o=o.slice(0,o.length-2);var a=i.innerHeight/2-o/2;e.style.top="".concat(a,"px")}(e),e.classList.add("active");var t=e.querySelector(".circle-progress");t&&o.preloader(t).show();var n=function(e){var t=document.createElement("div");return t.setAttribute("data-id",e),t.classList.add("backdrop-dialog"),t}(e.id);r.push({dialog:e,backdrop:n}),document.body.appendChild(n)}}function p(e){if(function(e){if("function"!=typeof s)return;var t=e.querySelectorAll(".btn-confirm, .btn-cancel");if(t)for(var n=0,o=t.length;nt.scrollTop?a.classList.contains("active")||a.classList.add("active"):a.classList.contains("active")&&a.classList.remove("active")}i=t.scrollTop}},o=function(e){return"object"===("undefined"==typeof Node?"undefined":_typeof2(Node))?e instanceof Node:e&&"object"===_typeof2(e)&&"number"==typeof e.nodeType&&"string"==typeof e.nodeName};function r(e){if(!o(e))throw new Error("The page must be a DOMElement not a ".concat(_typeof2(e)));var t=e.querySelector(".content");t?t.on("scroll",n,!1):console.error("The given page does not contain any .content node")}document.on("pagecreated",function(e){for(var t=document.querySelectorAll("".concat(e.detail.page," .floating-action")).length-1;0<=t;t--)for(var n=document.querySelectorAll(".app-page"),o=n.length-1;0<=o;o--){var a=n[o];if(a.tagName.toLowerCase()===e.detail.page){r(a);break}}})}("undefined"!=typeof window&&window,window.phonon),function(e,t){function n(e){e.target.parentNode.classList.add("input-filled")}function o(e){""===e.target.value.trim()&&e.target.parentNode.classList.remove("input-filled")}function a(e){""===e.value.trim()||e.parentNode.classList.contains("input-filled")||e.parentNode.classList.add("input-filled")}function i(e){!function(e){e.on("focus",n),e.on("blur",o)}(e),a(e)}document.on("pagecreated",function(e){for(var t=document.querySelector(e.detail.page).querySelectorAll("input.with-label"),n=t.length-1;0<=n;n--)i(t[n])}),document.on("pageopened",function(e){for(var t=document.querySelector(e.detail.page).querySelectorAll("input.with-label"),n=t.length-1;0<=n;n--)a(t[n])}),t.forms={update:i},e.phonon=t,"object"===("undefined"==typeof exports?"undefined":_typeof2(exports))?module.exports=t.popover:"function"==typeof define&&define.amd&&define(function(){return t.popover})}("undefined"!=typeof window?window:void 0,window.phonon||{}),function(r,s){var l=[];function a(){var e=this,t=e.getAttribute("data-timeout");if(t){if(isNaN(parseInt(t,10)))return void console.error("Attribute data-timeout must be a number");var n=e.querySelector(".progress");if(n){n.classList.contains("active")||n.classList.add("active");var o=n.querySelector(".determinate");o.style.width="0",o.style.webkitTransitionDuration="".concat(t,"ms"),o.style.MozTransitionDuration="".concat(t,"ms"),o.style.msTransitionDuration="".concat(t,"ms"),o.style.OTransitionDuration="".concat(t,"ms"),o.style.transitionDuration="".concat(t,"ms"),r.setTimeout(function(){o.style.width="100%"},10)}r.setTimeout(function(){p(e)},parseInt(t,10)+10)}e.off(s.event.transitionEnd,a,!1)}function c(){var e=this;e.style.zIndex=28;var t=e.clientHeight;e.style.webkitTransform="translateY(".concat(t,"px)"),e.style.MozTransform="translateY(".concat(t,"px)"),e.style.msTransform="translateY(".concat(t,"px)"),e.style.OTransform="translateY(".concat(t,"px)"),e.style.transform="translateY(".concat(t,"px)");var n=function(e){for(var t=l.length-1;0<=t;t--)if(l[t]===e)return t;return-1}(e);0<=n&&l.splice(n,1);for(var o=l.length-1;0<=o;o--){var a=o*t;l[o].style.webkitTransform="translateY(-".concat(a,"px)"),l[o].style.MozTransform="translateY(-".concat(a,"px)"),l[o].style.msTransform="translateY(-".concat(a,"px)"),l[o].style.OTransform="translateY(-".concat(a,"px)"),l[o].style.transform="translateY(-".concat(a,"px)"),u()&&(l[o].style.bottom="".concat(a,"px"))}var i=e.querySelector(".determinate");i&&(i.style.width="0",i.style.webkitTransitionDuration="0ms",i.style.MozTransitionDuration="0ms",i.style.msTransitionDuration="0ms",i.style.OTransitionDuration="0ms",i.style.transitionDuration="0ms"),e.off(s.event.transitionEnd,c,!1),"true"===e.getAttribute("data-autodestroy")&&r.setTimeout(function(){document.body.removeChild(e)},500)}function d(e,t,n,o){"string"!=typeof e&&(e=""),t="number"==typeof t?t:5e3,o="string"==typeof o?o:"CANCEL";var a=!0===n?'"):"",i=document.createElement("div");return i.setAttribute("class","notification"),i.setAttribute("data-autodestroy","true"),t&&i.setAttribute("data-timeout",t),i.id=function(){for(var e="",t="abcdefghijklmnopqrstuvwxyz",n=0;n<8;n++)e+=t.charAt(Math.floor(Math.random()*t.length));return e}(),i.innerHTML='
    '+a+e,document.body.appendChild(i),document.querySelector("#".concat(i.id))}function u(){var e=parseFloat(s.device.osVersion);return s.device.os===s.device.ANDROID&&!isNaN(e)&&e<4.4}function f(e){if(e.classList.contains("show"))return!1;r.setTimeout(function(){e.classList.add("show")},10),e.style.zIndex=28+l.length;var t=0;if(0').concat(t,"")}function g(e){return!e.classList.contains("active")&&(t=!0,(f=e).style.display="block",i.setTimeout(function(){e.style.visibility="visible",e.classList.add("active")},10),e.querySelector("ul").scrollTop=0,document.querySelector(".app-page.app-active").appendChild(n),!0)}function v(e,t,n){var o=document.querySelector(".app-page.app-active");if(null===(t="string"==typeof t?o.querySelector(t):t))throw new Error("The trigger for the popover does not exists");if(g(e)){var a=t.getBoundingClientRect(),i=n&&n.width?n.width:t.clientWidth,r=a.top,s=a.left;if(n&&n.direction){for(var l=(t.clientWidth-i)/2,c=0,d=n.margin?n.margin:0,u=n.direction.split(" "),f=0;f",e.innerHTML=o}(n,e,t),this},open:function(e){return m(n,e),this},openFrom:function(e,t){return v(n,e,t),this},close:function(){return b(n),this},onItemChanged:function(e){return h.push({id:n.getAttribute("id"),callback:e}),this},attachButton:function(e,t){return function(e,t,n){if(null===(t="string"==typeof t?document.querySelector(t):t))throw new Error("The button does not exists");var o=e.getAttribute("id");t.setAttribute("data-popover-id",o),!0===n&&t.setAttribute("data-autobind",!0)}(n,e,t),this},setActiveItem:function(e,t){p(n,0u.maxPosition?e=u.maxPosition:(e===u.minPosition||e360-u.slideIntent,d=180<=l&&l<=180+u.slideIntent||l<=180&&l>=180-u.slideIntent;f.hasIntent=d||c,f.intentChecked=!0}if(u.minDragDistance>=Math.abs(t-f.startDragX)||!1===f.hasIntent)return;p.events.prevent(e),p.dispatchEvent("drag"),f.dragWatchers.current=t,f.dragWatchers.last>t?("left"!==f.dragWatchers.state&&(f.dragWatchers.state="left",f.dragWatchers.hold=t),f.dragWatchers.last=t):f.dragWatchers.lastu.maxPosition/2,flick:Math.abs(f.dragWatchers.current-f.dragWatchers.hold)>u.flickThreshold,translation:{absolute:a,relative:i,sinceDirectionChange:f.dragWatchers.current-f.dragWatchers.hold,percentage:a/u.maxPosition*100}}):(u.minPosition>a&&(s=i-(a-u.minPosition)*u.resistance),f.simpleStates={opening:"right",towards:f.dragWatchers.state,hyperExtending:u.minPosition>a,halfway:au.flickThreshold,translation:{absolute:a,relative:i,sinceDirectionChange:f.dragWatchers.current-f.dragWatchers.hold,percentage:a/u.minPosition*100}}),h.translate.x(s+o)}5Math.abs(a)&&(e.preventDefault(),this.settings.stopPropagation&&e.stopPropagation());var i=this._parseEvent(e),r=this._checkOverscroll(i.direction,-i.distanceX,-i.distanceY);Math.abs(o)this.settings.minDragDistance||Math.abs(t.distanceY)>this.settings.minDragDistance?this.swipe(t.direction):(0n.length)&&(r=1);a.style.width="".concat(100/n.length,"%");var s={direction:"horizontal",minDragDistance:"100",preventDrag:i,duration:200,pageClass:"tab-content",onDragEnd:function(e,t,n){u(o,n+=1)}};c.push({page:o,dragend:new Dragend(t,s),currentTab:r}),l.setTimeout(function(){u(o,r)},10)}(t,n,o):console.error("The page ".concat(t," ")+"does not exists")}function u(e,t){for(var n=c.length-1;0<=n;n--)if(c[n].page===e){c[n].currentTab!==t&&(c[n].currentTab=t,d.navigator().callCallback("tabchanged",{page:e,tabNumber:t}));var o=document.querySelector(e).querySelector(".tab-indicator");if(o){var a=t-1;o.style.webkitTransform="translateX(".concat(a,"00%)"),o.style.MozTransform="translateX(".concat(a,"00%)"),o.style.msTransform="translateX(".concat(a,"00%)"),o.style.OTransform="translateX(".concat(a,"00%)"),o.style.transform="translateX(".concat(a,"00%)")}c[n].dragend.scrollToPage(t);break}}function f(e,t){if("string"!=typeof e)throw new Error("The first argument must be a string, ".concat(_typeof2(e)," given"));if("number"!=typeof t)throw new Error("The second argument must be a number, ".concat(_typeof2(t)," given"));l.setTimeout(function(){u(e,t)},10)}document.on("tap",function(e){for(var t=e.target,n=null;t&&t!==document;t=t.parentNode)if(t.classList.contains("tab-item")){n=t;break}if(n){for(var o=n.parentNode.parentNode,a=o.querySelectorAll(".tab-items a"),i=o.querySelector(".tab-indicator"),r=0,s=a.length;r'));for(var a=o.attributes,i=a.length-1;0<=i;i--){var r=a.item(i);"class"!==r.nodeName&&"app-page"!==r.nodeValue&&t.setAttribute(r.nodeName,r.nodeValue)}function s(e){var t=e.getElementsByTagName("script");t=Array.prototype.slice.call(t);for(var n=0;n".concat(t,"

    "):"";var r=_typeof2(n);n="string"===r?n:e,o="boolean"!=typeof o||o,a="string"==typeof a?a:"Ok",i="string"==typeof i?i:"Cancel";var s="auto-gen-".concat(e,"-").concat(g++),l=document.createElement("div");l.setAttribute("class","dialog"),l.setAttribute("data-cancelable",o),l.setAttribute("data-auto","true"),l.id=s;var c=void 0===r?"":"

    ".concat(n,"

    "),d='
  • '.concat(i,"
  • "),u="",f="";"alert"===e?d="":"prompt"===e?u='':"passPrompt"===e?u='':"indicator"===e&&(t="",f='
    ');var p="indicator"===e?"":'",h="".concat('
    ').concat(c).concat(t).concat(u).concat(f,"
    ")+"
    ".concat(p);return l.innerHTML=h,document.body.appendChild(l),l}var c=function(e){for(var t,n=document.querySelectorAll(".dialog");e&&e!==document;e=e.parentNode)for(t=n.length;t--;)if(n[t]===e&&e.classList.contains("active"))return e},d=function(e){for(var t=r.length-1;0<=t;t--)if(r[t].dialog.id===e){var n=r[t];return n.index=t,n}return!1},g=0;function u(){var e=d(this.getAttribute("data-id")),t=e.backdrop;t.classList.remove("fadeout"),document.body.removeChild(t);var n=e.dialog;n.style.visibility="hidden",n.style.display="none",n.classList.remove("close"),n.getAttribute("data-auto")&&document.body.removeChild(n),r.splice(e.index,1),this.off(o.event.transitionEnd,u,!1)}function f(e){if(e.style.visibility="visible",e.style.display="block",!e.classList.contains("active")){!function(e){var t=getComputedStyle(e),n=t.width,o=t.height;n=n.slice(0,n.length-2),o=o.slice(0,o.length-2);var a=i.innerHeight/2-o/2;e.style.top="".concat(a,"px")}(e),e.classList.add("active");var t=e.querySelector(".circle-progress");t&&o.preloader(t).show();var n=function(e){var t=document.createElement("div");return t.setAttribute("data-id",e),t.classList.add("backdrop-dialog"),t}(e.id);r.push({dialog:e,backdrop:n}),document.body.appendChild(n)}}function p(e){if(function(e){if("function"!=typeof s)return;var t=e.querySelectorAll(".btn-confirm, .btn-cancel");if(t)for(var n=0,o=t.length;nt.scrollTop?a.classList.contains("active")||a.classList.add("active"):a.classList.contains("active")&&a.classList.remove("active")}i=t.scrollTop}},o=function(e){return"object"===("undefined"==typeof Node?"undefined":_typeof2(Node))?e instanceof Node:e&&"object"===_typeof2(e)&&"number"==typeof e.nodeType&&"string"==typeof e.nodeName};function r(e){if(!o(e))throw new Error("The page must be a DOMElement not a ".concat(_typeof2(e)));var t=e.querySelector(".content");t?t.on("scroll",n,!1):console.error("The given page does not contain any .content node")}document.on("pagecreated",function(e){for(var t=document.querySelectorAll("".concat(e.detail.page," .floating-action")).length-1;0<=t;t--)for(var n=document.querySelectorAll(".app-page"),o=n.length-1;0<=o;o--){var a=n[o];if(a.tagName.toLowerCase()===e.detail.page){r(a);break}}})}("undefined"!=typeof window&&window,window.phonon),function(e,t){function n(e){e.target.parentNode.classList.add("input-filled")}function o(e){""===e.target.value.trim()&&e.target.parentNode.classList.remove("input-filled")}function a(e){""===e.value.trim()||e.parentNode.classList.contains("input-filled")||e.parentNode.classList.add("input-filled")}function i(e){!function(e){e.on("focus",n),e.on("blur",o)}(e),a(e)}document.on("pagecreated",function(e){for(var t=document.querySelector(e.detail.page).querySelectorAll("input.with-label"),n=t.length-1;0<=n;n--)i(t[n])}),document.on("pageopened",function(e){for(var t=document.querySelector(e.detail.page).querySelectorAll("input.with-label"),n=t.length-1;0<=n;n--)a(t[n])}),t.forms={update:i},e.phonon=t,"object"===("undefined"==typeof exports?"undefined":_typeof2(exports))?module.exports=t.popover:"function"==typeof define&&define.amd&&define(function(){return t.popover})}("undefined"!=typeof window?window:void 0,window.phonon||{}),function(r,s){var l=[];function a(){var e=this,t=e.getAttribute("data-timeout");if(t){if(isNaN(parseInt(t,10)))return void console.error("Attribute data-timeout must be a number");var n=e.querySelector(".progress");if(n){n.classList.contains("active")||n.classList.add("active");var o=n.querySelector(".determinate");o.style.width="0",o.style.webkitTransitionDuration="".concat(t,"ms"),o.style.MozTransitionDuration="".concat(t,"ms"),o.style.msTransitionDuration="".concat(t,"ms"),o.style.OTransitionDuration="".concat(t,"ms"),o.style.transitionDuration="".concat(t,"ms"),r.setTimeout(function(){o.style.width="100%"},10)}r.setTimeout(function(){p(e)},parseInt(t,10)+10)}e.off(s.event.transitionEnd,a,!1)}function c(){var e=this;e.style.zIndex=28;var t=e.clientHeight;e.style.webkitTransform="translateY(".concat(t,"px)"),e.style.MozTransform="translateY(".concat(t,"px)"),e.style.msTransform="translateY(".concat(t,"px)"),e.style.OTransform="translateY(".concat(t,"px)"),e.style.transform="translateY(".concat(t,"px)");var n=function(e){for(var t=l.length-1;0<=t;t--)if(l[t]===e)return t;return-1}(e);0<=n&&l.splice(n,1);for(var o=l.length-1;0<=o;o--){var a=o*t;l[o].style.webkitTransform="translateY(-".concat(a,"px)"),l[o].style.MozTransform="translateY(-".concat(a,"px)"),l[o].style.msTransform="translateY(-".concat(a,"px)"),l[o].style.OTransform="translateY(-".concat(a,"px)"),l[o].style.transform="translateY(-".concat(a,"px)"),u()&&(l[o].style.bottom="".concat(a,"px"))}var i=e.querySelector(".determinate");i&&(i.style.width="0",i.style.webkitTransitionDuration="0ms",i.style.MozTransitionDuration="0ms",i.style.msTransitionDuration="0ms",i.style.OTransitionDuration="0ms",i.style.transitionDuration="0ms"),e.off(s.event.transitionEnd,c,!1),"true"===e.getAttribute("data-autodestroy")&&r.setTimeout(function(){document.body.removeChild(e)},500)}function d(e,t,n,o){"string"!=typeof e&&(e=""),t="number"==typeof t?t:5e3,o="string"==typeof o?o:"CANCEL";var a=!0===n?'"):"",i=document.createElement("div");return i.setAttribute("class","notification"),i.setAttribute("data-autodestroy","true"),t&&i.setAttribute("data-timeout",t),i.id=function(){for(var e="",t="abcdefghijklmnopqrstuvwxyz",n=0;n<8;n++)e+=t.charAt(Math.floor(Math.random()*t.length));return e}(),i.innerHTML='
    '+a+e,document.body.appendChild(i),document.querySelector("#".concat(i.id))}function u(){var e=parseFloat(s.device.osVersion);return s.device.os===s.device.ANDROID&&!isNaN(e)&&e<4.4}function f(e){if(e.classList.contains("show"))return!1;r.setTimeout(function(){e.classList.add("show")},10),e.style.zIndex=28+l.length;var t=0;if(0').concat(t,"")}function g(e){return!e.classList.contains("active")&&(t=!0,(f=e).style.display="block",i.setTimeout(function(){e.style.visibility="visible",e.classList.add("active")},10),e.querySelector("ul").scrollTop=0,document.querySelector(".app-page.app-active").appendChild(n),!0)}function v(e,t,n){var o=document.querySelector(".app-page.app-active");if(null===(t="string"==typeof t?o.querySelector(t):t))throw new Error("The trigger for the popover does not exists");if(g(e)){var a=t.getBoundingClientRect(),i=n&&n.width?n.width:t.clientWidth,r=a.top,s=a.left;if(n&&n.direction){for(var l=(t.clientWidth-i)/2,c=0,d=n.margin?n.margin:0,u=n.direction.split(" "),f=0;f",e.innerHTML=o}(n,e,t),this},open:function(e){return m(n,e),this},openFrom:function(e,t){return v(n,e,t),this},close:function(){return b(n),this},onItemChanged:function(e){return h.push({id:n.getAttribute("id"),callback:e}),this},attachButton:function(e,t){return function(e,t,n){if(null===(t="string"==typeof t?document.querySelector(t):t))throw new Error("The button does not exists");var o=e.getAttribute("id");t.setAttribute("data-popover-id",o),!0===n&&t.setAttribute("data-autobind",!0)}(n,e,t),this},setActiveItem:function(e,t){p(n,0u.maxPosition?e=u.maxPosition:(e===u.minPosition||e360-u.slideIntent,d=180<=l&&l<=180+u.slideIntent||l<=180&&l>=180-u.slideIntent;f.hasIntent=d||c,f.intentChecked=!0}if(u.minDragDistance>=Math.abs(t-f.startDragX)||!1===f.hasIntent)return;p.events.prevent(e),p.dispatchEvent("drag"),f.dragWatchers.current=t,f.dragWatchers.last>t?("left"!==f.dragWatchers.state&&(f.dragWatchers.state="left",f.dragWatchers.hold=t),f.dragWatchers.last=t):f.dragWatchers.lastu.maxPosition/2,flick:Math.abs(f.dragWatchers.current-f.dragWatchers.hold)>u.flickThreshold,translation:{absolute:a,relative:i,sinceDirectionChange:f.dragWatchers.current-f.dragWatchers.hold,percentage:a/u.maxPosition*100}}):(u.minPosition>a&&(s=i-(a-u.minPosition)*u.resistance),f.simpleStates={opening:"right",towards:f.dragWatchers.state,hyperExtending:u.minPosition>a,halfway:au.flickThreshold,translation:{absolute:a,relative:i,sinceDirectionChange:f.dragWatchers.current-f.dragWatchers.hold,percentage:a/u.minPosition*100}}),h.translate.x(s+o)}5Math.abs(a)&&(e.preventDefault(),this.settings.stopPropagation&&e.stopPropagation());var i=this._parseEvent(e),r=this._checkOverscroll(i.direction,-i.distanceX,-i.distanceY);Math.abs(o)this.settings.minDragDistance||Math.abs(t.distanceY)>this.settings.minDragDistance?this.swipe(t.direction):(0n.length)&&(r=1);a.style.width="".concat(100/n.length,"%");var s={direction:"horizontal",minDragDistance:"100",preventDrag:i,duration:200,pageClass:"tab-content",onDragEnd:function(e,t,n){u(o,n+=1)}};c.push({page:o,dragend:new Dragend(t,s),currentTab:r}),l.setTimeout(function(){u(o,r)},10)}(t,n,o):console.error("The page ".concat(t," ")+"does not exists")}function u(e,t){for(var n=c.length-1;0<=n;n--)if(c[n].page===e){c[n].currentTab!==t&&(c[n].currentTab=t,d.navigator().callCallback("tabchanged",{page:e,tabNumber:t}));var o=document.querySelector(e).querySelector(".tab-indicator");if(o){var a=t-1;o.style.webkitTransform="translateX(".concat(a,"00%)"),o.style.MozTransform="translateX(".concat(a,"00%)"),o.style.msTransform="translateX(".concat(a,"00%)"),o.style.OTransform="translateX(".concat(a,"00%)"),o.style.transform="translateX(".concat(a,"00%)")}c[n].dragend.scrollToPage(t);break}}function f(e,t){if("string"!=typeof e)throw new Error("The first argument must be a string, ".concat(_typeof2(e)," given"));if("number"!=typeof t)throw new Error("The second argument must be a number, ".concat(_typeof2(t)," given"));l.setTimeout(function(){u(e,t)},10)}document.on("tap",function(e){for(var t=e.target,n=null;t&&t!==document;t=t.parentNode)if(t.classList.contains("tab-item")){n=t;break}if(n){for(var o=n.parentNode.parentNode,a=o.querySelectorAll(".tab-items a"),i=o.querySelector(".tab-indicator"),r=0,s=a.length;r