chui-win-3.5.3.min.css

/*
ChocolateChip-UI
ChUI-Win.css
Copyright 2014 Sourcebits www.sourcebits.com
License: MIT
Version: 3.5.3
*/
html,body{padding:0;margin:0;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;font:400 14px/18px SegoeWP,SegoeUI,HelveticaNeue,Sans-serif;-ms-touch-action:none}body{background-color:#000;font:400 10pt/13pt SegoeWP,SegoeUI,HelveticaNeue,Sans-serif;-ms-user-select:none}body *{-ms-user-select:none}article{position:absolute;top:45pt;right:0;bottom:0;left:0;transition:opacity .5s ease-out,transform .35s ease-out;overflow-x:hidden;overflow-y:auto;-ms-overflow-style:-ms-autohiding-scrollbar;-ms-scroll-chaining:none;display:-ms-flexbox;-ms-flex-pack:start;-ms-flex-align:stretch;-ms-flex-direction:column;display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column}.current{transform:translate3d(0,0,0);opacity:1}.next{transform:translate3d(105%,0,0);opacity:0}.previous{transform:translate3d(-100%,0,0);opacity:0}html[dir=rtl] .current{transform:translate3d(0,0,0)}html[dir=rtl] .next{transform:translate3d(-100%,0,0)}html[dir=rtl] .previous{transform:translate3d(105%,0,0)}article>section,.scroller-vertical,.scroller-horizontal{height:100%;padding-bottom:10px;overflow-x:hidden;overflow-y:auto;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;-ms-flex:1;flex:1}.scroller-horizontal{overflow-y:hidden;overflow-x:auto}.scroller-vertical{padding-top:0}article>section{padding-top:10px}article>section>:last-child:not(a)::after{content:'';display:block;margin-bottom:100px}.horizontal{display:-ms-flexbox;-ms-flex-pack:start;-ms-flex-align:stretch;-ms-flex-direction:row;display:flex;justify-content:flex-start;align-items:stretch}.horizontal.centered{display:-ms-flexbox;-ms-flex-pack:center;-ms-flex-align:stretch;-ms-flex-direction:row;display:flex;justify-content:center;align-items:center;flex-direction:row}a.button{cursor:pointer;text-decoration:none;font-size:13pt;transition:all .35s ease-out;display:block;width:auto;box-sizing:border-box;height:30px;height:auto;position:relative;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;vertical-align:middle;border:solid 2px #fff;color:#fff;padding:5px 10px;overflow:hidden;text-align:center}a.button.align-flush{position:absolute;right:16px;top:16px!important}a.button:hover,a.button.selected{color:#fff;background-color:#007aff;border-color:#fff!important}a.button.back,a.button.backTo{display:inline-block;min-width:0;min-height:0;background-clip:border-box;box-sizing:border-box;border-radius:50%;border-width:2px;border-style:solid;border-color:#fff!important;padding:0;text-align:center;width:41px;height:41px;font-size:0;line-height:30px!important;vertical-align:baseline;overflow:hidden}a.button.back::before,a.button.backTo::before{font-family:"Segoe UI Symbol";font-weight:400;content:"\E0D5";vertical-align:50%;font-size:14pt;display:block;margin-left:-3px}a.button.action{width:auto;display:block;margin:0 auto;padding:10px 20px;box-sizing:border-box;height:auto;min-width:200px;max-width:300px}html[dir=rtl] .button.back::before,html[dir=rtl] .button.backTo::before{transform:rotate(180deg)}html[dir=rtl] .button.align-flush{left:16px;right:auto}#global-nav{background-color:#000;overflow:hidden}nav{height:45pt;line-height:40pt;box-sizing:border-box;display:-ms-flexbox;-ms-flex-pack:start;-ms-flex-align:center;-ms-flex-direction:row;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;position:absolute;top:0;left:0;right:0;transition:opacity .5s ease-in,transform .35s ease-out;padding:5px 15px;vertical-align:middle}nav>h1{text-align:left;display:inline-block;margin:0 0 0 10px;font-size:x-large;font-family:SegoeWP,SegoeUI,HelveticaNeue,Sans-serif;font-weight:400;padding:2px 10px 0 0;-ms-touch-action:none;position:relative;z-index:-1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nav a.button{position:relative;line-height:20pt;padding:0 10px}nav a.button:first-of-type{line-height:14pt;padding:4px 10px;position:relative;top:0;margin-left:10px}nav a.button:hover{border-color:#fff!important}nav a.button.align-flush{position:absolute;right:10px;top:0}nav>h1+a.button{margin-top:-4px;float:right}nav>h1+a.button:first-of-type{margin-top:-4px;float:right}.slide-out-app>nav>h1{margin-left:80px!important}.slide-out-app>nav#global-nav>a.button:first-of-type{top:8px}html[dir=rtl] .slide-out-app>nav>h1{margin-right:80px!important;margin-left:auto}nav>h1,h2,h3,h4,h5,section h2,p,li,.list>li>p{color:#fff}.list{list-style:none;margin:10px 20px 0;padding:0}.list:first-child{margin-top:0}.list>li{padding:5px;transition:all .3s ease-out;position:relative;background-color:#000;font-size:initial;border:solid 1px transparent;-ms-user-select:none}.list>li.show-detail::after{content:'i';display:block;height:20px;width:22px;border-radius:20px;border:solid 1px #fff;color:#fff;font:700 14px/0 SegoeWP,SegoeUI,serif;box-sizing:border-box;padding:10px 8px;position:absolute;top:10px;right:16px}.list>li+.button.action{margin-top:40px}.list>li[data-goto]:hover,.list>li[data-show-article]:hover{cursor:pointer;border:solid 1px #fff;background-color:#007aff;color:#fff!important}.list>li[data-goto]:hover *,.list>li[data-show-article]:hover *{color:#fff}.list~p{margin:10px 25px 0}.list~p+p{margin-top:5pt}.list>li>h3,.list>li>h4{width:80%;font-weight:200;margin:0}.list>li h3{font-size:16pt;line-height:18pt;margin-bottom:4px;margin-top:0!important}.list>li h4{line-height:14pt;color:#9e9e9e}.list>li>h4,.list>li>div>h4{font-size:12pt;line-height:15pt;margin:0}.list+h2{margin-top:10px}h2+.list{margin-top:0;border-top:solid 2px rgba(255,255,255,.25);padding-top:5px}section h2{font:400 11pt/12pt SegoeWP,SegoeUI,HelveticaNeue,Sans-serif;margin:0 20px;padding-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:5px}section h2.normal-case{text-transform:none}section h2.wrap{white-space:normal}section>p,.list>li>p,.list>li>div>p{font-size:13pt;line-height:16pt;margin:0}.list>li p+p{margin-top:5px}.list>li>p{margin:5px 0;font-size:13pt;line-height:16pt;color:#fff}html[dir=rtl] .list>li.show-detail::after{left:16px;right:auto}li.comp{display:-ms-flexbox;-ms-flex-direction:row;-ms-flex-align:stretch;display:flex;flex-direction:row;align-items:stretch;padding-bottom:0}li.comp>div{-ms-flex:1;padding:0 0 10px}li.comp>div+aside{margin-right:-20px}li.comp>h3,li.comp>h4{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:SegoeWP,SegoeUI,HelveticaNeue,Sans-serif;font-weight:200}li.comp>h3>h3,li.comp>h4>h3{margin:0;min-width:40%}li.comp>h3>h4,li.comp>h4>h4{margin:0}li.comp.wrap>div>h3,li.comp.wrap>div>h4{white-space:normal;overflow:visible}li.comp>aside{display:-ms-flexbox;-ms-flex-pack:center;-ms-flex-align:center;display:flex;justify-content:center;align-items:center;padding:0 0 10px}li.comp>aside:first-child{-ms-flex-align:start;margin-right:10px}li.comp>aside:last-child{padding:0 20px 10px 10px}li.comp>aside>label,li.comp>aside>span{display:inline-block;margin-left:5px}li.comp>aside>.nav{display:none}li.comp>aside>.nav::after{display:none}li.comp>aside>.show-detail::after{content:'i';display:block;height:20px;width:22px;border-radius:20px;border:solid 1px #fff;color:#fff;font:700 14px/0 SegoeWP,SegoeUI,Times,serif;box-sizing:border-box;padding:10px 8px;float:right;margin:-20px 0 0 0}li.comp:last-of-type>aside:last-child{border:0}.list>li>aside>h4{margin:0;font-weight:400;color:#ccc}aside>span.counter,aside>span.date-time{font-weight:400;color:#ccc;font-size:12pt}p{color:#fff}html[dir=rtl] li.comp>aside:first-child{margin-right:auto;margin-left:10px}html[dir=rtl] li.comp>aside>span.counter,html[dir=rtl] li.comp>aside>span.date-time{margin-right:10px!important;margin-left:0!important;display:inline-block!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}}.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}.grid.wrap{-webkit-box-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.col{-webkit-box-flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.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}.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}@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{display:-ms-flexbox;-ms-flex-direction:row;-ms-flex-pack:center;-ms-flex:1;display:flex;flex-direction:row;justify-content:center;flex:1;box-sizing:border-box;margin:0 10px}.segmented>.button{display:-ms-flexbox;-ms-flex-direction:column!important;-ms-flex-align:center;-ms-flex-pack:center;display:flex;flex-direction:column!important;align-items:center;justify-content:center;border:solid 2px #fff;border-left:0;text-align:center;font-size:9pt;box-sizing:border-box;height:30px;cursor:pointer;margin:0!important;padding:0 10px;transition:none}.segmented>.button:first-of-type{border-left:solid 2px #fff}.segmented>.button:hover,.segmented>.button.selected{color:#fff!important;background-color:#007aff!important;opacity:1!important;box-shadow:none;border-color:#fff!important}div.horizontal.centered>.segmented{display:-ms-flexbox;margin:10px 16px}.segmented.align-flush{position:absolute;right:15px;top:10px}html[dir=rtl] .segmented.align-flush{left:15px;right:auto}html[dir=rtl] .segmented>.button{border-left:solid 2px #fff;border-right:0}html[dir=rtl] .segmented>.button:first-of-type{border-right:solid 2px #fff}.segmented.paging>.button{display:-ms-flexbox;-ms-flex-align:center;display:flex;justify-content:center;background-color:#000;font-size:20pt;padding:0;width:40px;height:40px;border:solid 2px #fff;box-shadow:none;position:relative;box-sizing:border-box}.segmented.paging>.button:first-of-type{margin-right:10px!important;top:0!important}.segmented.paging>.button:hover,.segmented.paging>.button.selected{color:#007aff;box-shadow:none;border-color:#fff;background-color:#fff;color:#fff;opacity:1}.segmented.paging>.button:hover::before,.segmented.paging>.button.selected::before{background-color:#007aff;color:#fff}.segmented.paging>.button::before{content:'';display:block;-ms-flex:1;height:38px;width:38px;font-family:"Segoe UI Symbol";font-weight:400;line-height:20pt;vertical-align:50%;font-size:24pt;color:#fff}nav .segmented.paging>a.button{border-radius:50%}.segmented.paging.horizontal>.button:first-of-type::before{content:'\E09E';margin-left:-2px}.segmented.paging.horizontal>.button:last-of-type::before{content:'\E09F'}.segmented.paging.vertical>.button:first-of-type::before{content:'\E0A0'}.segmented.paging.vertical>.button:last-of-type::before{content:'\E0A1'}article.paging>section{position:absolute;width:100%;left:0;right:0;bottom:0;top:0;opacity:1;padding:0 0 100px!important;transition:all .15s ease-out}article.paging.horizontal>section.previous{transform:translate3d(-100%,0,0)}article.paging.horizontal>section.current{transform:translate3d(0,0,0)}article.paging.horizontal>section.next{transform:translate3d(100%,0,0)}article.paging.vertical>section.previous{transform:translate3d(0,-100%,0)}article.paging.vertical>section.current{transform:translate3d(0,0,0)}article.paging.vertical>section.next{transform:translate3d(0,-100%,0)}html[dir=rtl] .segmented.paging.horizontal>.button:first-of-type::before,html[dir=rtl] .segmented.paging.vertical>.button:first-of-type::before,html[dir=rtl] .segmented.paging.horizontal>.button:last-of-type::before,html[dir=rtl] .segmented.paging.vertical>.button:last-of-type::before{transform:rotate(-180deg)}html[dir=rtl] .segmented.paging.horizontal>.button:first-of-type::before,html[dir=rtl] .segmented.paging.vertical>.button:first-of-type::before{margin-right:-2px}html[dir=rtl] .segmented.paging.horizontal>.button:last-of-type,html[dir=rtl] .segmented.paging.vertical>.button:last-of-type{margin-right:10px!important;border:solid 2px #fff!important}html[dir=rtl] article.paging.horizontal>section.previous{transform:translate3d(100%,0,0)}html[dir=rtl] article.paging.horizontal>section.next{transform:translate3d(-100%,0,0)}div.toolbar{position:fixed;bottom:0;left:0;right:0;height:45pt;padding:0 15px;background-color:#1a1a1a;border-top:solid 1px #333;overflow:hidden;box-sizing:border-box;display:-ms-flexbox;-ms-flex-pack:start;-ms-flex-align:center;-ms-flex-direction:row;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;-webkit-transition:all .15s ease-out;transition:all .15s ease-out;-webkit-transform:translate3d(0,0,0)}.splitlayout>.master+.toolbar{left:0;width:320px;border-right:solid 1px #333!important;background-color:#1a1a1a}.splitlayout>.detail+.toolbar{left:320px;background-color:#1a1a1a}article.has-toolbar{bottom:45pt!important}div.toolbar.current{-webkit-transform:translate3d(0,0,0)!important}div.toolbar.next{-webkit-transform:translate3d(101%,0,0)!important}div.toolbar.previous{-webkit-transform:translate3d(-101%,0,0)!important}html[dir=rtl] .splitlayout>.master+.toolbar{right:0;left:320px;width:320px;border-right:0;border-left:solid 1px #333!important}html[dir=rtl] .splitlayout>.detail+.toolbar{right:320px;left:0}body.splitlayout{display:-ms-flexbox;-ms-flex-direction:row;-ms-flex-align:stretch}body.splitlayout>nav{background-color:#1a1a1a!important;border-bottom:solid 1px #333}body.splitlayout>nav:first-of-type{width:320px;border-right:solid 1px #333!important}body.splitlayout>nav:last-of-type{left:320px}body.splitlayout>nav h1{z-index:auto;text-align:center}body.splitlayout>article.master{top:60px;left:0;bottom:0;right:320px;box-sizing:border-box;width:320px;border-right:solid 1px #262626!important}body.splitlayout>article.master>section{padding-bottom:100px;height:100%}body.splitlayout>article.detail{top:60px;left:320px!important;bottom:0;left:0;-ms-flex:1;overflow:hidden}body.splitlayout>article.detail>section{padding-bottom:100px;height:100%}.master .list>li.selected{background-color:#fff;color:#000!important}html[dir=rtl] body.splitlayout>nav:first-of-type{right:0;left:320px;border-right:0;border-left:solid 1px #333!important}html[dir=rtl] body.splitlayout>nav:last-of-type{left:0;right:320px}html[dir=rtl] body.splitlayout>article.master{left:320px!important;right:0!important;border-right:0!important;border-left:solid 1px #333!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{display:block;background-color:#000;position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;z-index:9999;cursor:pointer}.busy{width:150px;display:block;margin-left:auto;margin-right:auto;position:relative;top:20px}.busy.align-flush{position:absolute;right:15px}nav>.busy{width:80px}.popover{min-width:200px;background-color:#000;height:250px;max-height:300px;position:absolute;z-index:111111;margin-top:10px;transform:scaleY(0);transition:all .15s ease-in-out;transform-origin:50% 0;box-shadow:0 0 5px 3px #4d4d4d;border:solid 2px #000}.popover.open{transform:scaleY(1)}.popover header{display:none}.popover>section{overflow-x:hidden;overflow-y:auto;-ms-overflow-style:-ms-autohiding-scrollbar;padding-bottom:0;position:absolute;top:4px;bottom:4px;width:100%;padding-bottom:20px}.popover>ul.list,.popover>ul.list>li{margin:0!important}.popup{display:-ms-flexbox;-ms-flex-direction:column;display:flex;flex-direction:column;width:100%;background-color:#fafafa;padding:20px 10px;transform:scaleY(1);transition:all .25s ease-in-out;position:absolute;top:0;left:0;right:0;z-index:10000;margin-left:auto;margin-right:auto;transition:all .25s ease-in;transform-origin:top center}.popup.closed{transform:scaleY(0)}.popup.opened{display:block;transform:scaleY(1);transition:all .25s ease-in-out}.popup *{color:#000}.popup>.panel{display:block!important;color:#fff;font:400 16px/22px Helvetica,Arial,Sans-serif;padding:0 0 10px;width:80%;height:100%;margin:0 auto}.popup>.panel>p{padding:0 20px}.popup header,.popup footer{box-sizing:border-box;display:-ms-flexbox!important;-ms-flex-direction:row;-ms-flex-pack:distribute;-ms-flex-align:center;display:flex!important;flex-direction:row;justify-content:center;align-items:center;height:auto!important}.popup footer{height:auto;position:relative;bottom:-10px;padding:0;height:42px}.popup footer>.button{-ms-flex:1;display:block;box-sizing:border-box;max-width:100%;box-shadow:none;margin:10px 0!important;height:42px!important;font-size:18px;line-height:32px;padding:8px 20px;border-color:#000;background-color:#fff;color:#000;font:700 16px/20px Helvetica,sans-serif;border-right:0;text-align:center}.popup footer>.button:last-of-type{border-right:solid 2px #000}.popup footer>.button:hover{background-color:#007aff;border-color:#000!important;color:#fff}.popup footer+.button{border-right:solid 2px #000}html[dir=rtl] .popup footer>.button:first-of-type{border-right:solid 2px #000;border-left:solid 2px #000}.deletion-indicator{display:-ms-flexbox;displaY:flex;box-sizing:border-box;padding:2px 5px 13px 1px;height:24px;width:24px;background-color:#000;border:solid 2px #fff;position:absolute;top:5px;left:-50px;transition:all .25s ease-out;cursor:pointer}.deletion-indicator:hover{box-shadow:0 0 6px 2px #fff!important;color:#66afff!important}li.selected>.deletion-indicator{box-shadow:0 0 6px 2px #fff!important;color:#66afff!important}li.selected>.deletion-indicator::before{font-family:"Segoe UI Symbol";font-weight:400;font-size:13pt;text-align:left;content:'\E008';color:#66afff;display:block;margin:-2px 0 0 -4px}.list.showIndicators .deletion-indicator{margin-left:55px}.list.showIndicators li{padding-left:32px}.button.delete{float:right;color:#fff;text-align:center;box-sizing:border-box;width:32px;height:30px;position:absolute;right:0;top:0;display:-ms-flexbox;-ms-flex-pack:center;-ms-flex-align:center;-ms-flex-direction:row;display:flex;justify-content:center;align-items:center;flex-direction:row;transition:all .25s ease-out;transform:translate3d(140px,0,0);cursor:pointer;font-weight:200;border:solid 2px #fff;border-radius:50%;padding:0;overflow:hidden}.button.delete:hover{border-color:#fff!important}.button.delete:hover::before{color:#fff}.button.delete::before{font-family:"Segoe UI Symbol";font-weight:400;content:"\E107";vertical-align:50%;font-size:14pt;display:block;width:100%;height:100%;text-align:center;margin-top:8px}li.selected>.button.delete{transform:translate3d(0,0,0)}html[dir=rtl] .deletion-indicator{right:-50px!important;left:auto}html[dir=rtl] li.selected>.deletion-indicator::before{margin:-2px 18px 0 0}html[dir=rtl] .list.showIndicators li{padding-left:0;padding-right:32px}html[dir=rtl] .button.delete{float:left}html[dir=rtl] .list>li>.deletion-indicator{float:right;margin-right:auto;margin-left:-20px;right:-40px}html[dir=rtl] .list>li>.button.delete{transform:translate3d(-80px,0,0);left:0;right:auto}html[dir=rtl] .list.showIndicators>li>.deletion-indicator{right:0!important;margin-left:10px}html[dir=rtl] .list.showIndicators>li.selected{margin-right:0;margin-left:80px}html[dir=rtl] .list.showIndicators>li.selected>.button.delete{transform:translate3d(-80px,0,0)}input:not([type=range]),textarea{border:solid 2px #fff;background:transparent!important;padding:5px;color:#fff}input:focus:not([type=range]){border-color:#007aff;color:#fff}select{background-color:transparent;border:solid 2px #fff;color:#fff;height:30px;padding-left:5px}select:focus{border-color:#007aff}select:focus::-ms-value{background-color:transparent}select:focus::-ms-expand{border:solid 2px #007aff}select::-ms-expand{border:solid 2px #fff;border-top:0;border-bottom:0;border-right:0;color:#fff;background-color:transparent;padding:0 2px}option{color:#000;padding:5px}html[dir=rtl] select::-ms-expand{border:0;border-right:solid 2px #fff;padding:0 4px 0 0}.searchBar{width:auto;box-sizing:border-box;height:30px;margin-left:auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.searchBar>input[type=search]{padding:4px 0 4px 10px;width:auto;padding-left:10px;margin-left:25px;text-align:left;color:#000;background-color:#fff!important;border:0;border:solid 2px #fff}.searchBar>input[type=search]:focus{text-align:left;outline:0!important;color:#000}.searchBar>input[type=search]::-ms-clear{color:#000;border:solid 1px #000;height:20px;margin:2px 4px 2px 0}.searchGlyph{font-family:'Segoe UI Symbol';display:inline-block;height:28px;width:28px;box-sizing:border-box;padding:2px;line-height:16px;background-color:#000;border:solid 3px #fff;color:#fff}.icon{height:40px;width:40px;background-repeat:no-repeat;background-position:center center;background-size:auto 70%;border-radius:0}input[type=range]{display:block;margin-top:20px;margin-bottom:20px}.list.select li::before{content:'';display:block;float:left;transition:all .125s ease-in-out;border:solid 2px #fff;height:16px;width:16px;border-radius:50%;margin-right:10px;margin-top:0}.list.select li:hover::before,.list.select li.selected::before{background-image:radial-gradient(circle,#fff 5px,transparent 5px);background-color:#3395ff}.list.select li>input{display:none}.sheet{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(255,255,255,.85);transition:all .25s ease-in;transform:translate3d(0,-100%,0);visibility:hidden}.sheet.opened{visibility:visible;transform:translate3d(0,0,0)}.sheet .button{width:auto;margin:0 auto;padding:10px 20px;height:auto;background-color:#fff;border-color:#000;color:#000}.sheet .button:hover,.sheet .button.selected{color:#fff;background-color:#007aff;border-color:#000!important}.sheet>section{position:absolute;top:36px;left:0;bottom:0;height:auto;right:0}.sheet>section>.list{border:0;background-color:transparent!important}.sheet>section>.list>li{border-bottom:solid 1px #4d4d4d;background-color:transparent!important}.sheet>section>.list::before{content:none}.sheet>div.handle{display:-ms-flexbox;box-sizing:border-box;-ms-flex-pack:center;-ms-flex-align:center;-ms-flex-direction:column;display:flex;justify-content:center;align-items:center;flex-directions:column;text-align:center;margin:0 auto;color:#000;cursor:pointer;height:28pt}.sheet>div.handle::before{content:'\E0A0';font-family:"Segoe UI Symbol";font-weight:400;font-size:24pt;text-align:left;color:#000;display:block;margin-bottom:10px}.slide-out{position:absolute;top:52pt;left:0;bottom:0;background-color:#000;z-index:111111111;width:100%;visibility:hidden;transform:translate3d(-100%,0,0);transition:all .25s ease-out;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;display:-ms-flexbox;-ms-flex-pack:start;-ms-flex-align:stretch;-ms-flex-direction:column;display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column}.slide-out.open{visibility:visible;transform:translate3d(0,0,0)}.slide-out>section{-ms-flex:1;padding-bottom:100px;overflow-x:hidden;overflow-y:auto;-ms-overflow-style:-ms-autohiding-scrollbar}.slide-out>section>ul.list{margin-top:20px}.button.slide-out-button{position:absolute;z-index:1111111;top:5px;left:15px;height:35px;width:35px;box-sizing:border-box;margin-left:-5px!important}.button.slide-out-button::before{content:'\E179';height:35px;width:35px;color:#fff;font-family:"Segoe UI Symbol";font-weight:400;font-size:14pt;text-align:left;display:block;margin:2px 0 0 -5px}.button.slide-out-button:hover::before{color:#fff}body.slide-out-app>article,body.slide-out-app>nav:not(:first-of-type){display:none!important}body.slide-out-app>article.show,body.slide-out-app>nav.show{display:block!important;z-index:100}.slideout-header{background-color:#000!important}.slideout-header h2{margin-left:0;color:#fff!important;margin-top:20px!important}html[dir=rtl] .slide-out{transform:translate3d(100%,0,0)}html[dir=rtl] .slide-out.open{transform:translate3d(0,0,0)}html[dir=rtl] .button.slide-out-button{margin-right:10px!important}html[dir=rtl] .button.slide-out-button::before{margin:2px -17px 0 0!important}.stepper{display:-ms-inline-flexbox;-ms-flex-direction:row;-ms-flex-pack:center;-ms-flex-align:start;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:1px}.stepper>input{margin:0;display:none}.stepper>label{display:block;border:solid 2px #fff;width:36px;height:32px;box-sizing:border-box;font:700 14pt/20pt SegoeWP,SegoeUI,HelveticaNeue,Sans-serif;text-align:center;background-color:#fff;color:#000}.stepper>.button{display:inline-block;text-align:center;font-weight:700;font-size:12pt;line-height:18pt;cursor:pointer!important;margin:0;overflow:hidden;box-sizing:border-box;height:32px;padding:1px 10px;box-shadow:none}.stepper>.button:first-of-type{border-right:0}.stepper>.button:first-of-type::before{font-family:"Segoe UI Symbol";font-weight:400;content:'\E108'}.stepper>.button:last-of-type{border-left:0}.stepper>.button:last-of-type::before{font-family:"Segoe UI Symbol";font-weight:400;content:'\E109'}html[dir=rtl] .stepper>.button:first-of-type{border-right:solid 2px #fff}html[dir=rtl] .stepper>.button:last-of-type{border-left:solid 2px #fff}li.switched{display:-ms-flexbox;-ms-flex-direction:row-reverse;-ms-flex-pack:start;display:flex;flex-direction:row-reverse;justify-content:flex-start}li.switched h3{width:auto;font-size:13pt;line-height:24pt;color:#9e9e9e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-ms-flex:1}li.switched h4{width:auto;text-align:right;margin-right:10px;font-size:14pt;line-height:24pt;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;max-width:50%}html[dir=rtl] li.switched h4{margin-left:10px;margin-right:auto}.switch{position:relative;height:25px;width:60px;border:2px solid #fff;background-color:#000;display:-ms-flexbox;-ms-flex-direction:row;-ms-flex-pack:justify;display:flex;flex-direction:row;justify-content:space-around;box-sizing:border-box;text-align:center;line-height:28px;cursor:pointer;-ms-user-select:none;animation-duration:.65s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-name:switchAnimationOff}.switch:before{content:'';display:block;position:absolute;z-index:3;top:0;border:solid 1px #fff;background-color:#1f8aff;height:19px;width:0;transition:all .15s ease-in-out}.switch.on:before{width:54px}.switch.on>em{-ms-transform:translate3d(48px,0,0)}.switch>em{display:block;position:relative;z-index:3;top:-2px;left:-3px;background-color:#fff;width:12px;height:25px;pointer-events:none;-ms-transform:translate3d(-1px,0,0);-ms-transition:all .15s ease-in-out;transition:all .15s ease-in-out;-ms-touch-action:none}.switch>input{display:none}html[dir=rtl] .switch:before{left:0}html[dir=rtl] .switch>em{-ms-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}html[dir=rtl] .switch.on>em{-ms-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}.tabbar{height:47px;padding:1px 0;display:block;box-sizing:border-box;font-size:10px;text-align:left;position:absolute;top:45pt;left:25px;right:20px;overflow:hidden}.tabbar>.button{position:relative;display:inline-block!important;margin:0;height:30px;text-align:left;color:#fff;border-color:#000;padding:4px 10px 4px 0;border:0!important}.tabbar>.button:hover,.tabbar>.button.selected{color:#007aff!important;opacity:1!important;background-color:transparent}.tabbar>.button.more{font-size:0;width:40px}.tabbar>.button.more::before{font-family:"Segoe UI Symbol";font-weight:400;content:'\E10C';font-size:20pt}.tabbar>.button.more>label{display:none!important}.tabbar>.button>label{font-size:10pt!important}body.hasTabBar>article{top:95px!important}@media only screen and (device-width:480px) and (orientation:portrait){@-ms-viewport{width:240px}html,body,body{width:240px;height:400px}nav>.button{-ms-flex:none}nav>h1{-ms-flex:2}nav>h1{font-size:large}.list>li h3{font-size:14pt}a.button.back,a.button.backTo{width:30px;height:30px;line-height:18px!important;vertical-align:baseline;overflow:hidden}a.button.back::before,a.button.backTo::before{vertical-align:52%;font-size:11pt;margin-left:-6px}.segmented.paging>.button{font-size:20pt;width:30px;height:30px}.segmented.paging>.button::before{height:30px;width:30px;line-height:20pt;vertical-align:50%;font-size:20pt;margin:-4px 0 0 0}.popover{height:200px}.switch:before{height:12px!important}.stepper>label{width:28px;height:26px;font:700 14pt/20pt SegoeWP,SegoeUI,HelveticaNeue,Sans-serif}.stepper>.button{font-size:10pt;line-height:14pt;height:26px;padding:1px 6px}}@media only screen and (device-width:480px) and (orientation:portrait){.popover{width:200px}.popup{padding:20px 10px}.popup header>h1{font-size:14pt}.splitlayout>nav:first-of-type{width:150px}.splitlayout>nav:last-of-type{left:150px}.splitlayout>article.master{width:150px!important}.splitlayout>article.detail{left:150px!important}.tabbar{display:-ms-flexbox}.tabbar>.button{font-size:9pt;-ms-flex:1}.busy.align-flush{position:static}.switch{height:18px;width:40px}.switch>em{width:12px;height:18px}.switch:before{height:15px}.switch.on>em{-ms-transform:translate3d(28px,0,0)}.switch.on:before{width:26px}.tabbar>.button>label{font-size:8pt!important}.tabbar>.button.more::before{font-size:8pt}.button.slide-out-button{top:5px;left:15px;height:28px;width:28px;margin-left:-5px!important}.button.slide-out-button::before{height:28px;width:28px;font-size:10pt;margin:-1px 0 0 -6px}}@media only screen and (device-width:480px) and (orientation:landscape){@-ms-viewport{width:480px}.splitlayout>nav:first-of-type{width:200px}.splitlayout>nav:last-of-type{left:200px}.splitlayout>article.master{width:200px!important}.splitlayout>article.detail{left:200px!important}.busy.align-flush{position:static}}@media only screen and (device-width:768px) and (orientation:portrait){@-ms-viewport{width:384px}}@media only screen and (device-width:768px) and (orientation:landscape){@-ms-viewport{width:512px}}#carousel{width:100%;height:100%;margin:10px auto;box-sizing:border-box;background-color:#000;border:solid 1px #fff}.carousel-track{margin:0;padding:0}.carousel-track>li{box-sizing:border-box;list-style:none;margin:0;padding:0;position:relative;display:-ms-flexbox;-ms-flex-direction:column;-ms-flex-pack:start;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden;border-left:solid 1px #fff;padding-bottom:10px;-ms-user-select:none;-ms-touch-action:none}.carousel-track>li.carousel-panel-active{border:0}.pagination{list-style:none;padding:0;margin:0 auto;display:-ms-flexbox;-ms-flex-direction:row;-ms-flex-pack:justify;display:flex;flex-direction:row;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:#fff;margin-right:5px}.pagination>li:hover,.pagination>li.selected{background-color:#007aff;cursor:pointer}.pagination>li:last-of-type{margin-right:0}html[dir=rtl] .pagination>li{margin-right:0;margin-left:5px;padding:0}html[dir=rtl] .pagination>li:last-of-type{margin-left:0}