chui-rails 0.0.1

data/vendor/assets/javascripts/chui-3.7.0.min.js

@@ -0,0 +1,9 @@
+/*
+ChocolateChip-UI
+ChUI.js
+Copyright 2014 Sourcebits www.sourcebits.com
+License: MIT
+Version: 3.7.0
+*/
+window.CHUIJSLIB,window.jQuery?window.CHUIJSLIB=window.jQuery:window.$chocolatechipjs&&(window.CHUIJSLIB=window.$chocolatechipjs),function(e){function t(e){return"tagName"in e?e:e.parentNode}function i(e,t,i,s){return Math.abs(e-t)>=Math.abs(i-s)?e-t>0?"left":"right":i-s>0?"up":"down"}function s(){if(d=null,u.last)try{u&&u.el&&(u.el.trigger("longtap"),u={})}catch(e){}}function n(){d&&clearTimeout(d),d=null}function a(){r&&clearTimeout(r),c&&clearTimeout(c),l&&clearTimeout(l),d&&clearTimeout(d),r=c=l=d=null,u={}}function o(t){function i(e){return/m/.test(e)?parseFloat(e):/s/.test(e)?100*parseFloat(e):void 0}var s,n;"transition"in document.body.style?s="transition-duration":"-webkit-transition"in document.body.style&&(s="-webkit-transition-duration"),n=i(e("article").eq(0).css(s)),setTimeout(function(){e(t).trigger({type:"navigationend"})},n)}e.extend({UuidBit:1,Uuid:function(){return this.UuidBit++,Date.now().toString(36)+this.UuidBit},concat:function(e){return e instanceof Array?e.join(""):[].slice.apply(arguments).join("")},forEach:function(e,t,i){function s(e){var t=e.length,i=typeof e;return"function"===i||e===window?!1:1===e.nodeType&&t?!0:"array"===i||0===t||"number"==typeof t&&t>0&&t-1 in e}var n,a=0,o=e.length,r=s(e);if(i){if(r)for(;o>a&&(n=t.apply(e[a],i),n!==!1);a++);else for(a in e)if(n=t.apply(e[a],i),n===!1)break}else if(r)for(;o>a&&(n=t.call(e[a],e[a],a),n!==!1);a++);else for(a in e)if(n=t.call(e[a],e[a],a),n===!1)break}}),e.fn.extend({forEach:function(t,i){var s=this;return e.forEach(s,t,i)},iz:function(t){if(window.jQuery){var i=e();return this.forEach(function(s){e(s).is(t)&&i.push(s)}),i}return window.$chocolatechipjs?this.is(t):void 0},iznt:function(e){return window.jQuery?this.not(e):window.$chocolatechipjs?this.isnt(e):void 0},haz:function(e){return this.has(e)},haznt:function(t){if(window.jQuery){var i=e();return this.forEach(function(s){e(s).has(t)[0]||i.push(s)}),i}return window.$chocolatechipjs?this.hasnt(t):void 0},hazClass:function(t){if(window.jQuery){var i=e();return this.forEach(function(s){e(s).hasClass(t)&&i.push(s)}),i}return window.$chocolatechipjs?this.hasClass(t):void 0},hazntClass:function(t){if(window.jQuery){var i=e();return this.forEach(function(s){e(s).hasClass(t)||i.push(s)}),i}if(window.$chocolatechipjs){var i=[];return this.forEach(function(e){e.classList.contains(t)&&i.push(e)}),i}},hazAttr:function(t){if(window.jQuery){var i=e();return this.forEach(function(s){e(s).attr(t)&&i.push(s)}),i}if(window.$chocolatechipjs){var i=[];return i}},hazntAttr:function(t){if(window.jQuery){var i=e();return this.forEach(function(s){e(s).attr(t)||i.push(s)}),i}if(window.$chocolatechipjs){var i=[];return ctx.hasAttribute(t)||i.push(ctx),i}}}),e.extend({eventStart:null,eventEnd:null,eventMove:null,eventCancel:null,gestureLength:30}),e(function(){window.navigator.pointerEnabled?(e.eventStart="pointerdown",e.eventEnd="pointerup",e.eventMove="pointermove",e.eventCancel="pointercancel"):window.navigator.msPointerEnabled?(e.eventStart="MSPointerDown",e.eventEnd="MSPointerUp",e.eventMove="MSPointerMove",e.eventCancel="MSPointerCancel"):"ontouchstart"in window?(e.eventStart="touchstart",e.eventEnd="touchend",e.eventMove="touchmove",e.eventCancel="touchcancel"):(e.eventStart="mousedown",e.eventEnd="click",e.eventMove="mousemove",e.eventCancel="mouseout")}),e.extend({isiPhone:/iphone/gim.test(navigator.userAgent),isiPad:/ipad/gim.test(navigator.userAgent),isiPod:/ipod/gim.test(navigator.userAgent),isiOS:/ip(hone|od|ad)/gim.test(navigator.userAgent),isAndroid:/android/gim.test(navigator.userAgent)&&!/trident/gim.test(navigator.userAgent),isWebOS:/webos/gim.test(navigator.userAgent),isBlackberry:/blackberry/gim.test(navigator.userAgent),isTouchEnabled:"createTouch"in document,isOnline:navigator.onLine,isStandalone:navigator.standalone,isiOS6:navigator.userAgent.match(/OS 6/i),isiOS7:navigator.userAgent.match(/OS 7/i),isWin:/trident/gim.test(navigator.userAgent),isWinPhone:/trident/gim.test(navigator.userAgent)&&/mobile/gim.test(navigator.userAgent),isIE10:navigator.userAgent.match(/msie 10/i),isIE11:navigator.userAgent.match(/msie 11/i),isWebkit:navigator.userAgent.match(/webkit/),isMobile:/mobile/gim.test(navigator.userAgent),isDesktop:!/mobile/gim.test(navigator.userAgent),isSafari:!/Chrome/gim.test(navigator.userAgent)&&/Safari/gim.test(navigator.userAgent)&&!/android/gim.test(navigator.userAgent),isChrome:/Chrome/gim.test(navigator.userAgent),isNativeAndroid:/android/i.test(navigator.userAgent)&&/webkit/i.test(navigator.userAgent)&&!/chrome/i.test(navigator.userAgent)}),e.extend({browserVersion:function(){var e,t=navigator.appName,i=navigator.userAgent,s=i.match(/(opera|chrome|safari|firefox|msie)\/?\s*(\.?\d+(\.\d+)*)/i);return s&&null!==(e=i.match(/version\/([\.\d]+)/i))&&(s[2]=e[1]),s=s?[s[1],s[2]]:[t,navigator.appVersion,"-?"],s[1]}}),e(function(){e.body=e("body"),/android/gim.test(navigator.userAgent)&&/webkit/gim.test(navigator.userAgent)&&!/Chrome/gim.test(navigator.userAgent)&&e.body.addClass("isNativeAndroidBrowser"),e.isWin?e.body.addClass("isWindows"):e.isiOS?e.body.addClass("isiOS"):e.isAndroid&&e.body.addClass("isAndroid"),e.isSafari&&6===parseInt(e.browserVersion(),10)&&e.body.addClass("isSafari6"),e.isNativeAndroid&&e.body.addClass("isNativeAndroidBrowser")});var r,l,c,d,u={},h=750,p=150;e(function(){var o,v,f=e(document.body),g=!1;f.on(e.eventStart,function(i){if(o=Date.now(),v=o-(u.last||o),i.originalEvent&&(i=i.originalEvent),window.navigator.msPointerEnabled||window.navigator.pointerEnabled){if(window&&window.jQuery&&e===window.jQuery){if(i.originalEvent&&!i.originalEvent.isPrimary)return}else if(!i.isPrimary)return;i=i.originalEvent?i.originalEvent:i,f.on("MSHoldVisual",function(e){e.preventDefault()}),u.el=e(t(i.target)),r&&clearTimeout(r),u.x1=i.pageX,u.y1=i.pageY,g=!1}else"mousedown"===e.eventStart?(u.el=e(t(i.target)),r&&clearTimeout(r),u.x1=i.pageX,u.y1=i.pageY,g=!1):1===i.touches.length&&(u.el=e(t(i.touches[0].target)),r&&clearTimeout(r),u.x1=i.touches[0].pageX,u.y1=i.touches[0].pageY,g=2===i.targetTouches.length?!0:!1);v>0&&250>=v&&(u.isDoubleTap=!0),u.last=o,d=setTimeout(s,h)}),f.on(e.eventMove,function(t){if(t.originalEvent&&(t=t.originalEvent),window.navigator.msPointerEnabled){if(window&&window.jQuery&&e===window.jQuery){if(t.originalEvent&&!t.originalEvent.isPrimary)return}else if(!t.isPrimary)return;t=t.originalEvent?t.originalEvent:t,n(),u.x2=t.pageX,u.y2=t.pageY}else n(),"mousemove"===e.eventMove?(u.x2=t.pageX,u.y2=t.pageY):1===t.touches.length&&(u.x2=t.touches[0].pageX,u.y2=t.touches[0].pageY);if(e.isAndroid){if(e.gestureLength=10,!u.el)return;u.x2&&Math.abs(u.x1-u.x2)>e.gestureLength||u.y2&&Math.abs(u.y1-u.y2)>e.gestureLength?l=setTimeout(function(){t.preventDefault(),u&&u.el&&(u.el.trigger("swipe"),u.el.trigger("swipe"+i(u.x1,u.x2,u.y1,u.y2)),u={})},0):"last"in u&&(c=setTimeout(function(){u&&u.el&&u.el.trigger("tap"),u&&u.isDoubleTap?u&&u.el&&(u.el.trigger("doubletap"),u={}):r=setTimeout(function(){return r=null,u&&u.el?(u.el.trigger("singletap"),u={},!1):void 0},p)},0))}}),f.on(e.eventEnd,function(t){if(window.navigator.msPointerEnabled)if(window&&window.jQuery&&e===window.jQuery){if(t.originalEvent&&!t.originalEvent.isPrimary)return}else if(!t.isPrimary)return;n(),u.el&&(u.x2&&Math.abs(u.x1-u.x2)>e.gestureLength||u.y2&&Math.abs(u.y1-u.y2)>e.gestureLength?l=setTimeout(function(){u&&u.el&&(u.el.trigger("swipe"),u.el.trigger("swipe"+i(u.x1,u.x2,u.y1,u.y2)),u={})},0):"last"in u&&(c=setTimeout(function(){u&&u.el&&u.el.trigger("tap"),u&&u.isDoubleTap?u&&u.el&&(u.el.trigger("doubletap"),u={}):r=setTimeout(function(){return r=null,u&&u.el?(u.el.trigger("singletap"),u={},!1):void 0},p)},0)))}),f.on("touchcancel",a)}),["swipe","swipeleft","swiperight","swipeup","swipedown","doubletap","tap","singletap","longtap"].forEach(function(t){e.fn.extend({method:function(e){return this.on(t,e)}})}),e.extend({UIDesktopCompat:function(){e.isDesktop&&e.isSafari?e("body").addClass("isiOS").addClass("isDesktopSafari isDesktop"):e.isDesktop&&e.isChrome&&e("body").addClass("isAndroid").addClass("isDesktopChrome isDesktop")}}),e(function(){e.UIDesktopCompat()}),e(function(){e.body=e("body"),e.body[0].classList.contains("splitlayout")||e("body").prepend("<nav id='global-nav'></nav>"),e.body[0].classList.contains("splitlayout")&&window.innerWidth<768&&e("meta[name=viewport]").attr("content","width=device-width, initial-scale=0.45, maximum-scale=2, user-scalable=yes"),e("h1").each(function(e,t){t.nextElementSibling&&"A"===t.nextElementSibling.nodeName&&t.classList.add("buttonOnRight")}),e(".toolbar").prev("article").addClass("has-toolbar"),e.isiOS&&e.isStandalone&&e.body[0].classList.add("isStandalone")}),e.extend({UIHideNavBar:function(){e("nav").hide(),e.body.addClass("hide-navbars")},UIShowNavBar:function(){e("nav").show(),e.body.removeClass("hide-navbars")}}),e.extend({subscriptions:{},subscribe:function(t,i){e.subscriptions[t]||(e.subscriptions[t]=[]);var s=e.Uuid();return e.subscriptions[t].push({token:s,callback:i}),s},unsubscribe:function(t){setTimeout(function(){for(var i in e.subscriptions)if(e.subscriptions[i])for(var s=0,n=e.subscriptions[i].length;n>s;s++)if(e.subscriptions[i][s].token===t)return e.subscriptions[i].splice(s,1),t;return!1})},publish:function(t,i){return e.subscriptions[t]?(setTimeout(function(){for(var s=e.subscriptions[t]?e.subscriptions[t].length:0;s--;)e.subscriptions[t][s].callback(t,i);return!0}),!0):!1}}),e.extend({UITrackHashNavigation:function(t,i){t=t||!0,e.UISetHashOnUrl(e.UINavigationHistory[e.UINavigationHistory.length-1],i)},UISetHashOnUrl:function(t,i){i=i||"#/";var s;s=/^#/.test(t)?i+t.split("#")[1]:i+t,e.isAndroid?(/#/.test(t)&&(t=t.split("#")[1]),/\//.test(t)&&(t=t.split("/")[1]),window.location.hash="#/"+t):window.history.replaceState("Object","Title",s)},UIGoBackToArticle:function(t){var i,s,n=e.UINavigationHistory.indexOf(t),a=e("article.current"),r=e(t);0===e.UINavigationHistory.length&&(r=e("article:first-of-type"),e.UINavigationHistory.push("#"+r[0].id));var l;l=e.UINavigationHistory.length>1?e.UINavigationHistory.splice(n+1):e("article.previous"),e.publish("chui/navigateBack/leave",a[0].id),e.publish("chui/navigateBack/enter",r[0].id),a[0].scrollTop=0,r[0].scrollTop=0,l.length&&e.forEach(l,function(t){e(t).removeClass("previous").addClass("next"),e(t).prev().removeClass("previous").addClass("next")}),i=a.next().hazClass("toolbar"),s=r.next().hazClass("toolbar"),r.removeClass("previous next").addClass("current"),r.prev().removeClass("previous next").addClass("current"),s.removeClass("previous next").addClass("current"),a.removeClass("current").addClass("next"),a.prev().removeClass("current").addClass("next"),i.removeClass("current").addClass("next"),e(".toolbar.previous").removeClass("previous").addClass("next"),e.UISetHashOnUrl(e.UINavigationHistory[e.UINavigationHistory.length-1]),o(r)},UIGoBack:function(){var t,i,s=e.UINavigationHistory.length,n=e("article.current"),a=e(e.UINavigationHistory[s-2]);0===s&&(a=e("article:first-of-type"),e.UINavigationHistory.push("#"+a[0].id)),e.publish("chui/navigateBack/leave",n[0].id),e.publish("chui/navigateBack/enter",a[0].id),n[0].scrollTop=0,a[0].scrollTop=0,t=n.next().hazClass("toolbar"),i=a.next().hazClass("toolbar"),a.removeClass("previous").addClass("current"),a.prev().removeClass("previous").addClass("current"),i.removeClass("previous").addClass("current"),n.removeClass("current").addClass("next"),n.prev().removeClass("current").addClass("next"),t.removeClass("current").addClass("next"),e.UISetHashOnUrl(e.UINavigationHistory[s-2]),1!==e.UINavigationHistory.length&&(e.UINavigationHistory.pop(),o(a))},isNavigating:!1,UIGoToArticle:function(t){if(!e.isNavigating){e.isNavigating=!0;var i=e("article.current"),s=i.prev();t=e(t);var n,a,r="#"+t[0].id,l=t.prev(),c="next previous";e.publish("chui/navigate/leave",i[0].id),e.UINavigationHistory.push(r),e.publish("chui/navigate/enter",t[0].id),i[0].scrollTop=0,t[0].scrollTop=0,n=i.next().hazClass("toolbar"),a=t.next().hazClass("toolbar"),i.removeClass("current").addClass("previous"),s.removeClass("current").addClass("previous"),n.removeClass("current").addClass("previous"),t.removeClass(c).addClass("current"),l.removeClass(c).addClass("current"),a.removeClass(c).addClass("current"),e.UISetHashOnUrl(t[0].id),setTimeout(function(){e.isNavigating=!1},500),o(t)}}}),e(function(){e.extend({UINavigationHistory:["#"+e("article").eq(0).attr("id")]}),e("nav:not(#global-nav)").forEach(function(t,i){e("body")[0].classList.contains("splitlayout")||t.classList.add(0===i?"current":"next")}),e("article").forEach(function(t,i){e("body")[0].classList.contains("splitlayout")||e("body")[0].classList.contains("slide-out-app")||t.classList.add(0===i?"current":"next")}),e("body").on("singletap","a.back",function(){this.classList.contains("back")&&e.UIGoBack()}),e("body").on("singletap doubletap","li",function(){var t=e(this);if(!e.isNavigating&&this.hasAttribute("data-goto")&&this.getAttribute("data-goto")&&document.getElementById(this.getAttribute("data-goto"))&&!e(this).parent()[0].classList.contains("deletable")){t.addClass("selected");var i="#"+this.getAttribute("data-goto");e(i).addClass("navigable"),setTimeout(function(){t.removeClass("selected")},500);var s=e(i);e.UIGoToArticle(s)}}),e("li[data-goto]").forEach(function(t){e(t).closest("article").addClass("navigable");var i="#"+t.getAttribute("data-goto");e(i).addClass("navigable")}),e("article").eq(1)[0]&&e.UISetHashOnUrl(e("article").eq(0)[0].id),e("nav").on(e.eventStart,function(e){e.preventDefault()})}),e(function(){e("body").on("singletap",".button",function(){var t=e(this);t.parent(".segmented")[0]||t.parent(".tabbar")[0]||e.isDesktop||(t.addClass("selected"),setTimeout(function(){t.removeClass("selected")},500))})}),e.fn.extend({UIBlock:function(t){return t=t?" style='opacity:"+t+"'":" style='opacity: .5;'",e(this).before("<div class='mask'"+t+"></div>"),e("article.current").attr("aria-hidden",!0),this},UIUnblock:function(){return e(".mask").remove(),e("article.current").removeAttr("aria-hidden"),this}}),e.fn.extend({UICenter:function(t){var t=t;if(this[0]){var i=e(this),s=i.parent();t?e(this.css("position",t)):t="absolute"===i.css("position")?"absolute":"relative";var n,a,o,r;"absolute"===t?(n=i[0].clientHeight,a=i[0].clientWidth,o=s[0].clientHeight,r=s[0].clientWidth):(n=parseInt(i.css("height"),10),a=parseInt(i.css("width"),10),o=parseInt(s.css("height"),10),r=parseInt(s.css("width"),10),e(this).css({"margin-left":"auto","margin-right":"auto"}));var l,c;"body"===s[0].nodeName?(l=window.innerHeight/2+window.pageYOffset-n/2+"px",c=window.innerWidth/2-a/2+"px"):(l=o/2-n/2+"px",c=r/2-a/2+"px"),"absolute"!==t&&(c=0),i.css({left:c,top:l})}}}),e.fn.extend({UIBusy:function(t){t=t||{};var i={size:43,color:"#000",position:!1,duration:"2s"};e.extend(i,t);var s,n=this,a=function(){var t={"-webkit-animation-duration":i.duration};return s=e('<span class="busy"></span>'),e(s).css({"background-color":i.color,height:i.size,width:i.size}),e(s).css(t),e(s).attr("role","progressbar"),i.position&&e(s).addClass(i.position),n.append(s),this},o=function(){i.id=e.Uuid();var s=null,a=i.position?" "+i.position:"";return e.isNativeAndroid?(s='<svg class="busy'+a+'" version="1.1" id="'+i.id+'" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"><g><path fill="none" stroke="'+i.color+'" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M74.2,65c2.7-4.4,4.3-9.5,4.3-15c0-15.7-12.8-28.5-28.5-28.5S21.5,34.3,21.5,50c0,5.5,1.6,10.6,4.3,15"/></g><polyline fill="none" stroke="'+i.color+'" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="89.4,56.1 74.3,65 65.4,49.9 "/></svg>',void n.append(s)):(s='<svg id="'+i.id+'" class="busy'+a+'" x="0px" y="0px" viewBox="0 0 100 100"><circle stroke="url(#SVGID_1_)" cx="50" cy="50" r="28.5"/></svg>',n.append(s),n.addClass("hasActivityIndicator"),i.position&&e("#"+i.id).addClass(i.position),t.color&&e("#"+i.id).find("circle").css("stroke",t.color),e("#"+i.id).css({height:i.size+"px",width:i.size+"px"}),e("#"+i.id))},r=function(){return s=e('<progress class="busy"></progress>'),e(s).css({color:i.color}),e(s).attr("role","progressbar"),e(s).addClass("win-ring"),i.position&&e(s).addClass(i.position),n.append(s),this};e.isWin?r(t):e.isAndroid||e.isChrome?o(t):(e.isiOS||e.isSafari)&&a(t)}}),e.extend({UIPopup:function(t){if(t){var i,s=t.id||e.Uuid(),n=t.title?"<header><h1>"+t.title+"</h1></header>":"",a=t.message?'<p role="note">'+t.message+"</p>":"",o=t.cancelButton?'<a href="javascript:void(null)" class="button cancel" role="button">'+t.cancelButton+"</a>":"",r=t.continueButton?'<a href="javascript:void(null)" class="button continue" role="button">'+t.continueButton+"</a>":"",l=t.callback||e.noop,c=t.empty?" noTitle":"",d=e.concat('<div class="popup closed',c,'" role="alertdialog" id="',s,'"><div class="panel">',n,a,"</div><footer>",o,r,"</footer>",i,"</div>");e("body").append(d),l&&r&&e(".popup").find(".continue").on(e.eventStart,function(){e(".popup").UIPopupClose(),l.call(l)}),e.UICenterPopup(),setTimeout(function(){e("body").find(".popup").removeClass("closed")},200),e("body").find(".popup").UIBlock("0.5");var u=e.eventStart+" singletap "+e.eventEnd;e(".mask").on(u,function(e){e.stopPropagation()})}},UICenterPopup:function(){var t=e(".popup");if(t[0]){var i,s=window.innerHeight/2+window.pageYOffset-t[0].clientHeight/2+"px";i=320===window.innerWidth?"10px":Math.floor((window.innerWidth-318)/2)+"px",t.css(e.isWin?{top:s}:{left:i,top:s})}}}),e.fn.extend({UIPopupClose:function(){(this||this.classList.contains("popup"))&&(e(this).UIUnblock(),e(this).remove())}}),e(function(){e("body").on(e.eventStart,".cancel",function(){e(this).closest(".popup")[0]&&e(this).closest(".popup").UIPopupClose()}),e(window).on("resize",function(){e.UICenterPopup()})}),e.extend({UIPopover:function(t){t=t||{};var i={id:e.Uuid(),callback:e.noop,title:""};e.extend(i,t),i.content=t&&t.content?t.content:"";var s="<header><h1>"+i.title+"</h1></header>",n='<div class="popover" id="'+i.id+'">'+s+"<section></section></div>",a="#"+i.id,o=function(t){var i,s,n=e(t).offset(),o=n.left,r=e(a),l=r.offset();i=l.left,s=n.top+e(t)[0].clientHeight,r.css(r.width()+n.left>window.innerWidth?{left:window.innerWidth-r.width()-20+"px",top:s+20+"px"}:{left:o+"px",top:s+20+"px"})};return e(".mask")[0]?(e.UIPopoverClose(),void e("body").UIUnblock()):(e("body").append(n),e.isWin&&e(a).addClass("open"),e(a).data("triggerEl",i.trigger),e(a).find("section").append(i.content),i.callback.call(i.callback,i.trigger),o(i.trigger),void e(".popover").UIBlock(".5"))}}),e.extend({UIAlignPopover:function(){var t=e(".popover");if(t.length){var i=t.data("triggerEl"),s=e(i).offset(),n=s.left;t.css(e(t).width()+s.left>window.innerWidth?{left:window.innerWidth-e(t).width()-20+"px"}:{left:n+"px"})}}}),e.extend({UIPopoverClose:function(){e("body").UIUnblock(),e(".popover").css("visibility","hidden"),setTimeout(function(){e(".popover").remove()},10)}}),e(function(){e(window).on("resize",function(){e.UIAlignPopover()});var t=e.eventStart+" singletap "+e.eventEnd;e("body").on(t,".mask",function(t){if(e(".popover")[0])e.UIPopoverClose();else{if(t&&1===t.nodeType)return;t.stopPropogation()}})}),e.fn.extend({UISegmented:function(t){if(!e(this).hazClass("paging").length){var i=t&&t.callback?t.callback:e.noop,s=t&&t.selected>0?t.selected:0;this.find("a").forEach(function(t,i){e(t).find("a").attr("role","radio"),i===s&&(t.setAttribute("aria-checked","true"),t.classList.add("selected"))}),this.on("singletap",".button",function(t){var s=e(this);this.parentNode.classList.contains("paging")||(s.siblings("a").removeClass("selected"),s.siblings("a").removeAttr("aria-checked"),s.addClass("selected"),s.attr("aria-checked",!0),i.call(this,t))})}}}),e.extend({UICreateSegmented:function(t){var i,s=t&&t.id?t.id:e.Uuid(),n=t&&t.className?t.className:"",a=t&&t.labels?t.labels:[],o=(t&&t.selected?t.selected:0,['<div class="segmented']);return n&&o.push(" "+n),o.push('">'),a.forEach(function(e){o.push('<a role="radio" class="button'),o.push('"'),o.push(">"),o.push(e),o.push("</a>")}),o.push("</div>"),i=e(o.join("")),i.attr("id",s),i}}),e.fn.extend({UIPanelToggle:function(t,i){var s,n=0;n=this.children().hazClass("selected").index()||0,t instanceof Array?s=t.children("div"):"string"==typeof t&&(s=e(t).children("div")),s.eq(n).siblings().css({display:"none"}),i&&i.apply(this,arguments),this.on(e.eventEnd,"a",function(){s.eq(e(this).index()).css({display:"block"}).siblings().css("display","none")}),this.on("singletap",".button",function(){var t=e(this);this.parentNode.classList.contains("paging")||(t.siblings("a").removeClass("selected"),t.siblings("a").removeAttr("aria-checked"),t.addClass("selected"),t.attr("aria-checked",!0))})}}),e.extend({UIPaging:function(){var t=e(".segmented.paging").closest("nav").next();e(".segmented.paging").hazClass("horizontal").length?t.addClass("horizontal"):e(".segmented.paging").hazClass("vertical").length&&t.addClass("vertical"),t.children().eq(0).addClass("current"),t.children().eq(0).siblings().addClass("next");var i=function(){return t.children().length},s=function(s){if(1!==i()){s.next().removeClass("selected"),s.addClass("selected");var n;n=e("section.current"),0===n.index()?(n.removeClass("current"),t.children().eq(i()-1).addClass("current").removeClass("next"),t.children().eq(i()-1).siblings().removeClass("next").addClass("previous")):(n.removeClass("current").addClass("next"),n.prev().removeClass("previous").addClass("current")),setTimeout(function(){s.removeClass("selected")},250)}},n=function(s){if(1!==i()){s.prev().removeClass("selected"),s.addClass("selected");var n;s[0].classList.contains("disabled")||(n=e("section.current"),n.index()===i()-1?(n.removeClass("current"),t.children().eq(0).addClass("current").removeClass("previous"),t.children().eq(0).siblings().removeClass("previous").addClass("next")):(n.removeClass("current").addClass("previous"),n.next().removeClass("next").addClass("current")),setTimeout(function(){s.removeClass("selected")},250))}};e(".segmented.paging").on(e.eventStart,".button:first-of-type",function(){s(e(this))}),e(".segmented.paging").on(e.eventStart,".button:last-of-type",function(){n(e(this))}),e("article.paging.horizontal")[0]&&(e("article.paging").on("swiperight",function(){s(e(".button:first-of-type"))}),e("article.paging").on("swipeleft",function(){n(e(".button:last-of-type"))})),e("article.paging.vertical")[0]&&(e("article.paging").on("swipeup",function(){s(e(".button:first-of-type"))}),e("article.paging").on("swipeudown",function(){n(e(".button:last-of-type"))}))}}),e.fn.extend({UIEditList:function(t){var i={editLabel:"Edit",doneLabel:"Done",deleteLabel:"Delete",callback:e.noop,deletable:!0,movable:!0};if(t&&(e.extend(i,t),i.deletable||i.movable)){var s,n,a,o,r,l,c=i.editLabel,d=(i.doneLabel,i.deleteLabel),u=(i.placement,i.callback,"swiperight"),h="swipeleft",p=e("html").attr("dir");p=p?p.toLowerCase():"","rtl"===p&&(u="swipeleft",h="swiperight"),e.isWin&&(d="");{e("li").eq(0)[0].clientHeight}if(i.deletable&&(s=e.concat('<a href="javascript:void(null)" class="button delete">',d,"</a>"),a='<span class="deletion-indicator"></span>',e(this).addClass("deletable")),i.movable){var r="<span class='move-up'></span>",l="<span class='move-down'></span>";e(this).addClass("editable")}n=e.concat('<a href="javascript:void(null)" class="button edit">',c,"</a>"),e(this).closest("article").prev().find(".edit")[0]||e(this).closest("article").prev().find(".done")[0]||e(this).closest("article").prev().append(n),o=e(this).closest("article").prev().find(".edit"),e(this).find("li").forEach(function(t){e(t).has(".deletion-indicator").length||(i.deletable&&e(t).prepend(a),i.movable&&(e(t).append(r),e(t).append(l)),i.deletable&&e(t).append(s))});var v=[];this.find("li").each(function(t,i){v.push(e(i).attr("data-ui-value"))});var f=function(t,s,n){e(function(){n.on("singletap",function(){var n=this;this.classList.contains("edit")?setTimeout(function(){n.classList.remove("edit"),n.classList.add("done"),e(n).text(i.doneLabel),e(s).addClass("showIndicators")}):this.classList.contains("done")&&(e(s).data("list-edit")&&t.call(t,n),setTimeout(function(){n.classList.remove("done"),n.classList.add("edit"),e(n).text(i.editLabel),e(s).removeClass("showIndicators"),e(s).find("li").removeClass("selected")}))}),e(s).off("singletap",".deletion-indicator"),e(s).on("singletap",".deletion-indicator",function(){return e(this).parent("li").hazClass("selected").length?void e(this).parent("li").removeClass("selected"):void e(this).parent("li").addClass("selected")}),e(s).on(u,"li",function(){i.deletable&&e(this).removeClass("selected")}),e(s).on(h,"li",function(){i.deletable&&e(this).addClass("selected")}),e(s).on("singletap",".move-up",function(){var t=e(this).closest("li");if(!t.is("li:first-child")){e(s).data("list-edit",!0);var i=e(this).closest("li").clone();t.prev().before(i),t.remove()}}),e(s).on("singletap",".move-down",function(){var t=e(this).closest("li");if(!t.is("li:last-child")){e(s).data("list-edit",!0);var i=e(this).closest("li").clone();t.next().after(i),t.remove()}}),e(s).on("singletap",".delete",function(){var t=this;e(s).data("list-edit",!0);var i="-1000%";"rtl"===e("html").attr("dir")&&(i="1000%"),e(this).siblings().css({"-webkit-transform":"translate3d("+i+",0,0)","-webkit-transition":"all 1s ease-out"}),setTimeout(function(){e(t).parent().remove()},500)})})};return f(i.callback,e(this),o)}}}),e.fn.extend({UISelectList:function(t){var i=t&&t.name?t.name:e.Uuid(),s=this[0];s.classList.add("select"),e(s).find("li").forEach(function(s,n){var a=null!==s.getAttribute("data-select-value")?s.getAttribute("data-select-value"):"";s.setAttribute("role","radio"),e(s).removeClass("selected").find("input").removeAttr("checked"),t&&t.selected===n?(s.setAttribute("aria-checked","true"),s.classList.add("selected"),e(s).find("input")[0]?e(s).find("input").prop("checked",!0).attr("value",a):e(s).append('<input type="radio" checked="checked" name="'+i+'" value="'+a+'">')):e(s).find("input")[0]||e(s).append('<input type="radio" name="'+i+'" value="'+a+'">')}),e(s).on("singletap","li",function(){var i=this;e(i).siblings("li").removeClass("selected"),e(i).siblings("li").removeAttr("aria-checked"),e(i).siblings("li").find("input").removeAttr("checked"),e(i).addClass("selected"),i.setAttribute("aria-checked",!0),e(i).find("input").prop("checked",!0),t&&t.callback&&t.callback.apply(this,arguments)})}}),e.extend({UISheet:function(t){var i=e.Uuid(),s="",n="";t&&(i=t.id?t.id:i,s=t.listClass?" "+t.listClass:"",n=' style="background-color:'+t.background+';" '||"");var a='<div id="'+i+'" class="sheet'+s+'"><div class="handle"></div><section class="scroller-vertical"></section></div>';e("body").append(a),e(".sheet .handle").on(e.eventStart,function(){e.UIHideSheet()})},UIShowSheet:function(){e("article.current").addClass("blurred"),e.isAndroid||e.isChrome?(e(".sheet").css("display","block"),setTimeout(function(){e(".sheet").addClass("opened")},20)):e(".sheet").addClass("opened")},UIHideSheet:function(){e(".sheet").removeClass("opened"),e("article.current").addClass("removeBlurSlow"),setTimeout(function(){e("article").removeClass("blurred"),e("article").removeClass("removeBlurSlow")},500)}}),e.extend({UISlideout:function(t){var i,s,n=e.noop;i=t&&t.position?t.position:"left",s=t&&t.dynamic?t.dynamic:!1,t&&t.callback&&(n=t.callback);var a=e("<a class='button slide-out-button' href='javascript:void(null)'></a>"),o='<div class="slide-out"><section></section></div>';e("article").removeClass("next"),e("article").removeClass("current"),e("article").prev().removeClass("next"),e("article").prev().removeClass("current"),e("body").append(o),e("body").addClass("slide-out-app"),e("article:first-of-type").addClass("show"),e("article:first-of-type").prev().addClass("show"),e("#global-nav").append(a),e(".slide-out-button").on(e.eventStart,function(){e(".slide-out").toggleClass("open")}),s?e(".slide-out").on("singletap","li",function(){n(this)}):e(".slide-out").on("singletap","li",function(){var t="#"+e(this).attr("data-show-article");e.UINavigationHistory[0]=t,e.UISetHashOnUrl(t),e.publish("chui/navigate/leave",e("article.show")[0].id),e.publish("chui/navigate/enter",t),e(".slide-out").removeClass("open"),e("article").removeClass("show"),e("article").prev().removeClass("show"),e(t).addClass("show"),e(t).prev().addClass("show")})}}),e.extend(e.UISlideout,{populate:function(t){var i=e(".slide-out");if(i[0]&&e.isArray(t)){i.find("section").append('<ul class="list"></ul>');var s=i.find("ul");t.forEach(function(e){for(var t in e)s.append("header"===t?'<li class="slideout-header"><h2>'+e[t]+"</h2></li>":'<li data-show-article="'+t+'"><h3>'+e[t]+"</h3></li>")})}}}),e.fn.extend({UIStepper:function(t){if(!t)return[];if(!t.start)return[];if(!t.end)return[];var i=e(this),s=t.start,n=t.end,a=t.defaultValue?t.defaultValue:t.start,o="+",r="-";e.isWin&&(o="",r="");var l='<a href="javascript:void(null)" class="button decrease">'+r+"</a>",c="<label>"+a+'</label><input type="text" value="'+a+'">',d='<a href="javascript:void(null)" class="button increase">'+o+"</a>";i.append(l+c+d),i.data("ui-value",{start:s,end:n,defaultValue:a});var u=function(){var t,s=i.find("input").val(),n=i.data("ui-value"),a=n.start;a>=s?e(this).addClass("disabled"):(t=Number(s)-1,i.find(".button:last-of-type").removeClass("disabled"),i.find("label").text(t),i.find("input")[0].value=t,s===a&&e(this).addClass("disabled"))},h=function(){var t,s=i.find("input").val(),n=i.data("ui-value"),a=n.end;s>=a?e(this).addClass("disabled"):(t=Number(s)+1,i.find(".button:first-of-type").removeClass("disabled"),i.find("label").text(t),i.find("input")[0].value=t,s===a&&e(this).addClass("disabled"))};i.find(".button:first-of-type").on("singletap",function(){u.call(this,i)}),i.find(".button:last-of-type").on("singletap",function(){h.call(this,i)})}}),e.extend({UIResetStepper:function(e){var t=e.data("ui-value").defaultValue;e.find("label").html(t),e.find("input")[0].value=t}}),e.fn.extend({UISwitch:function(){var t=!1;this.forEach(function(i){i.setAttribute("role","checkbox"),e(i).data("ui-setup")!==!0&&(i.querySelector("input")||i.insertAdjacentHTML("afterBegin",'<input type="checkbox">'),i.classList.contains("on")&&i.querySelector("input").setAttribute("checked","checked"),i.querySelector("em")&&(t=!0),t||i.insertAdjacentHTML("afterBegin","<em></em>"),e(i).on("singletap",function(){var e=i.querySelector("input");i.classList.contains("on")?(i.classList.remove("on"),i.removeAttribute("aria-checked"),e.removeAttribute("checked")):(i.classList.add("on"),e.setAttribute("checked","checked"),i.setAttribute("aria-checked",!0))}),e(i).on("swipeleft",function(){var e=i.querySelector("input");i.classList.contains("on")&&(i.classList.remove("on"),i.removeAttribute("aria-checked"),e.removeAttribute("checked"))}),e(i).on("swiperight",function(){var e=i.querySelector("input");i.classList.contains("on")||(i.classList.add("on"),e.setAttribute("checked","checked"),i.setAttribute("aria-checked",!0))}),e(i).data("ui-setup",!0))})}}),e.extend({UICreateSwitch:function(t){var i=t?t.id:e.Uuid(),s=t&&t.name?' name="'+t.name+'"':"",n=t&&t.value?' value="'+t.value+'"':"",a=t&&"on"===t.state?" "+t.state:"",o=t&&"on"===t.state?' checked="checked"':"",r=e.concat('<span class="switch',a,'" id="',i,'"><em></em>','<input type="checkbox"',s,o,n,"></span>");return e(r)}}),e(function(){e(".switch").UISwitch()}),document.addEventListener("touchstart",function(e){var t=e.target,i=0;for(i=0;10>i;i+=1)null!==t&&(void 0!==t.className&&t.className.match("navigable")&&(0===t.scrollTop?t.scrollTop=1:t.scrollTop+t.offsetHeight===t.scrollHeight&&(t.scrollTop=t.scrollTop-1)),t=t.parentNode)}),e.extend({UITabbar:function(t){if(t){var i={id:e.Uuid(),selected:0};e.extend(i,t),e("body").addClass("hasTabBar"),e.isiOS6&&e("body").addClass("isiOS6");
+for(var s='<div class="tabbar" id="'+i.id+'">',n=e.isiOS||e.isSafari?'<span class="icon"></span>':"",a=e("article"),o=0;o<i.tabs;o++)s+='<a class="button '+i.icons[o],i.selected===o+1&&(s+=" selected"),s+='">'+n+"<label>"+i.labels[o]+"</label></a>";s+="</div>",e("body").append(s),e("#"+i.id).find(".button").each(function(t,i){e(i).data("history",["#"+a.eq(t)[0].id])}),e("nav").removeClass("current").addClass("next"),e("#global-nav").removeClass("next"),e("nav").eq(i.selected).removeClass("next").addClass("current"),e("article").removeClass("current").addClass("next"),e("article").eq(i.selected-1).removeClass("next").addClass("current"),e(".tabbar").on("singletap",".button",function(){var t,i,s=this;e.publish("chui/navigate/leave",e("article.current")[0].id),e(this).siblings(".selected").data("history",e.UINavigationHistory),s.classList.add("selected"),e(s).siblings("a").removeClass("selected"),t=e(this).index(),e("article.previous").removeClass("previous").addClass("next"),e("nav.previous").removeClass("previous").addClass("next");var n=e(this).data("history");if(n.length>1){e("article.current").removeClass("current").addClass("next"),e("nav.current").removeClass("current").addClass("next"),e(n[n.length-1]).removeClass("next").addClass("current"),e(n[n.length-1]).prev().removeClass("next").addClass("current");for(var a=n.length-1,o=0;a>o;o++)e(n[o]).removeClass("next").addClass("previous"),e(n[o]).prev().removeClass("next").addClass("previous")}else e("article.current").removeClass("current").addClass("next"),e("nav.current").removeClass("current").addClass("next"),e("article").eq(t).removeClass("next").addClass("current"),e("nav").eq(t+1).removeClass("next").addClass("current");i=e("article").eq(t)[0].id,e.publish("chui/navigate/enter",i),e("article").forEach(function(t){window.jQuery?e(t).scrollTop(0):window.$chocolatechipjs&&(t.scrollTop=0)}),e.UISetHashOnUrl("#"+i),e.UINavigationHistory=e(this).data("history")})}}}),e.extend({templates:{},template:function(e,t){var i;t=t||"data",i=/\[\[=([\s\S]+?)\]\]/g;var s=new Function(t,"var p=[];p.push('"+e.replace(/[\r\t\n]/g," ").split("'").join("\\'").replace(i,"',$1,'").split("[[").join("');").split("]]").join("p.push('")+"');return p.join('');");return s}}),e.extend({UISearch:function(t){var i=t&&t.articleId||e("article").eq(0),s=t&&t.id||e.Uuid(),n=t&&t.placeholder||"search",a=t&&t.results||1,o='<div class="searchBar"><input placeholder="'+n+'" type="search" results="'+a+'" id="'+s+'"></div>';e(i).find("section").prepend(o),e.isWin&&(e(i).prev().append(o),e("#"+s).parent().append('<span class="searchGlyph">&#xe11A;</span>'))}}),e(function(){var t=function(){function t(e){return""===s?e:(e=e.charAt(0).toUpperCase()+e.substr(1),s+e)}var i=document.createElement("div").style,s=function(){for(var e,t="t,webkitT".split(","),s=t.length,n=0;s>n;n++)if(e=t[n]+"ransform",e in i)return t[n].substr(0,t[n].length-1);return!1}(),n=s?"-"+s.toLowerCase()+"-":"",a=t("transform"),o=t("transitionDuration"),r="ontouchstart"in window,l=e.eventStart,c=e.eventMove,d=e.eventEnd,u=e.eventCancel,h=function(){if(s===!1)return!1;var e={"":"transitionend",webkit:"webkitTransitionEnd"};return e[s]}(),p=function(t){if(t){var i,s,a;this.carouselContainer="string"==typeof t.target?document.querySelector(t.target):t.target,this.options={panels:t.panels||3,snapThreshold:null,loop:t.loop||!0},e.isRTL&&(t.loop=!0);for(var o in t)this.options[o]=t[o];this.carouselContainer.style.overflow="hidden",this.carouselContainer.style.position="relative",this.carouselPanels=[],i=document.createElement("ul"),i.className="carousel-track",i.style.cssText="position:relative;top:0;height:100%;width:100%;"+n+"transition-duration:0;"+n+"transform:translateZ(0);"+n+"transition-timing-function:ease-out",this.carouselContainer.appendChild(i),this.track=i,this.refreshSize();for(var r,u=-1;2>u;u++)s=document.createElement("li"),s.id="carousel-panel-"+(u+1),s.style.cssText=n+"transform:translateZ(0);position:absolute;top:0;height:100%;width:100%;left:"+100*u+"%",r=-1===u?this.options.panels-1:u,e(s).data("upcomingPanelIndex",r),this.options.loop||-1!==u||(s.style.visibility="hidden"),this.track.appendChild(s),this.carouselPanels.push(s);a=this.carouselPanels[1].className,this.carouselPanels[1].className=a?a+" carousel-panel-active":"carousel-panel-active",this.carouselContainer.addEventListener(l,this,!1),this.carouselContainer.addEventListener(c,this,!1),this.carouselContainer.addEventListener(d,this,!1),this.track.addEventListener(h,this,!1);var p;if(t.pagination){p=document.createElement("ul"),p.className="pagination";for(var v=0;v<this.options.panels.length;v++)s=document.createElement("li"),0===v&&(s.className="selected"),p.appendChild(s);window.$chocolatechipjs?this.carouselContainer.insertAdjacentElement("afterEnd",p):e(this.carouselContainer).after(p)}}};return p.prototype={currentPanel:1,x:0,panel:0,customEvents:[],onSlide:function(e){this.carouselContainer.addEventListener("carousel-panel-move",e,!1),this.customEvents.push(["move",e])},destroy:function(){for(;this.customEvents.length;)this.carouselContainer.removeEventListener("carousel-panel-"+this.customEvents[0][0],this.customEvents[0][1],!1),this.customEvents.shift();this.carouselContainer.removeEventListener(l,this,!1),this.carouselContainer.removeEventListener(c,this,!1),this.carouselContainer.removeEventListener(d,this,!1),this.track.removeEventListener(h,this,!1)},refreshSize:function(){this.carouselContainerWidth=this.carouselContainer.clientWidth,this.carouselContainerHeight=this.carouselContainer.clientHeight,this.panelWidth=this.carouselContainerWidth,this.maxX=-this.options.panels*this.panelWidth+this.carouselContainerWidth,this.snapThreshold=null===this.options.snapThreshold?Math.round(.15*this.panelWidth):/%/.test(this.options.snapThreshold)?Math.round(this.panelWidth*this.options.snapThreshold.replace("%","")/100):this.options.snapThreshold},updatePanelCount:function(e){this.options.panels=e,this.maxX=-this.options.panels*this.panelWidth+this.carouselContainerWidth},goToPanel:function(t){this.carouselPanels[this.currentPanel].className=this.carouselPanels[this.currentPanel].className.replace(/(^|\s)carousel-panel-active(\s|$)/,""),t=0>t?0:t>this.options.panels-1?this.options.panels-1:t,console.log("p: ",t),this.panel=t,this.track.style[o]="0s",this.getPosition(-t*this.panelWidth),this.currentPanel=this.panel+1-3*Math.floor((this.panel+1)/3),this.carouselPanels[this.currentPanel].className=this.carouselPanels[this.currentPanel].className+" carousel-panel-active",0===this.currentPanel?(this.carouselPanels[2].style.left=100*this.panel-100+"%",this.carouselPanels[0].style.left=100*this.panel+"%",this.carouselPanels[1].style.left=100*this.panel+100+"%",e(this.carouselPanels[2]).data("upcomingPanelIndex",0===this.panel?this.options.panels-1:this.panel-1),e(this.carouselPanels[0]).data("upcomingPanelIndex",this.panel),e(this.carouselPanels[1]).data("upcomingPanelIndex",this.panel===this.options.panels-1?0:this.panel+1)):1===this.currentPanel?(this.carouselPanels[0].style.left=100*this.panel-100+"%",this.carouselPanels[1].style.left=100*this.panel+"%",this.carouselPanels[2].style.left=100*this.panel+100+"%",e(this.carouselPanels[0]).data("upcomingPanelIndex",0===this.panel?this.options.panels-1:this.panel-1),e(this.carouselPanels[1]).data("upcomingPanelIndex",this.panel),e(this.carouselPanels[2]).data("upcomingPanelIndex",this.panel===this.options.panels-1?0:this.panel+1)):(this.carouselPanels[1].style.left=100*this.panel-100+"%",this.carouselPanels[2].style.left=100*this.panel+"%",this.carouselPanels[0].style.left=100*this.panel+100+"%",e(this.carouselPanels[1]).data("upcomingPanelIndex",0===this.panel?this.options.panels-1:this.panel-1),e(this.carouselPanels[2]).data("upcomingPanelIndex",this.panel),e(this.carouselPanels[0]).data("upcomingPanelIndex",this.panel===this.options.panels-1?0:this.panel+1)),this.slide()},handleEvent:function(e){switch(e.type){case l:this.start(e);break;case c:this.move(e);break;case u:case d:this.end(e)}},getPosition:function(e){this.x=e,this.track.style[a]="translate("+e+"px,0) translateZ(0)"},resize:function(){this.refreshSize(),this.track.style[o]="0s",this.getPosition(-this.panel*this.panelWidth)},start:function(e){if(!this.initiated){var t=r?e.touches[0]:e;this.initiated=!0,this.moved=!1,this.thresholdExceeded=!1,this.startX=t.pageX,this.startY=t.pageY,this.pointX=t.pageX,this.pointY=t.pageY,this.stepsX=0,this.stepsY=0,this.directionX=0,this.directionLocked=!1,this.track.style[o]="0s",this.event("touchstart")}},move:function(e){if(this.initiated){{var t=r?e.touches[0]:e,i=t.pageX-this.pointX,s=t.pageY-this.pointY,n=this.x+i;Math.abs(t.pageX-this.startX)}if(this.moved=!0,this.pointX=t.pageX,this.pointY=t.pageY,this.directionX=i>0?1:0>i?-1:0,this.stepsX+=Math.abs(i),this.stepsY+=Math.abs(s),!(this.stepsX<10&&this.stepsY<10)){if(!this.directionLocked&&this.stepsY>this.stepsX)return void(this.initiated=!1);e.preventDefault(),this.directionLocked=!0,!this.options.loop&&(n>0||n<this.maxX)&&(n=this.x+i/2),this.getPosition(n)}}},end:function(e){if(this.initiated){var t=r?e.changedTouches[0]:e,i=Math.abs(t.pageX-this.startX);if(this.initiated=!1,this.moved)return!this.options.loop&&(this.x>0||this.x<this.maxX)&&(i=0),i<this.snapThreshold?(this.track.style[o]=Math.floor(300*i/this.snapThreshold)+"ms",void this.getPosition(-this.panel*this.panelWidth)):void this.checkPosition()}},checkPosition:function(){var t,i,s;this.carouselPanels[this.currentPanel].className="",this.directionX>0?(this.panel=-Math.ceil(this.x/this.panelWidth),this.currentPanel=this.panel+1-3*Math.floor((this.panel+1)/3),t=this.currentPanel-1,t=0>t?2:t,this.carouselPanels[t].style.left=100*this.panel-100+"%",i=this.panel-1):(this.panel=-Math.floor(this.x/this.panelWidth),this.currentPanel=this.panel+1-3*Math.floor((this.panel+1)/3),t=this.currentPanel+1,t=t>2?0:t,this.carouselPanels[t].style.left=100*this.panel+100+"%",i=this.panel+1),s=this.carouselPanels[this.currentPanel].className,/(^|\s)carousel-panel-active(\s|$)/.test(s)||(this.carouselPanels[this.currentPanel].className=s?s+" carousel-panel-active":"carousel-panel-active"),s=this.carouselPanels[t].className,i-=Math.floor(i/this.options.panels)*this.options.panels,e(this.carouselPanels[t]).data("upcomingPanelIndex",i);var n=-this.panel*this.panelWidth;this.track.style[o]=Math.floor(500*Math.abs(this.x-n)/this.panelWidth)+"ms",this.options.loop||(this.carouselPanels[t].style.visibility=0===n||n===this.maxX?"hidden":""),this.x===n?this.slide():(this.getPosition(n),this.slide())},slide:function(){this.event("move")},event:function(e){var t=document.createEvent("Event");t.initEvent("carousel-panel-"+e,!0,!0),this.carouselContainer.dispatchEvent(t)}},p}();e.extend({UISetupCarousel:function(i){function s(e){var t=e.shift(0);return e.reverse(),e.unshift(t),e}if(i){i.loop=i.loop||!1;var n=new t({target:i.target,panels:i.panels.length,loop:i.loop,pagination:i.pagination});e(i.target).data("carousel",n),e.isRTL&&(i.panels=s(i.panels));for(var a,o=0;3>o;o++)a=0===o?i.panels.length-1:o-1,n.carouselPanels[o].innerHTML=i.panels[Number(a)];var r=0,l=e(i.target).next(".pagination");n.onSlide(function(){for(var t=0;3>t;t++){var s=e(n.carouselPanels[t]).data("upcomingPanelIndex");n.carouselPanels[t].innerHTML=i.panels[Number(s)]}r=e(".carousel-panel-active").data("upcomingPanelIndex"),l.find("li").removeClass("selected"),e.isRTL?(l.find("li").removeClass("selected"),1>r?l.find("li").eq(0).addClass("selected"):l.find("li").eq(i.panels.length-r).addClass("selected")):l.find("li").eq(r).addClass("selected")}),e(i.target).on("mousedown","img",function(){return!1});var c=e(i.target).css("width");l.css("width",c),l.on("click","li",function(){e(this).siblings("li").removeClass("selected"),e(this).addClass("selected");var t=0;if(e.isRTL){var i=e(this).parent().children("li").length;0===e(this).index()?n.goToPanel(0):(t=i-e(this).index(),n.goToPanel(t)),e(this).siblings("li").removeClass("selected"),e(this).addClass("selected")}else n.goToPanel(0===e(this).index()?0:e(this).index())})}}})}),e.fn.extend({UIRange:function(){if(!e.isWin&&"INPUT"===this[0].nodeName){var t,i=e(this),s=i.width(),n=(i.val()-i.attr("min"))/(i.attr("max")-i.attr("min")),a=-1.3;0>n?t=0:n>1?t=s:(t=s*n+a,a-=n),i.css({"background-size":Math.round(t)+"px 10px"})}}}),e(function(){e("input[type=range]").forEach(function(t){e(t).UIRange()}),e("body").on("input","input[type=range]",function(){e(this).UIRange()})}),e.extend({UISelectBox:function(){if(!e.isDesktop&&e.isiOS)e(".select-box-label").forEach(function(t){var i=e(t),s=i.prev();s[0].id||s.attr("id",e.Uuid()),s.trigger("singletap"),i.text(s.val()),i.attr("for",s.attr("id"))}),e(".select-box select").on("change",function(){e(this).next().text(e(this).val())});else if(!e.isDesktop){var t=function(e){var t;t=document.createEvent("MouseEvents"),t.initMouseEvent("mousedown",!0,!0,window),e.dispatchEvent(t)};e.isDesktop||(e(".select-box-label").forEach(function(t){t.id||e(t).prev().attr("id",e.Uuid());var i=e(t).siblings("select").val();e(t).text(i)}),e(".select-box select").on("change",function(){var t=e(this).find("option:selected").text(),i=e(this);i.next("label").text(e(this).val()),i.siblings("label").text(t)}),e("body").on("singletap",".select-box-label",function(){t(e("select")[0])}))}}}),e(function(){e.UISelectBox()}),e.fn.extend({UIHorizontalScrollPanel:function(){return this.each(function(){var t=e(this).find("ul"),i=0;t.find("li").each(function(t,s){i+=parseInt(e(s).outerWidth(!0))});var s=parseInt(e(this).css("padding-left"))+parseInt(e(this).css("padding-right"));t.css("width",i+(s+s/2))})}}),e.extend(e,{UIBindData:function(){var t=e("[data-controller]"),i=[],s=function(t){var s="data-binding-"+e(t).attr("data-controller");i.push(s)};t.each(function(t,n){var a=e(n).attr("data-controller");s(n),e.subscribe(i[t],function(t,i){var s="[data-model="+a+"]";e(s).text(i)})}),e("body").on("input change","[data-controller]",function(){var t="data-binding-"+e(this).attr("data-controller");e.publish(t,e(this).val())})}})}(window.CHUIJSLIB);

data/vendor/assets/stylesheets/chui-android-3.7.0.css

@@ -0,0 +1,2970 @@
+/*
+    pO\
+   6  /\
+     /OO\
+    /OOOO\
+   /OOOOOO\
+  (OOOOOOOO)
+   \:~==~:/
+
+ChocolateChip-UI
+ChUI-Android.css
+Copyright 2014 Sourcebits www.sourcebits.com
+License: MIT
+Version: 3.7.0
+*/
+/*
+  To create a custom theme, adjust the color for @primaryColor. If you want a secondary color, uncomment the line for @secondaryColor and set it's value to what you want.
+*/
+.attentionGrapper {
+  color: #007aff !important;
+}
+/* 
+  Flex parameters:
+  #flex > .display(<flex> | <inline-flex>);
+  #flex > .flex-direction(row | row-reverse | column | column-reverse);
+  #flex > .justify-content(flex-start | flex-end | center | space-between | space-around);
+  #flex > .align-content(flex-start | flex-end | center | space-between | space-around | stretch);
+  #fkex > .flex(none | [ <flex-grow> <flex-shrink> | <flex-basis> ]);
+*/
+/* ==============================
+   Body
+   =========================== */
+html,
+body {
+  padding: 0;
+  margin: 0;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow: hidden;
+  -webkit-font-smoothing: subpixel-antialiased;
+}
+body {
+  /* Change background color for your app: */
+  background-color: #fafafa;
+  font: 100 14px/18px Roboto, SegoeWP, HelveticaNeue, Sans-serif;
+  -webkit-user-select: none;
+  -webkit-tap-highlight-color: transparent;
+}
+/* ==============================
+   Article (view) styles      
+   =========================== */
+article {
+  position: absolute;
+  top: 52px;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  padding-top: 1px;
+  -webkit-transition: all 0.15s ease-out;
+  -moz-transition: all 0.15s ease-out;
+  transition: all 0.15s ease-out;
+  overflow-x: hidden;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  display: -moz-box;
+  display: flex;
+  display: -webkit-flex;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -moz-box-orient: vertical;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  -moz-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-box-align: start;
+  -moz-box-align: start;
+  -webkit-align-items: flex-start;
+  align-items: flex-start;
+}
+.hide-navbars article {
+  top: 0;
+}
+/* ==============================
+   Article navigation states    
+   =========================== */
+.current {
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+  visibility: visible;
+}
+.next {
+  -webkit-transform: translate3d(105%, 0, 0);
+  -moz-transform: translate3d(105%, 0, 0);
+  transform: translate3d(105%, 0, 0);
+  visibility: hidden;
+}
+.previous {
+  -webkit-transform: translate3d(-100%, 0, 0);
+  -moz-transform: translate3d(-100%, 0, 0);
+  transform: translate3d(-100%, 0, 0);
+  visibility: hidden;
+}
+html[dir=rtl] .current {
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+html[dir=rtl] .next {
+  -webkit-transform: translate3d(-100%, 0, 0);
+  -moz-transform: translate3d(-100%, 0, 0);
+  transform: translate3d(-100%, 0, 0);
+}
+html[dir=rtl] .previous {
+  -webkit-transform: translate3d(105%, 0, 0);
+  -moz-transform: translate3d(105%, 0, 0);
+  transform: translate3d(105%, 0, 0);
+}
+/* ==============================
+   Scrollers
+   =========================== */
+.scroller-vertical,
+.scroller-horizontal {
+  -webkit-box-flex: 1 !important;
+  -moz-box-flex: 1 !important;
+  -webkit-flex: 1 !important;
+  flex: 1 !important;
+  padding-bottom: 100px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+.scroller-horizontal {
+  overflow-y: hidden;
+  overflow-x: auto;
+}
+article > section,
+.scroller-vertical {
+  padding-top: 10px;
+  padding-bottom: 100px;
+  min-height: 100%;
+  width: 100%;
+}
+article > section > :last-child::after,
+.scroller-vertical > :last-child::after {
+  margin-bottom: 100px;
+}
+/* ==============================
+   Horizontal Panels
+   =========================== */
+.vertical,
+li.comp > aside.vertical {
+  display: -moz-box;
+  display: flex;
+  display: -webkit-flex;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -moz-box-orient: vertical;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  -moz-box-pack: start;
+  -webkit-justify-content: start;
+  justify-content: flex-start;
+  -webkit-box-align: start;
+  -moz-box-align: start;
+  -webkit-align-items: flex-start;
+  align-items: flex-start;
+}
+.horizontal {
+  display: -moz-box;
+  display: flex;
+  display: -webkit-flex;
+  display: -webkit-box;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  -moz-box-pack: start;
+  -webkit-justify-content: start;
+  justify-content: flex-start;
+  -webkit-box-align: start;
+  -moz-box-align: start;
+  -webkit-align-items: flex-start;
+  align-items: flex-start;
+}
+.horizontal.centered {
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  -moz-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-box-align: start;
+  -moz-box-align: start;
+  -webkit-align-items: flex-start;
+  align-items: flex-start;
+}
+/* ==============================
+   Buttons                
+   =========================== */
+@-webkit-keyframes animate-icon {
+  0% {
+    box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0.25);
+  }
+  65% {
+    box-shadow: inset 0 0 5px 30px rgba(255, 255, 255, 0.25);
+  }
+  100% {
+    box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0.25);
+  }
+}
+@-webkit-keyframes focused {
+  0% {
+    background-size: 0% 0%;
+  }
+  100% {
+    background-size: 300% 200%;
+  }
+}
+.align-flush {
+  position: absolute;
+  top: auto;
+  bottom: auto;
+  right: 10px;
+  left: auto;
+}
+a.button {
+  box-shadow: none;
+  border: none;
+  color: #2d2d2d;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: inline-flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  -moz-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -moz-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  font-size: 12px;
+  height: 40px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-user-select: none;
+  margin: 0px 10px;
+  position: relative;
+  cursor: pointer;
+  text-align: center;
+  text-decoration: none;
+  padding: 12px 20px 10px;
+  text-transform: uppercase;
+  font-family: 'Roboto Regular', HeveticaNeue, Sans-serif;
+  border-radius: 2px;
+  -webkit-transition: all 0.35s ease-out;
+  -moz-transition: all 0.35s ease-out;
+  transition: all 0.35s ease-out;
+  -webkit-animation-duration: 0.5s;
+  -webkit-animation-timing-function: ease-out;
+  animation-duration: 0.5s;
+  animation-timing-function: ease-out;
+  background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0.125) 50%, rgba(0, 0, 0, 0) 60%);
+  background-size: 0 0;
+  background-repeat: no-repeat;
+  background-position: center center;
+  -webkit-animation-fill-mode: forwards;
+}
+a.button:hover {
+  -webkit-animation-name: focused;
+  animation-name: focused;
+}
+a.button.no-border {
+  border: none !important;
+}
+a.button.action {
+  color: #2d2d2d;
+  background-color: #e0e0e0;
+  margin: 0 auto;
+  width: auto;
+  height: 40px;
+  min-width: 200px;
+  max-width: 300px;
+  box-shadow: 0 1px 4px #666666;
+}
+section > a.button.action.action {
+  margin-left: 16px;
+}
+.isDesktop a.button.action:hover {
+  box-shadow: 0 3px 7px #666666;
+  background-color: #cecece;
+}
+a.button.back,
+a.button.backTo {
+  text-align: left;
+  padding: 0 12px 0 12px !important;
+  margin: 0 16px 0 0;
+  line-height: 28px;
+  color: #eaeaea;
+  font-size: 0;
+  border: none;
+  background-color: transparent;
+  border-radius: 50%;
+  width: 40px;
+  height: 40px;
+  -webkit-transition: all 0.5s ease-out;
+  -moz-transition: all 0.5s ease-out;
+  transition: all 0.5s ease-out;
+  -webkit-animation-delay: .5s;
+}
+a.button.back::after,
+a.button.backTo::after {
+  content: '';
+  display: block;
+  width: 40px;
+  height: 40px;
+  position: absolute;
+  left: 0;
+  top: 0;
+  background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22120px%22%20height%3D%22120px%22%20viewBox%3D%220%200%20120%20120%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22BackButton%22%20stroke-linecap%3D%22square%22%20stroke%3D%22%23000000%22%20stroke-width%3D%228%22%3E%3Cg%20id%3D%22Line-2-+-Line-+-Line%22%20transform%3D%22translate%2815.000000,%2022.000000%29%22%3E%3Cpath%20d%3D%22M0.62909796,38.5%20L37.1384668,76.3699524%22%20id%3D%22Line-2%22%3E%3C/path%3E%3Cpath%20d%3D%22M89.3478261,39%20L3.2313744,39%22%20id%3D%22Line%22%3E%3C/path%3E%3Cpath%20d%3D%22M0.62909796,38.5%20L37.1384668,0.63004759%22%20id%3D%22Line%22%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
+  background-position: 50% 50%;
+  background-size: 90% 90%;
+  background-repeat: no-repeat;
+}
+.isDesktop a.button.back:hover,
+.isDesktop a.button.backTo:hover {
+  background-color: rgba(0, 0, 0, 0.35) !important;
+  -webkit-animation: animate-icon 0.5s none;
+}
+.isDesktop a.button.back:hover::after,
+.isDesktop a.button.backTo:hover::after {
+  background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22120px%22%20height%3D%22120px%22%20viewBox%3D%220%200%20120%20120%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22BackButton%22%20stroke-linecap%3D%22square%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%228%22%3E%3Cg%20id%3D%22Line-2-+-Line-+-Line%22%20transform%3D%22translate%2815.000000,%2022.000000%29%22%3E%3Cpath%20d%3D%22M0.62909796,38.5%20L37.1384668,76.3699524%22%20id%3D%22Line-2%22%3E%3C/path%3E%3Cpath%20d%3D%22M89.3478261,39%20L3.2313744,39%22%20id%3D%22Line%22%3E%3C/path%3E%3Cpath%20d%3D%22M0.62909796,38.5%20L37.1384668,0.63004759%22%20id%3D%22Line%22%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
+}
+body.isChrome a.button.back,
+body.isChrome a.button.backTo {
+  top: 6px;
+}
+body.isNativeAndroidBrowser a.button.back,
+body.isNativeAndroidBrowser a.button.backTo {
+  top: 0;
+  bottom: 0;
+}
+body.isNativeAndroidBrowser a.button.back::after,
+body.isNativeAndroidBrowser a.button.backTo::after {
+  top: -2px;
+}
+body.isNativeAndroidBrowser a.button.backTo::after {
+  top: 2px;
+}
+body.isNativeAndroidBrowser a.button.back::before {
+  top: 8px;
+}
+html[dir=rtl] a.button {
+  line-height: 12pt;
+}
+html[dir=rtl] a.button.back,
+html[dir=rtl] a.button.backTo {
+  margin: 0 0 0 16px;
+}
+html[dir=rtl] a.button.back::after,
+html[dir=rtl] a.button.backTo::after {
+  -webkit-transform: rotate(180deg);
+  -moz-transform: rotate(180deg);
+  transform: rotate(180deg);
+  right: auto;
+}
+html[dir=rtl] a.button.align-flush {
+  left: 10px;
+  right: auto;
+}
+/* ==============================
+   Nav bars               
+   =========================== */
+#global-nav {
+  background-color: #eaeaea;
+  overflow: hidden;
+  box-shadow: 0 1px 2px #666666;
+}
+nav {
+  height: 50px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  display: -moz-box;
+  display: -webkit-flex;
+  display: -webkit-box;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  -moz-box-pack: start;
+  -webkit-justify-content: start;
+  justify-content: flex-start;
+  -webkit-box-align: center;
+  -moz-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  display: flex;
+  text-align: center;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  -webkit-transition: opacity 0.5s ease-in;
+  -moz-transition: opacity 0.5s ease-in;
+  transition: opacity 0.5s ease-in;
+  padding: 0 10px;
+  vertical-align: middle;
+}
+nav > h1 {
+  text-align: left;
+  display: inline-block;
+  margin: 0 16px 0 8px;
+  -webkit-box-flex: 1 !important;
+  -moz-box-flex: 1 !important;
+  -webkit-flex: 1 !important;
+  flex: 1 !important;
+  font: 100 16pt/36pt Roboto, SegoeWP, HelveticaNeue, Sans-serif !important;
+  position: relative;
+  z-index: -1;
+  white-space: nowrap;
+  overflow: hidden;
+  color: #000000;
+}
+nav > h1 + a.button {
+  margin: 5px 0 0 0;
+  position: absolute;
+  top: 0;
+  right: 16px;
+}
+nav > a.button,
+nav > div > a.button {
+  position: relative;
+  color: #000000 !important;
+}
+nav > a.button:hover,
+nav > div > a.button:hover {
+  background-color: rgba(0, 0, 0, 0.25) !important;
+  color: #000000 !important;
+}
+.isDesktop nav .back:hover,
+.isDesktop nav .backTo:hover {
+  background-color: #000000 !important;
+  -webkit-animation: animate-icon 0.5s none;
+  color: #000000;
+}
+html[dir=rtl] nav > h1 {
+  text-align: right;
+  margin-right: 8px;
+}
+/* ==============================
+   Lists                 
+   =========================== */
+.list {
+  list-style: none;
+  margin: 16px 0 0;
+  padding: 0;
+  border-top: solid 1px #cbcbcb;
+  border-bottom: solid 1px #cbcbcb;
+  background-color: #ffffff;
+}
+.list > li {
+  padding: 13px 16px 13px 16px;
+  -webkit-transition: all 0.3s ease-out;
+  -moz-transition: all 0.3s ease-out;
+  transition: all 0.3s ease-out;
+  position: relative;
+  background-color: #ffffff;
+  font-size: 12pt;
+  border-bottom: solid 1px #cbcbcb;
+}
+.list > li.nav::after {
+  display: block;
+  content: '';
+  width: 7px;
+  height: 7px;
+  border-right: solid 3px #666666;
+  border-top: solid 3px #666666;
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  transform: rotate(45deg);
+  float: right;
+  position: absolute;
+  top: 16px;
+  right: 15px;
+  -webkit-transition: all 0.4s ease-out;
+  -moz-transition: all 0.4s ease-out;
+  transition: all 0.4s ease-out;
+}
+.list > li.show-detail::after {
+  content: 'i';
+  display: block;
+  width: 22px;
+  height: 20px;
+  border-radius: 20px;
+  border: solid 1px #007aff;
+  color: #007aff;
+  font: bold 14px/0 Roboto, SegoeWP, HelveticaNeue, Sans-serif;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 10px 8px;
+  position: absolute;
+  top: 10px;
+  right: 16px;
+}
+.list + .button {
+  margin-top: 20px !important;
+}
+h2 + .list {
+  margin-top: 0;
+}
+/* ==============================
+   List Footer
+   =========================== */
+p {
+  font-family: 'Roboto Regular', 'HeveletcaNeue', Helvetica, sans-serif;
+}
+.list ~ p {
+  margin: 10px 16px 0;
+}
+.list ~ p + p {
+  margin-top: 5pt;
+}
+.isDesktop .list > li[data-goto]:hover,
+.list > li[data-goto].touched,
+.isDesktop li[data-show-article]:hover,
+li[data-show-article].touched,
+.isDesktop .list.select > li:hover {
+  cursor: pointer;
+  background-color: #007aff;
+}
+.isDesktop .list > li[data-goto]:hover h3,
+.list > li[data-goto].touched h3,
+.isDesktop li[data-show-article]:hover h3,
+li[data-show-article].touched h3,
+.isDesktop .list.select > li:hover h3,
+.isDesktop .list > li[data-goto]:hover h4,
+.list > li[data-goto].touched h4,
+.isDesktop li[data-show-article]:hover h4,
+li[data-show-article].touched h4,
+.isDesktop .list.select > li:hover h4,
+.isDesktop .list > li[data-goto]:hover h5,
+.list > li[data-goto].touched h5,
+.isDesktop li[data-show-article]:hover h5,
+li[data-show-article].touched h5,
+.isDesktop .list.select > li:hover h5,
+.isDesktop .list > li[data-goto]:hover p,
+.list > li[data-goto].touched p,
+.isDesktop li[data-show-article]:hover p,
+li[data-show-article].touched p,
+.isDesktop .list.select > li:hover p,
+.isDesktop .list > li[data-goto]:hover div,
+.list > li[data-goto].touched div,
+.isDesktop li[data-show-article]:hover div,
+li[data-show-article].touched div,
+.isDesktop .list.select > li:hover div,
+.isDesktop .list > li[data-goto]:hover span,
+.list > li[data-goto].touched span,
+.isDesktop li[data-show-article]:hover span,
+li[data-show-article].touched span,
+.isDesktop .list.select > li:hover span {
+  color: #ffffff;
+}
+.isDesktop .list > li[data-goto]:hover .nav::after,
+.list > li[data-goto].touched .nav::after,
+.isDesktop li[data-show-article]:hover .nav::after,
+li[data-show-article].touched .nav::after,
+.isDesktop .list.select > li:hover .nav::after {
+  border-color: #ffffff;
+}
+.isDesktop .list > li[data-goto].nav:hover::after {
+  border-color: #ffffff;
+}
+.isDesktop .list > li[data-goto].show-detail:hover::after,
+.isDesktop .list > li[data-goto]:hover .show-detail::after {
+  border: solid 1px #ffffff;
+  color: #ffffff;
+}
+/* ==============================
+   list title & subtitle      
+   ============================ */
+.list > li {
+  color: #2d2d2d;
+}
+.list > li > h3,
+.list > li > h4 {
+  width: 80%;
+  font-weight: 200;
+  margin: 0;
+}
+.list > li h3 {
+  font-family: 'Roboto Thin', 'HeveletcaNeue Light', Helvetica, sans-serif;
+  font-weight: normal;
+  font-size: 16pt;
+  line-height: 20pt;
+  margin-bottom: 2px;
+  color: #2d2d2d;
+}
+.list > li h4 {
+  font-family: 'Roboto Regular', 'HeveletcaNeue', Helvetica, sans-serif;
+  font-weight: normal;
+  line-height: 14pt;
+  color: #2d2d2d;
+}
+.list > li > h4,
+.list > li > div > h4,
+.list > li > p,
+.list > li > div > p {
+  font-size: 13pt;
+  line-height: 16pt;
+  margin: 0;
+}
+.list > li > p,
+.list > li > div > p {
+  font-size: 13pt;
+  line-height: 16pt;
+}
+.list > li > p + p,
+.list > li > div > p + p {
+  margin-top: 6px;
+}
+.list > li + .button.action {
+  margin-top: 40px;
+}
+/* ==============================
+   List detail             
+   ============================ */
+.list > li > p {
+  margin: 6px 16px 6px 0;
+  font-size: 13pt;
+  line-height: 16pt;
+  color: #666666;
+}
+/* ==============================
+   List title
+   =========================== */
+section h2 {
+  font: normal 11pt/12pt 'Roboto Regular', SegoeWP, HelveticaNeue, Sans-serif;
+  color: #4d4d4d;
+  margin: 26px 0 6px 0;
+  padding-left: 16px;
+  text-transform: uppercase;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  padding-bottom: 6px;
+}
+section h2.normal-case {
+  text-transform: none;
+}
+section h2.normal-case {
+  text-transform: none;
+}
+html[dir=rtl] section h2 {
+  padding-right: 16px;
+}
+html[dir=rtl] li {
+  padding: 13px 16px 13px 16px;
+}
+html[dir=rtl] li > h3,
+html[dir=rtl] li > h4 {
+  text-align: right;
+}
+html[dir=rtl] li > p {
+  margin-right: 0;
+}
+html[dir=rtl] .list > li.nav::after {
+  right: auto;
+  left: 16px;
+  border: none;
+  border-left: solid 3px #666666;
+  border-bottom: solid 3px #666666;
+}
+html[dir=rtl] li.show-detail::after {
+  left: 16px;
+  right: auto;
+}
+/* ==============================
+   Comp List Items          
+   =========================== */
+li.comp {
+  display: -webkit-box;
+  -webkit-box-orient: horizontal;
+  -webkit-box-align: stretch;
+  -display: flex;
+  -webkit-direction: row;
+  -webkit-align-items: stretch;
+  display: flex;
+  direction: row;
+  align-items: stretch;
+  padding-bottom: 0;
+}
+li.comp.wrap > div > h3,
+li.comp.wrap > div > h4 {
+  white-space: wrap;
+  overflow: visible;
+}
+li.comp > div {
+  -webkit-box-flex: 1 !important;
+  -moz-box-flex: 1 !important;
+  -webkit-flex: 1 !important;
+  flex: 1 !important;
+  padding: 0 0 10px 0;
+}
+li.comp > div:first-child {
+  padding: 8px 0 10px 0;
+  min-width: 48%;
+}
+li.comp > div:first-child + aside > h4 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 60%;
+}
+li.comp > div:first-child + aside > h4:nth-child(1) {
+  max-width: 100% !important;
+}
+li.comp > div > div > h3,
+li.comp > div > div > h4 {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-family: 'Roboto Thin', SegoeWP, HelveticaNeue, Sans-serif;
+  font-weight: 200;
+}
+li.comp > div > h3 {
+  font-family: 'Roboto Thin', SegoeWP, HelveticaNeue, Sans-serif;
+  line-height: 20pt;
+  margin: 0 0 10px 0;
+  font-weight: 200;
+}
+li.comp > div > h4 {
+  margin: 0;
+}
+li.comp > aside {
+  display: -moz-box;
+  display: flex;
+  display: -webkit-flex;
+  display: -webkit-box;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  -moz-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -moz-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  padding: 0 0 10px 0;
+}
+li.comp > aside:first-child {
+  -webkit-box-align: start;
+  -webkit-align-items: flex-start;
+  align-items: flex-start;
+  margin-right: 10px;
+  padding: 0 0px 10px 0px;
+}
+li.comp > aside > h4 {
+  margin: 0;
+  font-weight: normal;
+  color: #666666;
+}
+li.comp > aside > label,
+li.comp > aside > span {
+  display: inline-block;
+  margin-left: 6px;
+}
+li.comp > aside > .nav {
+  display: block;
+  width: 12px;
+  height: 12px;
+}
+li.comp > aside > .nav::after {
+  display: block;
+  content: '';
+  width: 7px;
+  height: 7px;
+  border-right: solid 3px #666666;
+  border-top: solid 3px #666666;
+  -webkit-transform: rotate(45deg) translate3d(2px, -2px, 0);
+  -moz-transform: rotate(45deg) translate3d(2px, -2px, 0);
+  transform: rotate(45deg) translate3d(2px, -2px, 0);
+}
+li.comp > aside > .show-detail {
+  display: inline-block;
+  margin-bottom: -4px;
+}
+li.comp > aside > .show-detail::after {
+  content: 'i';
+  display: block;
+  width: 22px;
+  height: 20px;
+  border-radius: 20px;
+  border: solid 1px #007aff;
+  color: #007aff;
+  font: bold 14px/0 Roboto, Times, serif;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 10px 8px;
+  float: right;
+  margin: -20px 0 0 0;
+}
+li.comp:last-of-type > aside:last-child {
+  border: none;
+}
+p {
+  color: #707070;
+  font-size: 13pt;
+  line-height: 16pt;
+}
+html[dir=rtl] li.comp {
+  padding: 13px 16px 13px 16px;
+}
+html[dir=rtl] li.comp > aside:first-child {
+  margin-right: 0;
+  padding: 0 0 10px 10px;
+}
+html[dir=rtl] li.comp > aside:last-child {
+  margin-right: 10px;
+}
+html[dir=rtl] li.comp aside > span.counter,
+html[dir=rtl] li.comp aside > span.date-time {
+  margin-right: 5px;
+  margin-left: 5px;
+  white-space: nowrap;
+}
+html[dir=rtl] li.comp aside > span.nav {
+  margin-left: 4px;
+  margin-right: 0;
+}
+html[dir=rtl] li.comp aside > span.nav::after {
+  right: auto;
+  left: 16px;
+  border: none;
+  border-left: solid 3px #666666;
+  border-bottom: solid 3px #666666;
+}
+html[dir=rtl] li.comp aside > h4 {
+  margin-left: 5px;
+  width: 90%;
+}
+html[dir=rtl] li.comp div > h3 + h4 {
+  text-align: right !important;
+}
+@media only screen and (max-device-width: 320px) and (orientation: portrait) {
+  li.comp > aside > h4 {
+    max-width: 100px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+@media only screen and (max-width: 480px) and (orientation: portrait) {
+  li.comp > div:first-child + aside > h4:nth-child(1) {
+    max-width: 45% !important;
+    flex: 1;
+  }
+  li.comp > div:first-child + aside {
+    -webkit-box-pack: end;
+    -webkit-justify-content: end;
+    justify-content: flex-end;
+  }
+}
+/* ==============================
+   Grids
+   =========================== */
+/* Grid: */
+.grid {
+  display: -webkit-box;
+  -webkit-box-orientation: horizontal;
+  -webkit-box-align: stretch;
+  display: -webkit-flex;
+  -webkit-flex-direction: row;
+  -webkit-align-items: stretch;
+  display: -ms-flexbox;
+  -ms-flex-direction: row;
+  -ms-align-items: stretch;
+  display: flex;
+  flex-direction: row;
+  align-items: stretch;
+}
+/* Allow columns to wrap */
+.grid.wrap {
+  -webkit-box-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+/* Column: */
+.col {
+  -webkit-box-flex: 1 1 auto;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+}
+/* Centered grids: */
+.grid.center {
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-justify-content: center;
+  justify-content: center;
+}
+.center .col {
+  -webkit-flex-grow: 0;
+  -webkit-flex-shrink: 0;
+  -ms-flex-grow: 0;
+  -ms-flex-shrink: 0;
+  flex-grow: 0;
+  flex-shrink: 0;
+}
+/* Columns: */
+.flex-1 {
+  -webkit-flex-basis: 10%;
+  -ms-flex-basis: 10%;
+  flex-basis: 10%;
+}
+.flex-2 {
+  -webkit-flex-basis: 20%;
+  -ms-flex-basis: 20%;
+  flex-basis: 20%;
+}
+.flex-3 {
+  -webkit-flex-basis: 30%;
+  -ms-flex-basis: 30%;
+  flex-basis: 30%;
+}
+.flex-4 {
+  -webkit-flex-basis: 40%;
+  -ms-flex-basis: 40%;
+  flex-basis: 40%;
+}
+.flex-5 {
+  -webkit-flex-basis: 50%;
+  -ms-flex-basis: 50%;
+  flex-basis: 50%;
+}
+.flex-6 {
+  -webkit-flex-basis: 60%;
+  -ms-flex-basis: 60%;
+  flex-basis: 60%;
+}
+.flex-7 {
+  -webkit-flex-basis: 70%;
+  -ms-flex-basis: 70%;
+  flex-basis: 70%;
+}
+.flex-8 {
+  -webkit-flex-basis: 80%;
+  -ms-flex-basis: 80%;
+  flex-basis: 80%;
+}
+.flex-9 {
+  -webkit-flex-basis: 90%;
+  -ms-flex-basis: 90%;
+  flex-basis: 90%;
+}
+.flex-10 {
+  -webkit-flex-basis: 100%;
+  -ms-flex-basis: 100%;
+  flex-basis: 100%;
+}
+.gutter-5 .col {
+  margin: 5px;
+}
+.gutter-10 .col {
+  margin: 10px;
+}
+html[dir=rtl] .grid {
+  -webkit-box-direction: horizontal;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+/* Mobile */
+@media only screen and (max-width: 599px) {
+  .grid {
+    -webkit-box-wrap: wrap;
+    -webkit-flex-wrap: wrap;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    -wekbit-flex-direction: vertical;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    margin: 0 !important;
+  }
+  .col.flex-1,
+  .col.flex-2,
+  .col.flex-3,
+  .col.flex-4 {
+    -webkit-box-flex: 1 !important;
+    -webkit-flex: 1 !important;
+    -ms-flex: 1 !important;
+    flex: 1 !important;
+    -webkit-flex-basis: 50%;
+    -ms-flex-basis: 50%;
+    flex-basis: 50%;
+  }
+  .col.flex-5,
+  .col.flex-6,
+  .col.flex-7,
+  .col.flex-8,
+  .col.flex-9,
+  .col.flex-10 {
+    -webkit-box-flex: 2 !important;
+    -webkit-flex: 2 !important;
+    -ms-flex: 2 !important;
+    flex: 2 !important;
+  }
+  .isWindows .grid,
+  .isWindows .col {
+    display: block;
+  }
+}
+/* ==============================
+   Segmented Control
+   =========================== */
+.segmented:not(.paging) {
+  display: -moz-box;
+  display: inline-flex;
+  display: -webkit-inline-flex;
+  display: -webkit-box;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  -moz-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  margin: 0px 10px;
+  -webkit-box-flex: 1 !important;
+  -moz-box-flex: 1 !important;
+  -webkit-flex: 1 !important;
+  flex: 1 !important;
+}
+.segmented:not(.paging).align-flush {
+  position: absolute;
+  right: 15px;
+  top: 4px;
+}
+.segmented:not(.paging) > .button {
+  display: -moz-box;
+  display: flex;
+  display: -webkit-flex;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -moz-box-orient: vertical;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  -moz-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -moz-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  border: solid 1px #979797;
+  text-align: center !important;
+  border-left: none;
+  border-right: solid 1px #979797;
+  box-shadow: none;
+  font-size: 13px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  height: 30px;
+  cursor: pointer;
+  margin: 0px !important;
+  padding: 6px 10px 0px !important;
+  border-radius: 0;
+}
+.segmented:not(.paging) > .button:first-of-type {
+  border-left: solid 1px #979797;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.segmented:not(.paging) > .button:last-of-type {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+.isDesktop .segmented:not(.paging) > .button:hover,
+.segmented:not(.paging) > .button.selected {
+  background-color: #007aff;
+  opacity: 1 !important;
+  box-shadow: none;
+  color: #ffffff;
+}
+div.horizontal.centered > .segmented {
+  display: -moz-box;
+  display: flex;
+  display: -webkit-flex;
+  display: -webkit-box;
+  -webkit-box-flex: 1 !important;
+  -moz-box-flex: 1 !important;
+  -webkit-flex: 1 !important;
+  flex: 1 !important;
+  margin: 10px 16px;
+  width: 100%;
+}
+html[dir=rtl] .segmented.align-flush {
+  left: 15px;
+  right: auto;
+}
+html[dir=rtl] .segmented:not(.paging) > .button {
+  border-radius: 0px;
+}
+html[dir=rtl] .segmented:not(.paging) > .button:first-child {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-left: none;
+}
+html[dir=rtl] .segmented:not(.paging) > .button:last-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+  border-left: solid 1px #979797;
+}
+/* ==============================
+   Segmented Paging Control
+   =========================== */
+.isNativeAndroidBrowser .segmented.paging {
+  top: 0px !important;
+}
+.segmented.paging > a.button {
+  top: 4px;
+  background: none !important;
+}
+.segmented.paging.horizontal > a.button {
+  border: none !important;
+  background-color: none !important;
+  margin: 0 !important;
+  width: 30px !important;
+  height: 40px !important;
+}
+.segmented.paging.horizontal > a.button:first-of-type::before,
+html[dir=rtl] .segmented.paging.horizontal > a.button:last-of-type::before {
+  content: '';
+  display: block;
+  width: 16px;
+  height: 16px;
+  border-left: solid 3px #000000;
+  border-top: solid 3px #000000;
+  -webkit-transform: rotate(-45deg);
+  -moz-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+  position: absolute;
+  top: 10px;
+  left: 14px;
+}
+.segmented.paging.horizontal > a.button:last-of-type::before,
+html[dir=rtl] .segmented.paging.horizontal > a.button:first-of-type::before {
+  content: '';
+  display: block;
+  width: 16px;
+  height: 16px;
+  margin: 0 !important;
+  border-right: solid 3px #000000;
+  border-bottom: solid 3px #000000;
+  -webkit-transform: rotate(-45deg);
+  -moz-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+  position: absolute;
+  top: 10px;
+  right: 16px;
+}
+html[dir=rtl] .segmented.paging.horizontal > a.button:last-of-type::before {
+  border-right: none;
+  border-bottom: none;
+  right: 6px !important;
+  left: 0px !important;
+}
+html[dir=rtl] .segmented.paging.horizontal > a.button:first-of-type::before {
+  border-left: none;
+  border-top: none;
+}
+.segmented.paging.vertical {
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+}
+.segmented.paging.vertical > a.button {
+  margin: 0 !important;
+  background-color: none !important;
+}
+.segmented.paging.vertical > a.button:first-of-type::before {
+  content: '';
+  display: block;
+  width: 16px;
+  height: 16px;
+  border-right: solid 3px #000000;
+  border-bottom: solid 3px #000000;
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  transform: rotate(45deg);
+  position: absolute;
+  top: 6px;
+  left: 10px;
+}
+.segmented.paging.vertical > a.button:last-of-type::before {
+  content: '';
+  display: block;
+  width: 16px;
+  height: 16px;
+  border-right: solid 3px #000000;
+  border-top: solid 3px #000000;
+  -webkit-transform: rotate(-45deg);
+  -moz-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+  position: absolute;
+  top: 17px;
+  left: 10px;
+}
+article.paging > section {
+  position: fixed;
+  width: 100%;
+  top: 0 !important;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  opacity: 1;
+  padding: 10px 0 40px 0 !important;
+  -webkit-transition: all 0.15s ease-out;
+  -moz-transition: all 0.15s ease-out;
+  transition: all 0.15s ease-out;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding-bottom: 40px;
+}
+article.paging.horizontal > section.previous {
+  -webkit-transform: translate3d(-100%, 0, 0);
+  -moz-transform: translate3d(-100%, 0, 0);
+  transform: translate3d(-100%, 0, 0);
+}
+article.paging.horizontal > section.current {
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+article.paging.horizontal > section.next {
+  -webkit-transform: translate3d(100%, 0, 0);
+  -moz-transform: translate3d(100%, 0, 0);
+  transform: translate3d(100%, 0, 0);
+}
+article.paging.vertical > section.previous {
+  -webkit-transform: translate3d(0, -100%, 0);
+  -moz-transform: translate3d(0, -100%, 0);
+  transform: translate3d(0, -100%, 0);
+}
+article.paging.vertical > section.current {
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+article.paging.vertical > section.next {
+  -webkit-transform: translate3d(0, -100%, 0);
+  -moz-transform: translate3d(0, -100%, 0);
+  transform: translate3d(0, -100%, 0);
+}
+html[dir=rtl] .segmented.paging.horizontal {
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  -webkit-flex-direction: row-reverse;
+  flex-direction: row-reverse;
+  display: -webkit-flex;
+}
+html[dir=rtl] .segmented.paging.horizontal .button:first-child {
+  -webkit-box-ordinal-group: 2;
+  -webkit-order: 2;
+  order: 2;
+  float: right;
+}
+html[dir=rtl] .segmented.paging.horizontal .button:last-child {
+  -webkit-box-ordinal-group: 1;
+  -webkit-order: 1;
+  order: 1;
+}
+html[dir=rtl] article.paging.horizontal > section.previous {
+  -webkit-transform: translate3d(100%, 0, 0);
+  -moz-transform: translate3d(100%, 0, 0);
+  transform: translate3d(100%, 0, 0);
+}
+html[dir=rtl] article.paging.horizontal > section.next {
+  -webkit-transform: translate3d(-100%, 0, 0);
+  -moz-transform: translate3d(-100%, 0, 0);
+  transform: translate3d(-100%, 0, 0);
+}
+html[dir=rtl] article.paging.horizontal > section.current {
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+/* ==============================
+   Toolbar Styles
+   =========================== */
+.toolbar {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 50px;
+  padding: 0 15px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  display: -moz-box;
+  display: flex;
+  display: -webkit-flex;
+  display: -webkit-box;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  -moz-box-pack: start;
+  -webkit-justify-content: start;
+  justify-content: flex-start;
+  -webkit-box-align: center;
+  -moz-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  display: -webkit-box !important;
+  -webkit-transition: all 0.15s ease-out;
+  -moz-transition: all 0.15s ease-out;
+  transition: all 0.15s ease-out;
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+  padding: 0 16px;
+  vertical-align: middle;
+  background-color: #eaeaea;
+  overflow: hidden;
+  border-top: solid 1px #666666;
+}
+.toolbar > .button {
+  color: #000000 !important;
+}
+.toolbar > .button:hover {
+  background-color: rgba(255, 255, 255, 0.25);
+}
+.splitlayout > .master + .toolbar {
+  left: 0;
+  width: 320px;
+  border-right: solid 1px #c8c8c7 !important;
+}
+.splitlayout > .detail + .toolbar {
+  left: 320px;
+}
+article.has-toolbar {
+  bottom: 50px !important;
+}
+div.toolbar.current {
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+div.toolbar.next {
+  -webkit-transform: translate3d(105%, 0, 0);
+  -moz-transform: translate3d(105%, 0, 0);
+  transform: translate3d(105%, 0, 0);
+}
+div.toolbar.previous {
+  -webkit-transform: translate3d(-100%, 0, 0);
+  -moz-transform: translate3d(-100%, 0, 0);
+  transform: translate3d(-100%, 0, 0);
+}
+html[dir=rtl] div.toolbar.current {
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+html[dir=rtl] div.toolbar.next {
+  -webkit-transform: translate3d(-100%, 0, 0);
+  -moz-transform: translate3d(-100%, 0, 0);
+  transform: translate3d(-100%, 0, 0);
+}
+html[dir=rtl] div.toolbar.previous {
+  -webkit-transform: translate3d(105%, 0, 0);
+  -moz-transform: translate3d(105%, 0, 0);
+  transform: translate3d(105%, 0, 0);
+}
+html[dir=rtl] .splitlayout > .master + .toolbar {
+  right: 0;
+  left: 320px;
+  width: 320px;
+  border-right: none;
+  border-left: solid 1px #c8c8c7 !important;
+}
+html[dir=rtl] .splitlayout > .detail + .toolbar {
+  right: 320px;
+  left: 0;
+}
+/* ==============================
+   Split Layout Styles
+   =========================== */
+body.splitlayout {
+  display: -moz-box;
+  display: flex;
+  display: -webkit-flex;
+  display: -webkit-box;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  -moz-box-pack: start;
+  -webkit-justify-content: start;
+  justify-content: flex-start;
+  -webkit-box-align: stretch;
+  -moz-box-align: stretch;
+  -webkit-align-items: stretch;
+  align-items: stretch;
+}
+.splitlayout > nav {
+  background-color: #eaeaea;
+  border-bottom: solid 1px #a7a7aa;
+}
+.splitlayout > nav:first-of-type {
+  width: 320px;
+  border-right: solid 1px #c8c8c7 !important;
+}
+.splitlayout > nav:last-of-type {
+  left: 320px;
+}
+.splitlayout > nav h1 {
+  z-index: auto;
+  text-align: left;
+}
+.splitlayout > article.master {
+  top: 50px;
+  left: 0;
+  bottom: 0;
+  right: 320px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 320px;
+  border-right: solid 1px #c8c8c7 !important;
+}
+.splitlayout > article.detail {
+  top: 50px;
+  left: 320px !important;
+  bottom: 0;
+  left: 0;
+  -webkit-box-flex: 1 !important;
+  -moz-box-flex: 1 !important;
+  -webkit-flex: 1 !important;
+  flex: 1 !important;
+}
+.master .list > li.selected {
+  background-color: #d9d9d9;
+}
+html[dir=rtl] body.splitlayout > nav:first-of-type {
+  right: 0;
+  left: 320px;
+  border-right: none;
+  border-left: solid 1px #c8c8c7 !important;
+}
+html[dir=rtl] body.splitlayout > nav:last-of-type {
+  left: 0;
+  right: 320px;
+}
+html[dir=rtl] body.splitlayout > nav > h1 {
+  text-align: right;
+}
+html[dir=rtl] body.splitlayout > article.master {
+  left: 320px !important;
+  right: 0 !important;
+  border-right: none !important;
+  border-left: solid 1px #c8c8c7 !important;
+}
+html[dir=rtl] body.splitlayout > article.detail {
+  right: 320px !important;
+  left: 0 !important;
+}
+@media only screen and (max-device-width: 320px) and (orientation: portrait) {
+  .splitlayout > article.master {
+    right: 260px !important;
+  }
+  .splitlayout > article.detail {
+    left: 260px !important;
+  }
+  .splitlayout > nav:first-of-type {
+    width: 260px !important;
+  }
+  .splitlayout > nav:last-of-type {
+    left: 260px !important;
+  }
+}
+/* ==============================
+   Mask Control
+   =========================== */
+.mask {
+  display: block;
+  background-color: rgba(0, 0, 0, 0.5);
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 9999;
+  cursor: pointer;
+}
+/* ==============================
+   Busy Control
+   =========================== */
+.busy {
+  -webkit-animation: spin 1.77s infinite ease-out;
+  -webkit-transform-origin: center center;
+  display: block;
+  position: absolute;
+}
+.busy circle {
+  -webkit-transform-origin: center center;
+  fill: none;
+  stroke: #4288ef;
+  stroke-width: 10;
+  stroke-linecap: round;
+  stroke-dasharray: 0.001, 180;
+  stroke-dashoffset: 0;
+  -webkit-animation: loading 1.5s infinite ease-out;
+}
+@-webkit-keyframes spin {
+  0% {
+    -webkit-transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+  }
+}
+@-webkit-keyframes loading {
+  0% {
+    stroke-dasharray: 0.001, 180;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 140,140;
+    stroke-dashoffset: 20;
+  }
+  100% {
+    stroke-dasharray: 180, 180;
+    stroke-dashoffset: -179;
+  }
+}
+:not(.isNativeAndroidBrowser) .busy {
+  -webkit-animation: spin 2s infinite linear;
+}
+/* ==============================
+   Popover Control
+   =========================== */
+.popover {
+  width: 300px;
+  background-color: #f5f5f5;
+  box-shadow: 0 0 5px #000000;
+  border-radius: 4px;
+  height: 250px;
+  max-height: 300px;
+  position: absolute;
+  z-index: 111111;
+  margin-top: 10px;
+}
+.popover header {
+  display: none;
+}
+.popover > section {
+  overflow-x: hidden;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  padding-bottom: 0;
+  position: absolute;
+  top: 4px;
+  bottom: 4px;
+  width: 100%;
+  padding-bottom: 20px;
+}
+.isDesktop .popover .list > li:hover,
+.isDesktop .popover .list > li.selected {
+  background-color: #007aff !important;
+  color: #ffffff !important;
+}
+.isDesktop .popover .list > li:hover h3,
+.isDesktop .popover .list > li.selected h3,
+.isDesktop .popover .list > li:hover h4,
+.isDesktop .popover .list > li.selected h4 {
+  color: #ffffff !important;
+}
+.button.show-popover {
+  position: relative;
+  background-color: transparent !important;
+  border: none !important;
+  padding: 6px 22px 2px 10px !important;
+  margin: 0 10px 0 !important;
+  box-shadow: none !important;
+  font-size: 18px !important;
+}
+.button.show-popover.align-flush {
+  position: absolute;
+}
+.button.show-popover.selected {
+  background-color: #007aff;
+}
+.segmented > a.button.show-popover:first-of-type {
+  border-left: none !important;
+}
+.button.show-popover::after {
+  content: '';
+  display: block;
+  position: absolute;
+  right: 2px;
+  bottom: 2px;
+  width: 0px;
+  height: 0px;
+  border-right: solid 6px #000000;
+  border-bottom: solid 6px #000000;
+  border-top: solid 6px transparent;
+  border-left: solid 6px transparent;
+}
+nav > .button.show-popover::after {
+  border-right: solid 6px #000000;
+  border-bottom: solid 6px #000000;
+}
+nav > h1 + .button.show-popover.align-flush {
+  margin: 8px 0 0 0 !important;
+}
+html[dir=rtl] .button.show-popover {
+  padding: 6px 10px 2px 20px !important;
+}
+html[dir=rtl] .button.show-popover::after {
+  left: 2px;
+  right: auto;
+  border: none;
+  border-left: solid 6px #000000;
+  border-bottom: solid 6px #000000;
+  border-top: solid 6px transparent;
+  border-right: solid 6px transparent;
+}
+html[dir=rtl] .button.show-popover + .button {
+  -webkit-box-ordinal-group: 1;
+  -webkit-order: 1;
+}
+html[dir=rtl] .isDesktop .button.show-popover:hover::after {
+  border-left: solid 6px #000000 !important;
+  border-bottom: solid 6px #000000;
+  border-top: solid 6px transparent;
+  border-right: solid 6px transparent;
+}
+/* ==============================
+   Popup Control
+   =========================== */
+.isNativeAndroidBrowser .popup {
+  box-shadow: 0 0 6px 4px #666;
+}
+.isNativeAndroidBrowser .popup > .panel > header {
+  padding-top: 1px;
+}
+.popup {
+  display: block;
+  -webkit-box-sizeing: border-box;
+  width: 320px;
+  padding: 1px;
+  background-color: #ffffff;
+  position: absolute;
+  z-index: 10000;
+  margin-left: auto;
+  margin-right: auto;
+  box-shadow: 0 0 6px 4px #888888;
+  border-radius: 3px;
+}
+.popup.opened {
+  display: block;
+  opacity: 1;
+  -webkit-transition: all 0.5s ease-in-out;
+  -moz-transition: all 0.5s ease-in-out;
+  transition: all 0.5s ease-in-out;
+}
+.popup > .panel {
+  display: -moz-box;
+  display: flex;
+  display: -webkit-flex;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -moz-box-orient: vertical;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  -moz-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -moz-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  padding: 4px 16px;
+}
+.popup > .panel > header,
+.popup > .panel > footer {
+  display: -moz-box;
+  display: flex;
+  display: -webkit-flex;
+  display: -webkit-box;
+  -moz-box-pack: justify;
+  -webkit-justify-content: justify;
+  justify-content: space-between;
+  -webkit-box-align: stretch;
+  -moz-box-align: stretch;
+  -webkit-align-items: stretch;
+  align-items: stretch;
+}
+.popup > .panel > header > h1 {
+  position: static;
+  text-align: center;
+  margin: 0 15px;
+  line-height: 32pt;
+  font-weight: bold;
+}
+.popup > footer {
+  width: 320px;
+  padding: 0;
+  display: -moz-box;
+  display: flex;
+  display: -webkit-flex;
+  display: -webkit-box;
+  -webkit-box-orient: horizontal !important;
+  -moz-box-orient: horizontal !important;
+  -webkit-flex-direction: row !important;
+  flex-direction: row !important;
+}
+.popup > footer > .button {
+  display: block !important;
+  -webkit-box-flex: 1 !important;
+  -moz-box-flex: 1 !important;
+  -webkit-flex: 1 !important;
+  flex: 1 !important;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  height: 100%;
+  line-height: 30pt;
+  background-color: #ffffff;
+  color: #666666;
+  font-size: 12pt;
+  padding-top: 4px;
+  max-width: 320px !important;
+  font-weight: bold;
+  margin: 0 !important;
+}
+.popup > footer > .button + .button {
+  border-left: solid 1px #cbcbcb;
+}
+.isDesktop .popup > footer > .button:hover {
+  box-shadow: none;
+  background-color: #298fff;
+  color: #ffffff;
+}
+.popup > p {
+  padding: 0 15px;
+  text-align: center;
+}
+.popup .button {
+  border-top: solid 1px #cbcbcb;
+  box-shadow: none;
+}
+html[dir=rtl] .popup > footer .button {
+  border-top: solid 1px #cbcbcb;
+}
+html[dir=rtl] .popup > footer .button:first-child {
+  border-left: solid 1px #cbcbcb;
+}
+html[dir=rtl] .popup > footer .button:first-child + .button {
+  border-left: none;
+}
+/* ============================== 
+   Deletable Lists
+   =========================== */
+.list.editable > li,
+.list.deletable > li {
+  overflow: hidden;
+}
+.list.editable > li > .move-up,
+.list.deletable > li > .move-up,
+.list.editable > li > .move-down,
+.list.deletable > li > .move-down {
+  width: 21px;
+  height: 21px;
+  display: inline-block;
+  position: relative;
+  float: right;
+  margin-top: -20px;
+  -webkit-transition: all 0.25s ease-out;
+  -moz-transition: all 0.25s ease-out;
+  transition: all 0.25s ease-out;
+  -webkit-transform: translate3d(100px, 0, 0);
+  -moz-transform: translate3d(100px, 0, 0);
+  transform: translate3d(100px, 0, 0);
+}
+.list.editable > li > .move-up::before,
+.list.deletable > li > .move-up::before,
+.list.editable > li > .move-down::before,
+.list.deletable > li > .move-down::before {
+  display: block;
+  content: '';
+  width: 21px;
+  height: 21px;
+  position: absolute;
+  background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22367px%22%20height%3D%22367px%22%20viewBox%3D%220%200%20367%20367%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22Sortable%22%20transform%3D%22translate%2813.000000,%2013.000000%29%22%20stroke%3D%22%23007aff%22%20stroke-width%3D%2225%22%3E%3Ccircle%20id%3D%22Oval-1%22%20cx%3D%22170.5%22%20cy%3D%22170.5%22%20r%3D%22170.5%22%3E%3C/circle%3E%3Cpath%20d%3D%22M55.3736267,209.778395%20L172.745285,100.706186%20L286.306656,209.611568%22%20id%3D%22Path-2%22%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: 100% 100%;
+}
+.list.editable > li > .move-down,
+.list.deletable > li > .move-down {
+  margin-right: 10px !important;
+}
+.list.editable > li:first-of-type > .move-up,
+.list.deletable > li:first-of-type > .move-up {
+  opacity: .35;
+}
+.list.editable > li:last-of-type > .move-down,
+.list.deletable > li:last-of-type > .move-down {
+  opacity: .35;
+}
+.deletion-indicator {
+  display: -webkit-box;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 2px 5px 13px 1px;
+  width: 24px;
+  height: 24px;
+  border: solid 2px #007aff;
+  position: absolute;
+  top: 14px;
+  left: -32px;
+  -webkit-transition: all 0.25s ease-out;
+  -moz-transition: all 0.25s ease-out;
+  transition: all 0.25s ease-out;
+  cursor: pointer;
+}
+.isDesktop .deletion-indicator:hover,
+li.selected > .deletion-indicator {
+  color: #004999 !important;
+  background-color: #007aff;
+  box-shadow: 0 0 3px 1px rgba(0, 122, 255, 0.5);
+  border-color: #007aff;
+}
+li.selected > .deletion-indicator::before {
+  content: '';
+  display: block !important;
+  width: 22px;
+  height: 22px;
+  background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22140px%22%20height%3D%22144px%22%20viewBox%3D%220%200%20140%20144%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M47.9487979,122.136928%20L92.9487978,122.136928%20L92.9487978,22.1369286%20L81.3308475,22.1369281%20L81.3308475,109.597461%20L47.9487979,109.597462%20L47.9487979,122.136928%20Z%22%20id%3D%22Rectangle-1%22%20fill%3D%22%23ffffff%22%20transform%3D%22translate%2870.448798,%2072.136929%29%20rotate%2835.000000%29%20translate%28-70.448798,%20-72.136929%29%20%22%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
+  background-position: 50% 50%;
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  font-size: 24pt;
+  position: relative;
+  top: 1px;
+  left: -1px;
+}
+.isAndroid li.selected > .deletion-indicator::before {
+  margin: -6px 0 0 -2px !important;
+}
+.isDesktopChrome li.selected > .deletion-indicator::before {
+  margin: -7px 0 0 -2px !important;
+}
+.list.showIndicators .deletion-indicator {
+  margin-left: 40px;
+}
+.list.showIndicators li {
+  padding-left: 38px;
+}
+.list.showIndicators li > h3 {
+  width: 55%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.list.showIndicators li .move-up {
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+.list.showIndicators li .move-down {
+  -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
+  -moz-transform: translate3d(0, 0, 0) rotate(180deg);
+  transform: translate3d(0, 0, 0) rotate(180deg);
+}
+.list.showIndicators > li.selected > .move-up {
+  margin-right: 60px;
+}
+.list.showIndicators > li.selected > .move-down {
+  margin-right: 100px;
+}
+.button.delete {
+  float: right;
+  text-align: center;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 60px;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  right: -10px;
+  bottom: 0;
+  display: -moz-box;
+  display: flex;
+  display: -webkit-flex;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -moz-box-orient: vertical;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  -moz-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -moz-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-transition: all 0.15s ease-out;
+  -moz-transition: all 0.15s ease-out;
+  transition: all 0.15s ease-out;
+  -webkit-transform: translate3d(60px, 0, 0);
+  -moz-transform: translate3d(60px, 0, 0);
+  transform: translate3d(60px, 0, 0);
+  visibility: hidden;
+  cursor: pointer;
+  font-weight: 200;
+  margin-right: 0 !important;
+  color: transparent;
+  background-color: #eeeeee;
+  background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2283px%22%20height%3D%22108px%22%20viewBox%3D%220%200%2083%20108%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle-1%22%20fill%3D%22%233A3A3A%22%20x%3D%225%22%20y%3D%2224%22%20width%3D%2272%22%20height%3D%2284%22%20rx%3D%228%22%3E%3C/rect%3E%3Cpath%20d%3D%22M-0.411132812,17.9316406%20L-0.411132812,6.22558594%20L20.1357422,6.48730469%20L25.3134766,0.25390625%20L57.4667969,0.25390625%20L62.6025391,6.48730469%20L82.9248047,6.48730469%20L82.9248047,17.8554688%20L-0.411132812,17.9316406%20Z%22%20id%3D%22Path-1%22%20fill%3D%22%233A3A3A%22%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
+  background-position: 50% 50%;
+  background-size: auto 20px;
+  background-repeat: no-repeat;
+  box-shadow: inset 2px 2px 2px #bbbbbb;
+  border-radius: 0;
+  border-bottom: 1px solid #bbbbbb;
+  border-right: 1px solid #bbbbbb;
+  -webkit-animation-name: 'none' !important;
+  animation-name: 'none' !important;
+}
+li.selected > .button.delete {
+  display: block;
+}
+li.selected > .button.delete {
+  visibility: visible;
+  -webkit-transform: translate3d(-10px, 0, 0);
+  -moz-transform: translate3d(-10px, 0, 0);
+  transform: translate3d(-10px, 0, 0);
+}
+html[dir=rtl] .list.editable li > .move-up,
+html[dir=rtl] .list.deletable li > .move-up {
+  float: left !important;
+  -webkit-transform: translate3d(-100px, 0, 0);
+  -moz-transform: translate3d(-100px, 0, 0);
+  transform: translate3d(-100px, 0, 0);
+}
+html[dir=rtl] .list.editable li > .move-down,
+html[dir=rtl] .list.deletable li > .move-down {
+  float: left !important;
+  -webkit-transform: translate3d(-140px, 0, 0) rotate(180deg);
+  -moz-transform: translate3d(-140px, 0, 0) rotate(180deg);
+  transform: translate3d(-140px, 0, 0) rotate(180deg);
+}
+html[dir=rtl] .list.editable.showIndicators .deletion-indicator,
+html[dir=rtl] .list.deletable.showIndicators .deletion-indicator {
+  margin-left: auto;
+  margin-right: 50px;
+}
+html[dir=rtl] .list.editable.showIndicators li,
+html[dir=rtl] .list.deletable.showIndicators li {
+  padding-left: 0;
+  padding-right: 40px;
+}
+html[dir=rtl] .list.editable.showIndicators li > .button.delete,
+html[dir=rtl] .list.deletable.showIndicators li > .button.delete {
+  float: left !important;
+  left: 0;
+  right: auto;
+  -webkit-transform: translate3d(-60px, 0, 0);
+  -moz-transform: translate3d(-60px, 0, 0);
+  transform: translate3d(-60px, 0, 0);
+  border-right: none;
+  border-left: 1px solid #bbbbbb !important;
+  box-shadow: inset -2px 2px 2px #bbbbbb;
+}
+html[dir=rtl] .list.editable.showIndicators li.selected > .button.delete,
+html[dir=rtl] .list.deletable.showIndicators li.selected > .button.delete {
+  -webkit-transform: translate3d(-10px, 0, 0);
+  -moz-transform: translate3d(-10px, 0, 0);
+  transform: translate3d(-10px, 0, 0);
+}
+html[dir=rtl] .list.editable.showIndicators li > .move-up,
+html[dir=rtl] .list.deletable.showIndicators li > .move-up {
+  -webkit-transform: translate3d(10px, 0, 0) !important;
+  -moz-transform: translate3d(10px, 0, 0) !important;
+  transform: translate3d(10px, 0, 0) !important;
+}
+html[dir=rtl] .list.editable.showIndicators li > .move-down,
+html[dir=rtl] .list.deletable.showIndicators li > .move-down {
+  -webkit-transform: translate3d(20px, 0, 0) rotate(180deg) !important;
+  -moz-transform: translate3d(20px, 0, 0) rotate(180deg) !important;
+  transform: translate3d(20px, 0, 0) rotate(180deg) !important;
+}
+html[dir=rtl] .list.editable.showIndicators li.selected > .move-up,
+html[dir=rtl] .list.deletable.showIndicators li.selected > .move-up {
+  -webkit-transform: translate3d(90px, 0, 0) !important;
+  -moz-transform: translate3d(90px, 0, 0) !important;
+  transform: translate3d(90px, 0, 0) !important;
+}
+html[dir=rtl] .list.editable.showIndicators li.selected > .move-down,
+html[dir=rtl] .list.deletable.showIndicators li.selected > .move-down {
+  -webkit-transform: translate3d(45px, 0, 0) rotate(180deg) !important;
+  -moz-transform: translate3d(45px, 0, 0) rotate(180deg) !important;
+  transform: translate3d(45px, 0, 0) rotate(180deg) !important;
+}
+html[dir=rtl] .deletion-indicator {
+  right: -40px;
+  left: auto;
+}
+/* ==============================
+   Form Styles
+   =========================== */
+input[type=text],
+input[type=email],
+input[type=password],
+input[type=text],
+input[type=url],
+input[type=number],
+textarea {
+  -webkit-appearance: none;
+  border: none;
+  background-color: transparent;
+  /* Create the bracket around inputs: */
+  background-image: -webkit-linear-gradient(left, #888888, #888888);
+  background-image: linear-gradient(left, #888888, #888888);
+  background-size: 100% 1px;
+  background-position: bottom left;
+  background-repeat: no-repeat;
+  margin: 0;
+  padding: 0 0 2px 5px;
+  color: #888888;
+  -webkit-user-modify: read-write-plaintext-only;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  outline-style: none;
+}
+input:focus,
+textarea:focus {
+  outline: none !important;
+  /* Create the bracket around inputs: */
+  background-image: -webkit-linear-gradient(left, #007aff, #007aff);
+  background-image: linear-gradient(left, #007aff, #007aff);
+  background-size: 100% 2px;
+}
+.isAndroid:not(.isDesktop) .select-box > select {
+  opacity: 1;
+  position: absolute;
+  left: -100000px;
+  -wekbit-appearance: none;
+}
+.isDesktop .select-box > select {
+  max-width: 120px;
+}
+.select-box-label {
+  border: solid 1px #888888;
+  padding: 2px 30px 2px 10px;
+  font-size: 11px;
+  background-image: -webkit-linear-gradient(top, #888888, #888888);
+  background-position: top right;
+  background-size: 20px 100%;
+  background-repeat: no-repeat;
+  height: 20px;
+  box-sizing: border-box;
+  min-width: 100px;
+  max-width: 160px;
+  width: auto;
+  cursor: pointer;
+  display: inline-block;
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  position: relative;
+}
+.select-box-label::after {
+  content: '';
+  display: block;
+  height: 10px;
+  width: 1px;
+  border-top: solid 7px #fff;
+  border-left: solid 5px transparent;
+  border-right: solid 5px transparent;
+  position: absolute;
+  top: 6px;
+  right: 5px;
+}
+.isDesktop .select-box-label {
+  display: none !important;
+}
+section > div.searchBar {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  background-color: transparent;
+  padding: 5px 10px;
+}
+input[type="search"] {
+  display: block;
+  padding: 7px 0 7px 5px;
+  -webkit-appearance: none;
+  -webkit-transtion: all 0.5s ease-out;
+  background-image: -webkit-linear-gradient(left, #888888, #888888), -webkit-linear-gradient(left, #888888, #888888), -webkit-linear-gradient(left, #888888, #888888);
+  background-image: linear-gradient(left, #888888, #888888), linear-gradient(left, #888888, #888888), linear-gradient(left, #888888, #888888);
+  text-align: left;
+  -webkit-user-select: ignore;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  border: none;
+  background-color: transparent;
+  /* Create the bracket around inputs: */
+  background-size: 2px 4px, 2px 4px, 100% 2px;
+  background-position: bottom left, bottom right, bottom left;
+  background-repeat: no-repeat;
+}
+input[type="search"]:focus {
+  text-align: left;
+  outline: none;
+  outline: none !important;
+  /* Create the bracket around inputs: */
+  background-image: -webkit-linear-gradient(left, #81cfeb, #81cfeb), -webkit-linear-gradient(left, #81cfeb, #81cfeb), -webkit-linear-gradient(left, #81cfeb, #81cfeb);
+  background-image: linear-gradient(left, #81cfeb, #81cfeb), linear-gradient(left, #81cfeb, #81cfeb), linear-gradient(left, #81cfeb, #81cfeb);
+}
+/* ==============================
+   Icon Styles
+   =========================== */
+/*
+  Put a class or id on each icon.
+  The use a png or svg image as 
+  a background image. Apply a
+  background color too.
+  See page article of demo
+  paging control for example.
+*/
+.icon {
+  width: 40px;
+  height: 40px;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: auto 70%;
+  border-radius: 50%;
+}
+li > aside > span.icon {
+  margin-left: 0;
+}
+/* ==============================
+   Range Control
+   =========================== */
+input[type="range"] {
+  -webkit-appearance: none !important;
+  outline: none;
+  display: block;
+  margin-top: 20px;
+  margin-bottom: 20px;
+  width: auto;
+  height: 2px;
+  border-radius: 2px;
+  background-color: #aaaaaa;
+  background-image: -webkit-linear-gradient(top, #007aff, #007aff);
+  background-size: 0px 2px;
+  background-position: left center;
+  background-repeat: no-repeat;
+  padding: 0;
+}
+input[type="range"]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  display: block;
+  width: 18px;
+  height: 18px;
+  border-radius: 20px;
+  margin: 0;
+  background-color: #007aff;
+  border: solid 1px transparent;
+}
+input[type="range"]:focus::-webkit-slider-thumb,
+.isDesktop input[type="range"]::-webkit-slider-thumb:hover {
+  width: 40px;
+  height: 40px;
+  background-color: transparent;
+  background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22102px%22%20height%3D%22102px%22%20viewBox%3D%220%200%20102%20102%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22range-thumb%22%20transform%3D%22translate%281.000000,%201.000000%29%22%3E%3Ccircle%20id%3D%22Oval-1%22%20stroke%3D%22%23007aff%22%20stroke-width%3D%222%22%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%3E%3C/circle%3E%3Ccircle%20id%3D%22Oval-2%22%20fill-opacity%3D%220.598698103%22%20fill%3D%22%23007aff%22%20cx%3D%2249.5%22%20cy%3D%2249.5%22%20r%3D%2232.5%22%3E%3C/circle%3E%3Ccircle%20id%3D%22Oval-3%22%20fill%3D%22%23007aff%22%20cx%3D%2249.5%22%20cy%3D%2249.5%22%20r%3D%2213.5%22%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: 100% 100%;
+}
+.isDesktop input[type="range"]::-webkit-slider-thumb:hover::before {
+  content: '';
+  display: block;
+  width: 40px;
+  height: 40px;
+  background-color: #007aff;
+  border-radius: 50%;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.isNativeAndroidBrowser input[type="range"] {
+  -webkit-appearance: none !important;
+  outline: none;
+  display: block;
+  margin-top: 20px;
+  margin-bottom: 20px;
+  width: auto;
+  height: 2px;
+  border-radius: 2px;
+  background-color: #aaaaaa;
+  background-image: -webkit-linear-gradient(top, #0062cc, #0062cc);
+  background-size: 0px 2px;
+  background-position: left center;
+  background-repeat: no-repeat;
+  padding: 0;
+}
+.isNativeAndroidBrowser input[type="range"]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  display: block;
+  width: 30px;
+  height: 30px;
+  border-radius: 20px;
+  margin: 0;
+  background-color: transparent;
+  background-image: -webkit-radial-gradient(#0053ad 4px, rgba(0, 102, 214, 0.8) 4px);
+  border: solid 1px #0053ad;
+}
+.isNativeAndroidBrowser input[type="range"]:focus::-webkit-slider-thumb,
+.isNativeAndroidBrowser .isDesktop input[type="range"]::-webkit-slider-thumb:hover {
+  background-image: -webkit-radial-gradient(#0053ad 4px, rgba(0, 122, 255, 0.5) 4px);
+}
+html[dir=rtl] input[type="range"] {
+  background-position: right center;
+}
+/* ============================== 
+   Select List
+   =========================== */
+.isDesktop .list.select li:hover {
+  background-color: #007aff;
+}
+.isDesktop .list.select li:hover::after {
+  background-color: #007aff;
+  -webkit-transition: all 0.125s ease-in-out;
+  -moz-transition: all 0.125s ease-in-out;
+  transition: all 0.125s ease-in-out;
+  opacity: 1;
+  box-shadow: 0 0 0 3px #007aff, inset 0 0px 0px 3px #ffffff;
+}
+.list.select li.selected {
+  color: #000000;
+}
+.list.select li.selected::after {
+  background-color: #007aff;
+  -webkit-transition: all 0.125s ease-in-out;
+  -moz-transition: all 0.125s ease-in-out;
+  transition: all 0.125s ease-in-out;
+  opacity: 1;
+  box-shadow: 0 0 0 3px #007aff, inset 0 0px 0px 3px #ffffff;
+}
+.list.select li.selected *,
+.isDesktop .list.select li:hover * {
+  color: #000000;
+}
+.list.select li::after {
+  content: '';
+  display: block;
+  float: right;
+  margin-top: -25px;
+  width: 20px;
+  height: 20px;
+  -webkit-transition: all 0.125s ease-in-out;
+  -moz-transition: all 0.125s ease-in-out;
+  transition: all 0.125s ease-in-out;
+  opacity: 1;
+  border: solid 2px #525252;
+  border-radius: 15px;
+}
+.list.select li > input {
+  display: none;
+}
+html[dir=rtl] .list.select li::after {
+  float: left;
+}
+/* ==============================
+   Sheet Control
+   =========================== */
+.sheet {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  background-color: rgba(240, 240, 240, 0.9);
+  -webkit-transition: all 0.25s ease-in;
+  -moz-transition: all 0.25s ease-in;
+  transition: all 0.25s ease-in;
+  -webkit-transform: translate3d(0, -100%, 0);
+  -moz-transform: translate3d(0, -100%, 0);
+  transform: translate3d(0, -100%, 0);
+  display: none;
+}
+.sheet.opened {
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+.sheet.opened > section.scroller-vertical {
+  top: 36px;
+  padding: 10px 0 100px 0 !important;
+}
+.sheet > section.scroller-vertical {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  height: auto;
+  right: 0;
+  padding: 0 !important;
+}
+.sheet > section > .list {
+  border: none;
+  background-color: transparent !important;
+}
+.sheet > section > .list > li {
+  background-color: transparent !important;
+  border-bottom: solid 1px #cbcbcb;
+}
+.sheet > section > .list > li::before {
+  content: none;
+}
+.sheet .button {
+  display: block;
+  margin: 0 auto;
+  padding: 10px 20px !important;
+  width: auto;
+  height: auto;
+}
+.sheet div.handle {
+  display: block;
+  text-align: center;
+  margin: 0 auto;
+  cursor: pointer;
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+  height: 29pt;
+  background-color: rgba(0, 0, 0, 0.001);
+  background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2294px%22%20height%3D%2237px%22%20viewBox%3D%220%200%2094%2037%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate%281.000000,%201.000000%29%22%20id%3D%22Artboard-1%22%20fill%3D%22%23666666%22%3E%3Cpath%20d%3D%22M46,10.1317773%20L4.17415422,35.2632809%20L-0.46118846,27.5487752%20L45.8258458,-0.2632809%20L46,0.0265604%20L46.1741542,-0.2632809%20L92.4611885,27.5487752%20L87.8258458,35.2632809%20L46,10.1317773%20L46,10.1317773%20Z%22%20id%3D%22Rectangle-2%22%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
+  background-position: 50% 50%;
+  background-size: auto 40%;
+  background-repeat: no-repeat;
+  margin: 10px auto 0;
+}
+.isDesktop .sheet div.handle:hover {
+  background-color: #007aff;
+  background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2294px%22%20height%3D%2237px%22%20viewBox%3D%220%200%2094%2037%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate%281.000000,%201.000000%29%22%20id%3D%22Artboard-1%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M46,10.1317773%20L4.17415422,35.2632809%20L-0.46118846,27.5487752%20L45.8258458,-0.2632809%20L46,0.0265604%20L46.1741542,-0.2632809%20L92.4611885,27.5487752%20L87.8258458,35.2632809%20L46,10.1317773%20L46,10.1317773%20Z%22%20id%3D%22Rectangle-2%22%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
+}
+.isNativeAndroidBrowser .sheet div.handle {
+  background-size: 20% auto;
+}
+html[dir=rtl] .sheet > section > h2 {
+  font-weight: bold !important;
+  font-size: 16pt !important;
+  line-height: 20pt !important;
+}
+/* ==============================
+   Slide Out
+   =========================== */
+body.isNativeAndroidBrowser .slide-out {
+  visibility: visible;
+}
+.slide-out {
+  position: absolute;
+  top: 52px;
+  left: 0;
+  bottom: 0;
+  background-color: #fafafa;
+  z-index: 111111111;
+  width: 100%;
+  visibility: hidden;
+  -webkit-transform: translate3d(-100%, 0, 0);
+  -moz-transform: translate3d(-100%, 0, 0);
+  transform: translate3d(-100%, 0, 0);
+  -webkit-transition: all 0.25s ease-out;
+  -moz-transition: all 0.25s ease-out;
+  transition: all 0.25s ease-out;
+  overflow-x: hidden;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  display: -moz-box;
+  display: flex;
+  display: -webkit-flex;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -moz-box-orient: vertical;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  -moz-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-box-align: start;
+  -moz-box-align: start;
+  -webkit-align-items: flex-start;
+  align-items: flex-start;
+}
+.slide-out.open {
+  visibility: visible;
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+.slide-out > section {
+  -webkit-box-flex: 1 !important;
+  -moz-box-flex: 1 !important;
+  -webkit-flex: 1 !important;
+  flex: 1 !important;
+  padding-bottom: 100px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  width: 100%;
+}
+.button.slide-out-button {
+  position: absolute;
+  z-index: 1111111;
+  top: 5px;
+  left: 15px;
+  width: 35px;
+  height: 35px;
+  box-sizing: border-box;
+  padding: 0 !important;
+  margin-left: 0;
+}
+.button.slide-out-button::before {
+  content: '';
+  display: block;
+  width: 35px;
+  height: 35px;
+  background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2281px%22%20height%3D%2260px%22%20viewBox%3D%220%200%2081%2060%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22slideout%22%20fill%3D%22%23000000%22%3E%3Crect%20id%3D%22Rectangle%22%20x%3D%228%22%20y%3D%220%22%20width%3D%2264.167%22%20height%3D%227.666%22%3E%3C/rect%3E%3Crect%20id%3D%22Rectangle%22%20x%3D%228%22%20y%3D%2226%22%20width%3D%2264.167%22%20height%3D%227.667%22%3E%3C/rect%3E%3Crect%20id%3D%22Rectangle%22%20x%3D%228%22%20y%3D%2252%22%20width%3D%2264.167%22%20height%3D%227.666%22%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
+  background-position: 50% 50%;
+  background-size: 70% 70%;
+  background-repeat: no-repeat;
+}
+body.slide-out-app > article {
+  display: none !important;
+}
+body.slide-out-app > article.show {
+  display: block !important;
+  z-index: 100;
+}
+body.slide-out-app > nav.show:not(:first-of-type) {
+  display: block !important;
+  z-index: 100;
+}
+body.slide-out-app > nav:not(:first-of-type) {
+  display: none !important;
+}
+.slideout-header {
+  background-color: #fafafa !important;
+  border-bottom: none !important;
+}
+.slideout-header h2 {
+  margin-left: 0;
+  color: #4d4d4d !important;
+}
+html[dir=rtl] .button.slide-out-button {
+  right: 15px;
+  left: auto;
+}
+html[dir=rtl] .slide-out {
+  -webkit-transform: translate3d(100%, 0, 0);
+  transform: translate3d(100%, 0, 0);
+}
+html[dir=rtl] .slide-out.open {
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+/* ==============================
+   Stepper Control
+   =========================== */
+.stepper {
+  display: -moz-box;
+  display: inline-flex;
+  display: -webkit-inline-flex;
+  display: -webkit-box;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  -moz-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-box-align: start;
+  -moz-box-align: start;
+  -webkit-align-items: flex-start;
+  align-items: flex-start;
+  padding: 1px;
+}
+.stepper > input {
+  margin: 0;
+  display: none;
+}
+.stepper > label {
+  display: block;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  border: solid 1px #cbcbcb;
+  width: 40px;
+  height: 30px;
+  font: bold 16px/30px Helvetica;
+  text-align: center;
+  background-color: #ffffff;
+}
+.stepper > .button {
+  display: inline-box;
+  width: 30px;
+  height: 30px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  text-align: center;
+  font-weight: bold;
+  font-size: 16pt;
+  cursor: pointer !important;
+  margin: 0;
+  box-shadow: none;
+  border: solid 1px #cbcbcb;
+  padding: 0 !important;
+  border-radius: 0;
+}
+.isDesktop .stepper > .button:hover {
+  box-shadow: none !important;
+}
+.stepper > .button:first-of-type {
+  border-right: none;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.stepper > .button:last-of-type {
+  border-left: none;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+body:not(.isDesktop) .stepper > .button:last-of-type {
+  padding-top: 4px !important;
+}
+html[dir=rtl] .stepper > .button:first-of-type {
+  border-left: none;
+  border-right: solid 1px #cbcbcb;
+  border-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+html[dir=rtl] .stepper > .button:last-of-type {
+  border-right: none;
+  border-left: solid 1px #cbcbcb;
+  border-radius: 0;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+/* ==============================
+   Switched List Items        
+   =========================== */
+li.switched {
+  display: -webkit-box;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: reverse;
+  box-direction: reverse;
+}
+li.switched h3 {
+  width: auto;
+  font-size: 13pt;
+  line-height: 24pt;
+  color: #33b5e5;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+li.switched h4 {
+  width: 48%;
+  text-align: right;
+  margin-right: 10px;
+  font-size: 14pt;
+  line-height: 24pt;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 50%;
+}
+html[dir=rtl] li.switched h3 {
+  text-align: right;
+  width: 50%;
+}
+html[dir=rtl] li.switched h4 {
+  text-align: left;
+  margin-left: 10px;
+}
+/* ==============================
+   Switch
+   =========================== */
+.switch {
+  display: inline-block;
+  width: 70px;
+  height: 24px;
+  border: 1px solid #979797;
+  background-color: #fafafa;
+  display: -moz-box;
+  display: inline-flex;
+  display: -webkit-inline-flex;
+  display: -webkit-box;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  -moz-box-pack: justify;
+  -webkit-justify-content: distribute;
+  justify-content: space-around;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  border-radius: 2px;
+  -webkit-tap-highlight-color: transparent;
+  overflow: hidden;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -webkit-animation-duration: .65s;
+  -webkit-animation-timing-function: ease-in-out;
+  -webkit-animation-fill-mode: forwards;
+  -webkit-animation-name: switchAnimationOff;
+  user-select: none;
+  animation-duration: .65s;
+  animation-timing-function: ease-in-out;
+  animation-fill-mode: forwards;
+  animation-name: switchAnimationOff;
+}
+.isDesktop .switch:hover {
+  box-shadow: 0 0 2px 2px #007aff;
+}
+.switch > em {
+  display: block;
+  position: relative;
+  z-index: 30;
+  top: -1px;
+  border: solid 1px #919191;
+  border-top: solid 1px #e5e5e5;
+  width: 30px;
+  height: 22px;
+  background-color: #cecece;
+  pointer-events: none;
+  -webkit-transform: translate3d(-1px, 0, 0);
+  -moz-transform: translate3d(-1px, 0, 0);
+  transform: translate3d(-1px, 0, 0);
+  -webkit-transition: all 0.1s ease-in-out;
+  -moz-transition: all 0.1s ease-in-out;
+  transition: all 0.1s ease-in-out;
+}
+.switch.on {
+  border-color: #003166;
+}
+.switch.on > em {
+  -webkit-transform: translate3d(36px, 0, 0);
+  -moz-transform: translate3d(36px, 0, 0);
+  transform: translate3d(36px, 0, 0);
+  background-color: #007aff;
+  border: solid 1px #007aff;
+  border-top: solid 1px #3d9aff;
+  border-left-color: #003166;
+}
+.switch > input {
+  display: none;
+}
+html[dir=rtl] .switch.on > em {
+  -webkit-transform: translate3d(-36px, 0, 0);
+  -moz-transform: translate3d(-36px, 0, 0);
+  transform: translate3d(-36px, 0, 0);
+  border-left-color: #007aff;
+  border-right-color: #003166;
+}
+html[dir=rtl] .switch > em {
+  -webkit-transform: translate3d(2px, 0, 0);
+  -moz-transform: translate3d(2px, 0, 0);
+  transform: translate3d(2px, 0, 0);
+}
+/* ==============================
+   Tab Bar
+   =========================== */
+body.hasTabBar article {
+  top: 77px !important;
+}
+body.hasTabBar article .previous:not(.navigable),
+body.hasTabBar article .next:not(.navigable) {
+  display: none;
+  -webkiit-transform: none;
+}
+.tabbar {
+  /* Old syntax */
+  display: -webkit-box;
+  -webkit-box-orient: horizontal;
+  -webkit-box-align: center;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  height: 30px;
+  position: absolute;
+  left: 0;
+  top: 47px;
+  right: 0;
+  background-color: #cecece;
+}
+.tabbar > .button {
+  color: #000000;
+  background-color: #cecece;
+  position: relative;
+  display: block !important;
+  -webkit-box-flex: 1 !important;
+  -moz-box-flex: 1 !important;
+  -webkit-flex: 1 !important;
+  flex: 1 !important;
+  margin: 0;
+  height: 100%;
+  text-align: center;
+  line-height: 17px;
+  padding: 6px 10px 4px;
+  border: none;
+  border-bottom: solid 3px #cecece;
+  border-right: solid 1px #666666;
+  box-shadow: none;
+  border-radius: 0 !important;
+}
+.tabbar > .button:last-of-type {
+  border-right: none;
+  border-left: none;
+}
+.isDesktop .tabbar > .button:hover {
+  opacity: 1 !important;
+  box-shadow: none !important;
+  border-bottom: solid 3px #007aff;
+  background-color: #007aff !important;
+  color: #ffffff !important;
+}
+.tabbar > .button.selected {
+  color: #666666 !important;
+  opacity: 1 !important;
+  box-shadow: none !important;
+  border-bottom: solid 3px #007aff;
+}
+.tabbar > .button.more {
+  font-size: 0;
+  display: -moz-box;
+  display: flex;
+  display: -webkit-flex;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -moz-box-orient: vertical;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  -moz-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -moz-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+}
+.tabbar > .button.more::before {
+  content: '';
+  display: block;
+  height: 20px;
+  background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2239px%22%20height%3D%2211px%22%20viewBox%3D%220%200%2039%2011%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22more%22%20fill%3D%22%23666666%22%3E%3Ccircle%20id%3D%22Oval%22%20cx%3D%225.172%22%20cy%3D%225.172%22%20r%3D%225.172%22%3E%3C/circle%3E%3Ccircle%20id%3D%22Oval%22%20cx%3D%2219.172%22%20cy%3D%225.172%22%20r%3D%225.172%22%3E%3C/circle%3E%3Ccircle%20id%3D%22Oval%22%20cx%3D%2233.172%22%20cy%3D%225.172%22%20r%3D%225.172%22%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
+  background-position: 50% 50%;
+  background-size: 40% 40%;
+  background-repeat: no-repeat;
+}
+.tabbar > .button.more:hover::before {
+  background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2239px%22%20height%3D%2211px%22%20viewBox%3D%220%200%2039%2011%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22more%22%20fill%3D%22%23ffffff%22%3E%3Ccircle%20id%3D%22Oval%22%20cx%3D%225.172%22%20cy%3D%225.172%22%20r%3D%225.172%22%3E%3C/circle%3E%3Ccircle%20id%3D%22Oval%22%20cx%3D%2219.172%22%20cy%3D%225.172%22%20r%3D%225.172%22%3E%3C/circle%3E%3Ccircle%20id%3D%22Oval%22%20cx%3D%2233.172%22%20cy%3D%225.172%22%20r%3D%225.172%22%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
+}
+.tabbar > .button > span,
+.tabbar > .button > .icon {
+  display: block;
+  -webkit-box-flex: 1 !important;
+  -moz-box-flex: 1 !important;
+  -webkit-flex: 1 !important;
+  flex: 1 !important;
+}
+html[dir=rtl] .tabbar > .button:first-child {
+  border-right: none !important;
+}
+html[dir=rtl] .tabbar > .button:last-child {
+  border-right: solid 1px #666666 !important;
+}
+/* ============================== 
+   Carousel styles
+   =========================== */
+#carousel {
+  width: 100%;
+  height: 100%;
+  margin: 10px auto;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  background-color: #ccc;
+}
+.carousel-track {
+  margin: 0;
+  padding: 0;
+}
+.carousel-track > li {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  list-style: none;
+  margin: 0;
+  padding: 1px !important;
+  position: relative;
+  display: -moz-box;
+  display: flex;
+  display: -webkit-flex;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -moz-box-orient: vertical;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  -moz-box-pack: start;
+  -webkit-justify-content: start;
+  justify-content: flex-start;
+  -webkit-box-align: center;
+  -moz-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  overflow: hidden;
+  border-left: solid 1px #999;
+  padding-bottom: 10px;
+  -webkit-user-select: none;
+}
+.carousel-track > li.carousel-panel-active {
+  border: none;
+}
+.carousel-track > li h2 {
+  width: 100%;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.pagination {
+  list-style: none;
+  height: 10px;
+  padding: 0;
+  margin: 0 auto;
+  display: -moz-box;
+  display: flex;
+  display: -webkit-flex;
+  display: -webkit-box;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  -moz-box-pack: justify;
+  -webkit-justify-content: distribute;
+  justify-content: space-around;
+}
+.pagination::after {
+  content: '';
+  display: block;
+  clear: both;
+}
+.pagination > li {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  height: 10px;
+  width: 10px;
+  background-color: #666;
+  margin-right: 5px;
+  border-radius: 50%;
+}
+.pagination > li.selected {
+  background-color: #007aff;
+  cursor: pointer;
+}
+.pagination > li:last-of-type {
+  margin-right: 0;
+}
+.isDesktop .pagination > li:hover {
+  background-color: #007aff;
+  cursor: pointer;
+}
+html[dir=rtl] .pagination > li {
+  margin-right: 0;
+  margin-left: 5px;
+  padding: 0 !important;
+}
+html[dir=rtl] .pagination > li:last-of-type {
+  margin-left: 0;
+}
+.horizontal-scroll-panel {
+  width: 100%;
+  height: 200px;
+  background-color: #ccc;
+  padding: 20px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  -ms-overflow-style: -ms-autohiding-scrollbar;
+  overflow-y: hidden !important;
+  overflow-x: auto;
+}
+.horizontal-scroll-panel > ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  -webkit-padding-start: 0;
+  font-size: 0;
+}
+.horizontal-scroll-panel > ul li {
+  display: inline-block;
+  border: solid 1px #666;
+  box-shadow: 0 0 4px #666;
+  width: 200px;
+  height: 200px;
+  overflow: hidden;
+  margin-right: 20px;
+  font-size: 0;
+}
+.horizontal-scroll-panel > ul:first-of-type {
+  margin-left: 0 !important;
+}
+.horizontal-scroll-panel > ul:last-of-type {
+  margin-right: 0 !important;
+}
+body.isWindows .horizontal-scroll-panel {
+  background-color: #333;
+}
+[dir=rtl] .horizontal-scroll-panel li {
+  margin-right: 0 !important;
+  margin-left: 20px !important;
+}
+[dir=rtl] .horizontal-scroll-panel li:first-of-type {
+  margin-right: 0 !important;
+}
+[dir=rtl] .horizontal-scroll-panel li:last-of-type {
+  margin-left: 0 !important;
+}
+@media only screen and (max-device-width: 320px) {
+  .horizontal-scroll-panel {
+    height: 125px;
+    padding: 10px;
+  }
+  .horizontal-scroll-panel li {
+    height: 125px;
+    width: 125px;
+  }
+}