/*!
 * =====================================================
 * SUI Mobile - http://m.sui.taobao.org/
 *
 * =====================================================
 */
html { font-size: 20px; }
@media only screen and (min-width: 400px) {
html { font-size: 21.33333333px !important; }
}
@media only screen and (min-width: 414px) {
html { font-size: 22.08px !important; }
}
@media only screen and (min-width: 480px) {
html { font-size: 25.6px !important; }
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; padding:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template {
 display: none;
}
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
* { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; vertical-align:baseline;}
body { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 0.65rem; line-height: 1.5; color: #3d4145; background: #fff; overflow: hidden; }
a, input, textarea, select, button { outline: 0; }
p { }
a { color: #3d4145; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a:active { color: #0a8ddf; }
.page { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; z-index: 2000; }
.content { position: absolute; top: 0; right: 0; bottom:0; left: 0; overflow: auto; -webkit-overflow-scrolling: touch; }
.bar-nav ~ .content { top: 2.2rem; }
.bar-header-secondary ~ .content { top: 4.4rem; }
.bar-footer ~ .content { bottom: 2.2rem; }
.bar-footer-secondary ~ .content { bottom: 4.4rem; }
.bar-tab ~ .content { bottom: 2.5rem; }
.bar-footer-secondary-tab ~ .content { bottom: 4.7rem; }
.content-padded { margin: 0.5rem; }
.text-center { text-align: center; }
.pull-left { float: left; }
.pull-right { float: right; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
/* === Content Block === */
.content-block { margin-top: 0.75rem; color: #6d6d72; }
.content-block-title { position: relative; overflow: hidden; margin: 0; white-space: nowrap; text-overflow: ellipsis; font-size: 0.7rem; text-transform: uppercase; line-height: 1; color: #6d6d72; margin: 0.75rem 0.75rem 0.5rem; }
.content-block-title + .list-block, .content-block-title + .content-block, .content-block-title + .card { margin-top: 0.5rem; }
.content-block-inner { background: #fff; padding: 0.5rem 0.75rem; margin-left: -0.75rem; width: 100%; position: relative; color: #3d4145; }
.content-block-inner:before { content: ''; position: absolute; left: 0; top: 0; bottom: auto; right: auto; height: 1px; width: 100%; background-color: #c8c7cc; display: block; z-index: 15; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.content-block-inner:before { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.content-block-inner:before { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.content-block-inner:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #c8c7cc; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.content-block-inner:after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.content-block-inner:after { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.content-block.inset { margin-left: 0.75rem; margin-right: 0.75rem; border-radius: 0.35rem; }
.content-block.inset .content-block-inner { border-radius: 0.35rem; }
.content-block.inset .content-block-inner:before { display: none; }
.content-block.inset .content-block-inner:after { display: none; }
@media all and (min-width: 768px) {
.content-block.tablet-inset { margin-left: 0.75rem; margin-right: 0.75rem; border-radius: 0.35rem; }
.content-block.tablet-inset .content-block-inner { border-radius: 0.35rem; }
.content-block.tablet-inset .content-block-inner:before { display: none; }
.content-block.tablet-inset .content-block-inner:after { display: none; }
}
/* === Grid === */
.row { overflow: hidden; margin-left: -4%; }
.row > [class*="col-"], .row > [class*="tablet-"] {
 box-sizing: border-box;
 float: left;
}
.row.no-gutter { margin-left: 0; }
.row .col-100 { width: 96%; margin-left: 4%; }
.row.no-gutter .col-100 { width: 100%; margin: 0; }
.row .col-95 { width: 91%; margin-left: 4%; }
.row.no-gutter .col-95 { width: 95%; margin: 0; }
.row .col-90 { width: 86%; margin-left: 4%; }
.row.no-gutter .col-90 { width: 90%; margin: 0; }
.row .col-85 { width: 81%; margin-left: 4%; }
.row.no-gutter .col-85 { width: 85%; margin: 0; }
.row .col-80 { width: 76%; margin-left: 4%; }
.row.no-gutter .col-80 { width: 80%; margin: 0; }
.row .col-75 { width: 71.00000000000001%; margin-left: 4%; }
.row.no-gutter .col-75 { width: 75%; margin: 0; }
.row .col-66 { width: 62.66666666666666%; margin-left: 4%; }
.row.no-gutter .col-66 { width: 66.66666666666666%; margin: 0; }
.row .col-60 { width: 55.99999999999999%; margin-left: 4%; }
.row.no-gutter .col-60 { width: 60%; margin: 0; }
.row .col-50 { width: 46%; margin-left: 4%; }
.row.no-gutter .col-50 { width: 50%; margin: 0; }
.row .col-40 { width: 36%; margin-left: 4%; }
.row.no-gutter .col-40 { width: 40%; margin: 0; }
.row .col-33 { width: 29.333333333333332%; margin-left: 4%; }
.row.no-gutter .col-33 { width: 33.333333333333336%; margin: 0; }
.row .col-25 { width: 21%; margin-left: 4%; }
.row.no-gutter .col-25 { width: 25%; margin: 0; }
.row .col-20 { width: 16%; margin-left: 4%; }
.row.no-gutter .col-20 { width: 20%; margin: 0; }
.row .col-15 { width: 10.999999999999998%; margin-left: 4%; }
.row.no-gutter .col-15 { width: 15%; margin: 0; }
.row .col-10 { width: 6%; margin-left: 4%; }
.row.no-gutter .col-10 { width: 10%; margin: 0; }
.row .col-5 { width: 1%; margin-left: 4%; }
.row.no-gutter .col-5 { width: 5%; margin: 0; }
@media all and (min-width: 768px) {
.row { margin-left: -2%; }
.row .col-100 { width: 98%; margin-left: 2%; }
.row.no-gutter .col-100 { width: 100%; margin: 0; }
.row .col-95 { width: 93%; margin-left: 2%; }
.row.no-gutter .col-95 { width: 95%; margin: 0; }
.row .col-90 { width: 87.99999999999999%; margin-left: 2%; }
.row.no-gutter .col-90 { width: 90%; margin: 0; }
.row .col-85 { width: 82.99999999999999%; margin-left: 2%; }
.row.no-gutter .col-85 { width: 85%; margin: 0; }
.row .col-80 { width: 78%; margin-left: 2%; }
.row.no-gutter .col-80 { width: 80%; margin: 0; }
.row .col-75 { width: 73%; margin-left: 2%; }
.row.no-gutter .col-75 { width: 75%; margin: 0; }
.row .col-66 { width: 64.66666666666666%; margin-left: 2%; }
.row.no-gutter .col-66 { width: 66.66666666666666%; margin: 0; }
.row .col-60 { width: 58%; margin-left: 2%; }
.row.no-gutter .col-60 { width: 60%; margin: 0; }
.row .col-50 { width: 48%; margin-left: 2%; }
.row.no-gutter .col-50 { width: 50%; margin: 0; }
.row .col-40 { width: 38%; margin-left: 2%; }
.row.no-gutter .col-40 { width: 40%; margin: 0; }
.row .col-33 { width: 31.333333333333332%; margin-left: 2%; }
.row.no-gutter .col-33 { width: 33.333333333333336%; margin: 0; }
.row .col-25 { width: 23%; margin-left: 2%; }
.row.no-gutter .col-25 { width: 25%; margin: 0; }
.row .col-20 { width: 18%; margin-left: 2%; }
.row.no-gutter .col-20 { width: 20%; margin: 0; }
.row .col-15 { width: 13%; margin-left: 2%; }
.row.no-gutter .col-15 { width: 15%; margin: 0; }
.row .col-10 { width: 8%; margin-left: 2%; }
.row.no-gutter .col-10 { width: 10%; margin: 0; }
.row .col-5 { width: 3%; margin-left: 2%; }
.row.no-gutter .col-5 { width: 5%; margin: 0; }
.row .tablet-100 { width: 98%; margin-left: 2%; }
.row.no-gutter .tablet-100 { width: 100%; margin: 0; }
.row .tablet-95 { width: 93%; margin-left: 2%; }
.row.no-gutter .tablet-95 { width: 95%; margin: 0; }
.row .tablet-90 { width: 87.99999999999999%; margin-left: 2%; }
.row.no-gutter .tablet-90 { width: 90%; margin: 0; }
.row .tablet-85 { width: 82.99999999999999%; margin-left: 2%; }
.row.no-gutter .tablet-85 { width: 85%; margin: 0; }
.row .tablet-80 { width: 78%; margin-left: 2%; }
.row.no-gutter .tablet-80 { width: 80%; margin: 0; }
.row .tablet-75 { width: 73%; margin-left: 2%; }
.row.no-gutter .tablet-75 { width: 75%; margin: 0; }
.row .tablet-66 { width: 64.66666666666666%; margin-left: 2%; }
.row.no-gutter .tablet-66 { width: 66.66666666666666%; margin: 0; }
.row .tablet-60 { width: 58%; margin-left: 2%; }
.row.no-gutter .tablet-60 { width: 60%; margin: 0; }
.row .tablet-50 { width: 48%; margin-left: 2%; }
.row.no-gutter .tablet-50 { width: 50%; margin: 0; }
.row .tablet-40 { width: 38%; margin-left: 2%; }
.row.no-gutter .tablet-40 { width: 40%; margin: 0; }
.row .tablet-33 { width: 31.333333333333332%; margin-left: 2%; }
.row.no-gutter .tablet-33 { width: 33.333333333333336%; margin: 0; }
.row .tablet-25 { width: 23%; margin-left: 2%; }
.row.no-gutter .tablet-25 { width: 25%; margin: 0; }
.row .tablet-20 { width: 18%; margin-left: 2%; }
.row.no-gutter .tablet-20 { width: 20%; margin: 0; }
.row .tablet-15 { width: 13%; margin-left: 2%; }
.row.no-gutter .tablet-15 { width: 15%; margin: 0; }
.row .tablet-10 { width: 8%; margin-left: 2%; }
.row.no-gutter .tablet-10 { width: 10%; margin: 0; }
.row .tablet-5 { width: 3%; margin-left: 2%; }
.row.no-gutter .tablet-5 { width: 5%; margin: 0; }
}
.color-default { color: #3d4145; }
.color-gray { color: #999; }
.color-primary { color: #0894ec; }
.color-success { color: #4cd964; }
.color-danger { color: #f6383a; }
.color-warning { color: #f60; }
.text-center { text-align: center; }
.bar { position: absolute; right: 0; left: 0; z-index: 10; height: 2.2rem; padding-right: 0.5rem; padding-left: 0.5rem; background-color: #f7f7f8; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.bar:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #e7e7e7; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bar:after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bar:after { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.bar-header-secondary { top: 2.2rem; }
.bar-footer { bottom: 0; }
.bar-footer-secondary { bottom: 2.2rem; }
.bar-footer-secondary-tab { bottom: 2.5rem; }
.bar-footer:before, .bar-footer-secondary:before, .bar-footer-secondary-tab:before { content: ''; position: absolute; left: 0; top: 0; bottom: auto; right: auto; height: 1px; width: 100%; background-color: #e7e7e7; display: block; z-index: 15; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bar-footer:before,  .bar-footer-secondary:before,  .bar-footer-secondary-tab:before { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bar-footer:before,  .bar-footer-secondary:before,  .bar-footer-secondary-tab:before { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.bar-footer:after, .bar-footer-secondary:after, .bar-footer-secondary-tab:after { display: none; }
.bar-nav { top: 0; }
.title { position: absolute; display: block; width: 100%; padding: 0; margin: 0 -0.5rem; font-size: 0.85rem; font-weight: 500; line-height: 2.2rem; color: #3d4145; text-align: center; white-space: nowrap; }
.title a { color: inherit; }
.bar-tab { bottom: 0; width: 100%; height: 2.5rem; padding: 0; table-layout: fixed; }
.bar-tab:before { content: ''; position: absolute; left: 0; top: 0; bottom: auto; right: auto; height: 1px; width: 100%; background-color: #e7e7e7; display: block; z-index: 15; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bar-tab:before { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bar-tab:before { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.bar-tab:after { display: none; }
.bar-tab .tab-item { position: relative; display: table-cell; width: 1%; height: 2.5rem; color: #929292; text-align: center; vertical-align: middle; }
.bar-tab .tab-item.active, .bar-tab .tab-item:active { color: #0894ec; }
.bar-tab .tab-item .badge { position: absolute;  top: .1rem;
left: 50%; z-index: 100;  height: .8rem;
 min-width: .8rem;
 padding: 0 .2rem;
 font-size: .6rem;
 line-height: .8rem;
color: white; vertical-align: top; background: red;  border-radius: .5rem;
 margin-left: .1rem;
}
.bar-tab .tab-item .icon { top: 0.05rem; height: 1.2rem; font-size: 1.2rem; line-height: 1.2rem; padding-top: 0; padding-bottom: 0; }
.bar-tab .tab-item .icon ~ .tab-label { display: block; font-size: 0.55rem; position: relative; top: 0.15rem; }
.bar .button { position: relative; top: 0.35rem; z-index: 20; margin-top: 0; font-weight: 400; }
.bar .button.pull-right { margin-left: 0.5rem; }
.bar .button.pull-left { margin-right: 0.5rem; }
.bar .button-link { top: 0; padding: 0; font-size: 0.8rem; line-height: 2.2rem; height: 2.2rem; color: #0894ec; border: 0; }
.bar .button-link:active, .bar .button-link.active { color: #0675bb; }
.bar .button-block { top: 0.35rem; font-size: 0.8rem; width: 100%; }
.bar .button-nav.pull-left { margin-left: -0.25rem; }
.bar .button-nav.pull-left .icon-left-nav { margin-right: -0.15rem; }
.bar .button-nav.pull-right { margin-right: -0.25rem; }
.bar .button-nav.pull-right .icon-right-nav { margin-left: -0.15rem; }
.bar .icon { position: relative; z-index: 20;  padding: .5rem .1rem;
font-size: 1rem; line-height: 1.2rem; }
.bar .button .icon { padding: 0; }
.bar .title .icon { padding: 0; }
.bar .title .icon.icon-caret { top: 0.2rem; margin-left: -0.25rem; }
.bar-footer .icon { font-size: 1.2rem; line-height: 1.2rem; }
.bar input[type="search"] { height: 1.45rem; margin: 0.3rem 0; }
.badge { display: inline-block; padding: 0.1rem 0.45rem 0.15rem; font-size: 0.6rem; line-height: 1; color: #3d4145; background-color: rgba(0, 0, 0, 0.15); border-radius: 5rem; }
.badge.badge-inverted { padding: 0 0.25rem 0 0; background-color: transparent; }
/* === Lists === */
.list-block {font-size: 0.65rem; margin-bottom:1.85rem; }
.list-block ul { background: #fff; list-style: none; padding: 0; margin: 0; position: relative; }
.list-block ul:before { content: ''; position: absolute; left: 0; top: 0; bottom: auto; right: auto; height: 1px; width: 100%;display: block; z-index: 15; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.list-block ul:before { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.list-block ul:before { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.list-block ul:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #e7e7e7; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.list-block ul:after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.list-block ul:after { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.list-block ul ul { padding-left: 2.25rem; }
.list-block ul ul:before { display: none; }
.list-block ul ul:after { display: none; }
.list-block .align-top, .list-block .align-top .item-content, .list-block .align-top .item-inner { -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; }
.list-block.inset { margin-left: 0.75rem; margin-right: 0.75rem; border-radius: 0.35rem; }
.list-block.inset .content-block-title { margin-left: 0; margin-right: 0; }
.list-block.inset ul { border-radius: 0.35rem; }
.list-block.inset ul:before { display: none; }
.list-block.inset ul:after { display: none; }
.list-block.inset li:first-child > a { border-radius: 0.35rem 0.35rem 0 0; }
.list-block.inset li:last-child > a { border-radius: 0 0 0.35rem 0.35rem; }
.list-block.inset li:first-child:last-child > a { border-radius: 0.35rem; }
@media all and (min-width: 768px) {
.list-block.tablet-inset { margin-left: 0.75rem; margin-right: 0.75rem; border-radius: 0.35rem; }
.list-block.tablet-inset .content-block-title { margin-left: 0; margin-right: 0; }
.list-block.tablet-inset ul { border-radius: 0.35rem; }
.list-block.tablet-inset ul:before { display: none; }
.list-block.tablet-inset ul:after { display: none; }
.list-block.tablet-inset li:first-child > a { border-radius: 0.35rem 0.35rem 0 0; }
.list-block.tablet-inset li:last-child > a { border-radius: 0 0 0.35rem 0.35rem; }
.list-block.tablet-inset li:first-child:last-child > a { border-radius: 0.35rem; }
.list-block.tablet-inset .content-block-title { margin-left: 0; margin-right: 0; }
.list-block.tablet-inset ul { border-radius: 0.35rem; }
.list-block.tablet-inset ul:before { display: none; }
.list-block.tablet-inset ul:after { display: none; }
.list-block.tablet-inset li:first-child > a { border-radius: 0.35rem 0.35rem 0 0; }
.list-block.tablet-inset li:last-child > a { border-radius: 0 0 0.35rem 0.35rem; }
.list-block.tablet-inset li:first-child:last-child > a { border-radius: 0.35rem; }
}
.list-block li { box-sizing: border-box; position: relative; border-bottom:1px solid #ddd;}
.list-block .item-media { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-box-lines: single; -moz-box-lines: single; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-top: 0.35rem; padding-bottom: 0.4rem; }
.list-block .item-media i + i { margin-left: 0.25rem; }
.list-block .item-media i + img { margin-left: 0.25rem; }
.list-block .item-media + .item-inner { margin-left: 0.45rem; }
.list-block .item-inner { padding-right: 0.75rem; position: relative; width: 100%; padding-top: 0.4rem; padding-bottom: 0.35rem; min-height: 2.2rem; overflow: hidden; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -ms-flex: 1; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.list-block .item-inner:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%;display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.list-block .item-inner:after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.list-block .item-inner:after { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.list-block .item-title { -webkit-flex-shrink: 1; -ms-flex: 0 1 auto; -webkit-flex-shrink: 1; flex-shrink: 1; position: relative; }
.list-block .item-title.label { width: 35%; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -webkit-flex-shrink: 0; flex-shrink: 0; margin: 4px 0; }
.list-block .item-input { width: 100%; margin-top: -0.4rem; margin-bottom: -0.35rem; -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex-shrink: 1; -ms-flex: 0 1 auto; -webkit-flex-shrink: 1; flex-shrink: 1; }
.list-block .item-after { white-space: nowrap; color: #5f646e; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -webkit-flex-shrink: 0; flex-shrink: 0; margin-left: 0.25rem; display: -webkit-box; display: -webkit-flex; display: flex; max-height: 1.4rem; }
.list-block .smart-select .item-after { max-width: 70%; overflow: hidden; text-overflow: ellipsis; position: relative; }
.list-block .item-link { -webkit-transition-duration: 300ms; transition-duration: 300ms; display: block; color: inherit; }
.list-block .item-link .item-inner { padding-right: 1.5rem; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUM0QzFDNzMyREM0MTFFNUJDNTI4OTMzMEE0RjBENzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUM0QzFDNzQyREM0MTFFNUJDNTI4OTMzMEE0RjBENzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzRDMUM3MTJEQzQxMUU1QkM1Mjg5MzMwQTRGMEQ3MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzRDMUM3MjJEQzQxMUU1QkM1Mjg5MzMwQTRGMEQ3MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pjs2Bb4AAAItSURBVHjazJhbK0RRGIb3DIOU/AG5kUTOgxmHceFGKf6BO+Vf+E8KKYcYg3FuMpNIDhFJXJAcp/GtvKumrzVs+zBrvfU2u689q6d3rb33+lYgl8tZvymZ3JOX7eQp8gT50fJA0Wj4z3tKbY5VR14hV5ObyWLkZ6sICtq4p4V8CjihevIWucoUQJFUmtUayTvkShMAL5DiGqs3IMlK3YBSgwrIZkBWmAAoIRMKyG2/IIMO/hMjbygepCS53ARAoQHyOqu1YbrLTADMAXJbASmSDOkGlOpTQHaQN72CdAuYBeQuq4cBWaIbUEJGC0Am3UIGPVoqMsk9Vu/CwxTQDSj0iSQPWD2C6Q7oBhT6AmRKAZkwAVDoowBkn+LdqQVQ6A2QhwrIuAmAEjKi2KrF/jPdfgIKveI7Pcfq/eSMCYBSD4pakymA0+RxVrsn15oAOEMeY7Vbcif5ys4ApT7CzZJHWO2G3I1fSyfgPHmY1a7x6bvT/ZpZUMBdOoHzI8El8pCiK+wq8CQXNcFlBdw51tyD00G9SnAVHV++zgDn6hzHiwTjCrgTTKvrQya3Ca5jA5CvY3IP+UlnTxJEb8zhjpDck1cL20mCAcBFWD2D2ovOvjiERojDpTGtnsL9N8EQegt+LJrC5vRN59lMORp0DrePNH2BswvYivXVzuoHSO7dz+2QHcAa6+eMOl87WHOffm8m7QCK7foog+tFi2mZACg3npPkRUxrtkitgvUtwAA5A3LWdzPizwAAAABJRU5ErkJggg==); background-size: 0.7rem; background-repeat: no-repeat; background-position: 97% center;  background-position: -webkit-calc(100% - .5rem) center;
 background-position: calc(100% - .5rem) center;
}
html:not(.watch-active-state) .list-block .item-link:active, .list-block .item-link.active-state { -webkit-transition-duration: 0ms; transition-duration: 0ms; background-color: #d9d9d9; }
html:not(.watch-active-state) .list-block .item-link:active .item-inner:after, .list-block .item-link.active-state .item-inner:after { background-color: transparent; }
.list-block .item-link.list-button { padding: 0 0.75rem; text-align: center; color: #0894ec; display: block; line-height: 2.15rem; }
.list-block .item-link.list-button:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #e7e7e7; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.list-block .item-link.list-button:after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.list-block .item-link.list-button:after { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.list-block .item-content { box-sizing: border-box; padding-left: 0.35rem; min-height: 2.2rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.list-block .list-block-label { margin: 0.5rem 0 1.75rem; padding: 0 0.75rem; font-size: 0.7rem; color: #5f646e; }
.list-block .item-subtitle { font-size: 0.75rem; position: relative; overflow: hidden; white-space: nowrap; max-width: 100%; text-overflow: ellipsis; }
.list-block .item-text { font-size: 0.75rem; color: #5f646e; line-height: 1.05rem; position: relative; overflow: hidden; height: 2.1rem; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; }
.list-block.media-list .item-title { font-weight: 500; }
.list-block.media-list .item-inner { display: block; padding-top: 0.5rem; padding-bottom: 0.45rem; -webkit-align-self: stretch; align-self: stretch; }
.list-block.media-list .item-media { padding-top: 0.45rem; padding-bottom: 0.5rem; }
.list-block.media-list .item-media img { display: block; border-radius: 3px;}
.list-block.media-list .item-title-row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.list-block .list-group ul:after, .list-block .list-group ul:before { z-index: 11; }
.list-block .list-group + .list-group ul:before { display: none; }
.list-block .item-divider, .list-block .list-group-title { background: #F7F7F7; margin-top: -1px; padding: 0.2rem 0.75rem; white-space: nowrap; position: relative; max-width: 100%; text-overflow: ellipsis; overflow: hidden; color: #e7e7e7; }
.list-block .item-divider:before, .list-block .list-group-title:before { content: ''; position: absolute; left: 0; top: 0; bottom: auto; right: auto; height: 1px; width: 100%; background-color: #e7e7e7; display: block; z-index: 15; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.list-block .item-divider:before,  .list-block .list-group-title:before { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.list-block .item-divider:before,  .list-block .list-group-title:before { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.list-block .list-group-title { position: relative; position: -webkit-sticky; position: -moz-sticky; position: sticky; top: 0; z-index: 20; margin-top: 0; }
.list-block .list-group-title:before { display: none; }
.list-block li:last-child .list-button:after { display: none; }
.list-block li:last-child .item-inner:after, .list-block li:last-child li:last-child .item-inner:after { display: none; }
.list-block li li:last-child .item-inner:after, .list-block li:last-child li .item-inner:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #e7e7e7; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.list-block li li:last-child .item-inner:after,  .list-block li:last-child li .item-inner:after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.list-block li li:last-child .item-inner:after,  .list-block li:last-child li .item-inner:after { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
/* === Forms === */
.list-block input[type="text"], .list-block input[type="password"], .list-block input[type="search"], .list-block input[type="email"], .list-block input[type="tel"], .list-block input[type="url"], .list-block input[type="date"], .list-block input[type="datetime-local"], .list-block input[type="time"], .list-block input[type="number"], .list-block select, .list-block textarea { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; box-sizing: border-box; border: none; background: none; border-radius: 0 0 0 0; box-shadow: none; display: block; padding: 0 0 0 0.25rem; margin: 0; width: 100%; height: 2.15rem; color: #3d4145; font-size: 0.65rem; font-family: inherit; }
.list-block input[type="date"], .list-block input[type="datetime-local"] { line-height: 2.2rem; }
.list-block select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; }
.list-block .label { vertical-align: top; }
.list-block textarea { height: 5rem; resize: none; line-height: 1.4; padding-top: 0.4rem; padding-bottom: 0.35rem; }
.label-switch { display: inline-block; vertical-align: middle; width: 2.6rem; border-radius: 0.8rem; box-sizing: border-box; height: 1.6rem; position: relative; cursor: pointer; -webkit-align-self: center; align-self: center; }
.label-switch .checkbox { width: 2.6rem; border-radius: 0.8rem; box-sizing: border-box; height: 1.6rem; background: #e5e5e5; z-index: 0; margin: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; border: none; cursor: pointer; position: relative; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.label-switch .checkbox:before { content: ' '; position: absolute; left: 0.1rem; top: 0.1rem; width: 2.4rem; border-radius: 0.8rem; box-sizing: border-box; height: 1.4rem; background: #fff; z-index: 1; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transform: scale(1); transform: scale(1); }
.label-switch .checkbox:after { content: ' '; height: 1.4rem; width: 1.4rem; border-radius: 1.4rem; background: #fff; position: absolute; z-index: 2; top: 0.1rem; left: 0.1rem; box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.4); -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.label-switch input[type="checkbox"] { display: none; }
.label-switch input[type="checkbox"]:checked + .checkbox { background: #4cd964; }
.label-switch input[type="checkbox"]:checked + .checkbox:before { -webkit-transform: scale(0); transform: scale(0); }
.label-switch input[type="checkbox"]:checked + .checkbox:after { -webkit-transform: translateX(1.1rem); transform: translateX(1.1rem); }
html.android .label-switch input[type="checkbox"] + .checkbox { -webkit-transition-duration: 0; transition-duration: 0; }
html.android .label-switch input[type="checkbox"] + .checkbox:after, html.android .label-switch input[type="checkbox"] + .checkbox:before { -webkit-transition-duration: 0; transition-duration: 0; }
.range-slider { width: 100%; position: relative; overflow: hidden; padding-left: 0.15rem; padding-right: 0.15rem; margin-left: -1px; -webkit-align-self: center; align-self: center; }
.range-slider input[type="range"] { position: relative; height: 1.4rem; width: 100%; margin: 0.2rem 0 0.25rem 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #b7b8b7), color-stop(100%, #b7b8b7)); background: -webkit-linear-gradient(left, #b7b8b7 0, #b7b8b7 100%); background: linear-gradient(to right, #b7b8b7 0, #b7b8b7 100%); background-position: center; background-size: 100% 0.1rem; background-repeat: no-repeat; outline: 0; }
.range-slider input[type="range"]:after { height: 0.1rem; background: #fff; content: ' '; width: 0.25rem; top: 50%; margin-top: -1px; left: -0.25rem; z-index: 1; position: absolute; }
.range-slider input[type="range"]::-webkit-slider-thumb {
 -webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none;
 appearance: none;
 border: none;
 height: 1.4rem;
 width: 1.4rem;
 position: relative;
 background: none;
}
.range-slider input[type="range"]::-webkit-slider-thumb:after {
 height: 1.4rem;
 width: 1.4rem;
 border-radius: 1.4rem;
 background: #fff;
 z-index: 10;
 box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.4);
 position: absolute;
 left: 0;
 top: 0;
 content: ' ';
}
.range-slider input[type="range"]::-webkit-slider-thumb:before {
 position: absolute;
 top: 50%;
 right: 100%;
 width: 100rem;
 height: 0.1rem;
 margin-top: -1px;
 z-index: 1;
 background: #0894ec;
 content: ' ';
}
label.label-checkbox { cursor: pointer; }
label.label-checkbox i.icon-form-checkbox { width: 1.1rem; height: 1.1rem; position: relative; border-radius: 1.1rem; border: 1px solid #c7c7cc; box-sizing: border-box; }
label.label-checkbox i.icon-form-checkbox:after { content: ' '; position: absolute; left: 50%; margin-left: -0.3rem; top: 50%; margin-top: -0.2rem; width: 0.6rem; height: 0.45rem; }
label.label-checkbox input[type="checkbox"], label.label-checkbox input[type="radio"] { display: none; }
label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox, label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox { border: none; background-color: #0894ec; }
label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox:after, label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox:after { background: no-repeat center; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2012%209'%20xml%3Aspace%3D'preserve'%3E%3Cpolygon%20fill%3D'%23ffffff'%20points%3D'12%2C0.7%2011.3%2C0%203.9%2C7.4%200.7%2C4.2%200%2C4.9%203.9%2C8.8%203.9%2C8.8%203.9%2C8.8%20'%2F%3E%3C%2Fsvg%3E"); background-size: 0.6rem 0.45rem; }
label.label-checkbox { -webkit-transition-duration: 300ms; transition-duration: 300ms; }
html:not(.watch-active-state) label.label-checkbox:active, label.label-checkbox.active-state { -webkit-transition: 0ms; transition: 0ms; background-color: #d9d9d9; }
html:not(.watch-active-state) label.label-checkbox:active .item-inner:after, label.label-checkbox.active-state .item-inner:after { background-color: transparent; }
.smart-select select { display: none; }
/* === Search Bar === */
.searchbar { padding: 8px 0; overflow: hidden; height: 2.2rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.searchbar .searchbar-cancel { margin-right: -3rem; width: 2.2rem; float: right; height: 1.4rem; line-height: 1.4rem; text-align: center; -webkit-transition: all .3s; transition: all .3s; opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.searchbar .search-input { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); margin-right: 0; -webkit-transition: all .3s; transition: all .3s; }
.searchbar .search-input input { margin: 0; height: 1.4rem; }
.searchbar.searchbar-active .searchbar-cancel { margin-right: 0; opacity: 1; }
.searchbar.searchbar-active .searchbar-cancel + .search-input { margin-right: 2.5rem; }
.search-input { position: relative; }
.search-input input { box-sizing: border-box; width: 100%; height: 1.4rem; display: block; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.25rem; font-family: inherit; color: #3d4145; font-size: 0.7rem; font-weight: normal; padding: 0 0.5rem; background-color: #fff; border: 1px solid #b4b4b4; }
.search-input input::-webkit-input-placeholder {
 color: #ccc;
 opacity: 1;
}
.search-input .icon { position: absolute; font-size: 0.9rem; color: #b4b4b4; top: 50%; left: 0.3rem; -webkit-transform: translate3D(0, -50%, 0); transform: translate3D(0, -50%, 0); }
.search-input label + input { padding-left: 1.4rem; }
.bar .searchbar { margin: 0 -0.5rem; padding: 0.4rem 0.5rem; background: rgba(0, 0, 0, 0.1); }
.bar .searchbar .search-input input { border: 0; }
.bar .searchbar .searchbar-cancel { color: #5f646e; }
.button { border: 1px solid #0894ec; color: #0894ec; text-decoration: none; text-align: center; display: block; border-radius: 0.25rem; line-height: 1.25rem; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background: none; padding: 0 0.5rem; margin: 0; height: 1.35rem; white-space: nowrap; position: relative; text-overflow: ellipsis; font-size: 0.7rem; font-family: inherit; cursor: pointer; }
input[type="submit"].button, input[type="button"].button { width: 100%; }
.button:active { color: #0a8ddf; border-color: #0a8ddf; }
.button.button-round { border-radius: 1.25rem; }
.button.active, .button.active:active { color: #0a8ddf; border-color: #0a8ddf; }
.button.button-big { font-size: 0.75rem; height: 1.9rem; line-height: 1.9rem; }
.button.button-fill { color: #fff; background: #0894ec; border: none; line-height: 1.35rem; }
.button.button-fill.active, .button.button-fill:active { background: #0a8ddf; }
.button.button-fill.button-big { line-height: 2.0rem; }
.button .button-link { padding-top: 0.3rem; padding-bottom: 0.3rem; color: #0894ec; background-color: transparent; border: 0; }
.button i.icon:first-child { margin-right: 0.5rem; }
.button i.icon:last-child { margin-left: 0.5rem; }
.button i.icon:first-child:last-child { margin-left: 0; margin-right: 0; }
.button-light { border-color: #ccc; color: #ccc; color: #5f646e; }
.button-light:active { border-color: #0a8ddf; color: #0a8ddf; }
.button-light.button-fill { color: white; background-color: #ccc; }
.button-light.button-fill:active { background-color: #0a8ddf; }
.button-dark { border-color: #6e727b; color: #6e727b; color: #5f646e; }
.button-dark:active { border-color: #0a8ddf; color: #0a8ddf; }
.button-dark.button-fill { color: white; background-color: #6e727b; }
.button-dark.button-fill:active { background-color: #0a8ddf; }
.button-success { border-color: #4cd964; color: #4cd964; }
.button-success:active { border-color: #2ac845; color: #2ac845; }
.button-success.button-fill { color: white; background-color: #4cd964; }
.button-success.button-fill:active { background-color: #2ac845; }
.button-danger { border-color: #f6383a; color: #f6383a; }
.button-danger:active { border-color: #f00b0d; color: #f00b0d; }
.button-danger.button-fill { color: white; background-color: #f6383a; }
.button-danger.button-fill:active { background-color: #f00b0d; }
.button-warning { border-color: #f60; color: #f60; }
.button-warning:active { border-color: #cc5200; color: #cc5200; }
.button-warning.button-fill { color: white; background-color: #f60; }
.button-warning.button-fill:active { background-color: #cc5200; }
.button.disabled, .button.button-primary.disabled, .button.button-success.disabled, .button.button-danger.disabled, .button.button-warning.disabled { border-color: #c8c9cb; color: #c8c9cb; cursor: not-allowed; }
.button.disabled:active, .button.button-primary.disabled:active, .button.button-success.disabled:active, .button.button-danger.disabled:active, .button.button-warning.disabled:active { border-color: #c8c9cb; color: #c8c9cb; }
.button.disabled.button-fill, .button.button-primary.disabled.button-fill, .button.button-success.disabled.button-fill, .button.button-danger.disabled.button-fill, .button.button-warning.disabled.button-fill { color: white; background-color: #c8c9cb; }
.button.disabled.button-fill:active, .button.button-primary.disabled.button-fill:active, .button.button-success.disabled.button-fill:active, .button.button-danger.disabled.button-fill:active, .button.button-warning.disabled.button-fill:active { background-color: #c8c9cb; }
.buttons-row, .buttons-tab { -webkit-align-self: center; align-self: center; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-lines: single; -moz-box-lines: single; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
.buttons-row .button { border-radius: 0 0 0 0; margin-left: -1px; width: 100%; -webkit-box-flex: 1; -ms-flex: 1; border-color: #0894ec; color: #0894ec; }
.buttons-row .button.active { background-color: #0894ec; color: white; z-index: 90; }
.buttons-row .button:first-child { border-radius: 0.25rem 0 0 0.25rem; margin-left: 0; border-left-width: 1px; border-left-style: solid; }
.buttons-row .button:last-child { border-radius: 0 0.25rem 0.25rem 0; }
.buttons-row .button.button-round:first-child { border-radius: 1.35rem 0 0 1.35rem; }
.buttons-row .button.button-round:last-child { border-radius: 0 1.35rem 1.35rem 0; }
.buttons-tab { background: white; position: relative; }
.buttons-tab:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #d0d0d0; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.buttons-tab:after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.buttons-tab:after { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.buttons-tab .button { color: #5f646e; font-size: 0.8rem; width: 100%; height: 2rem; line-height: 2rem; -webkit-box-flex: 1; -ms-flex: 1; border: 0; border-bottom: 2px solid transparent; border-radius: 0; }
.buttons-tab .button.active { color: #0894ec; border-color: #0894ec; z-index: 100; }
.buttons-fixed { position: fixed; z-index: 99; width: 100%; }
/* === Tabs === */
.tabs .tab { display: none; }
.tabs .tab.active { display: block; }
.tabs-animated-wrap { position: relative; width: 100%; overflow: hidden; height: 100%; }
.tabs-animated-wrap > .tabs { display: -webkit-box; display: -webkit-flex; display: flex; height: 100%; -webkit-transition: 300ms; transition: 300ms; }
.tabs-animated-wrap > .tabs > .tab { width: 100%; display: block; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -webkit-flex-shrink: 0; flex-shrink: 0; }
/* === Pages === */
.page, .page-group { box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; display: none; overflow: hidden; }
.page.page-current, .page-group.page-current, .page.page-visible, .page-group.page-visible, .page.page-from-center-to-left, .page-group.page-from-center-to-left, .page.page-from-center-to-right, .page-group.page-from-center-to-right, .page.page-from-right-to-center, .page-group.page-from-right-to-center, .page.page-from-left-to-center, .page-group.page-from-left-to-center { display: block; }
.page.page-current, .page-group.page-current { overflow: hidden; }
.page-group { display: block; }
.page-transitioning, .page-transitioning .swipeback-page-shadow { -webkit-transition: 400ms; transition: 400ms; }
.page-from-right-to-center { -webkit-animation: pageFromRightToCenter 400ms forwards; animation: pageFromRightToCenter 400ms forwards; z-index: 2002; }
.page-from-center-to-right { -webkit-animation: pageFromCenterToRight 400ms forwards; animation: pageFromCenterToRight 400ms forwards; z-index: 2002; }
@-webkit-keyframes pageFromRightToCenter {  from {
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
 opacity: .9;
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes pageFromRightToCenter {  from {
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
 opacity: .9;
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@-webkit-keyframes pageFromCenterToRight {  from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
 opacity: 1;
}
to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: .9; }
}
@keyframes pageFromCenterToRight {  from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
 opacity: 1;
}
to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: .9; }
}
.page-from-center-to-left { -webkit-animation: pageFromCenterToLeft 400ms forwards; animation: pageFromCenterToLeft 400ms forwards; }
.page-from-left-to-center { -webkit-animation: pageFromLeftToCenter 400ms forwards; animation: pageFromLeftToCenter 400ms forwards; }
@-webkit-keyframes pageFromCenterToLeft {  from {
 opacity: 1;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to { opacity: 0.5; -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); }
}
@keyframes pageFromCenterToLeft {  from {
 opacity: 1;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to { opacity: 0.5; -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); }
}
@-webkit-keyframes pageFromLeftToCenter {  from {
 opacity: .5;
 -webkit-transform: translate3d(-20%, 0, 0);
 transform: translate3d(-20%, 0, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes pageFromLeftToCenter {  from {
 opacity: .5;
 -webkit-transform: translate3d(-20%, 0, 0);
 transform: translate3d(-20%, 0, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.content-inner { box-sizing: border-box; border-top: 1px solid transparent; margin-top: -1px; padding-bottom: 0.5rem; }
.javascript-scroll { overflow: hidden; }
/* === Pull To Refresh === */
.pull-to-refresh-layer { position: relative; left: 0; top: 0; width: 100%; height: 2.2rem; }
.pull-to-refresh-layer .preloader { position: absolute; left: 50%; top: 50%; margin-left: -0.5rem; margin-top: -0.5rem; visibility: hidden; }
.pull-to-refresh-layer .pull-to-refresh-arrow { width: 0.65rem; height: 1rem; position: absolute; left: 50%; top: 50%; margin-left: -0.15rem; margin-top: -0.5rem; background: no-repeat center; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2026%2040'%3E%3Cpolygon%20points%3D'9%2C22%209%2C0%2017%2C0%2017%2C22%2026%2C22%2013.5%2C40%200%2C22'%20fill%3D'%238c8c8c'%2F%3E%3C%2Fsvg%3E"); background-size: 0.65rem 1rem; z-index: 10; -webkit-transform: rotate(0deg) translate3d(0, 0, 0); transform: rotate(0deg) translate3d(0, 0, 0); -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.pull-to-refresh-content { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.pull-to-refresh-content.transitioning, .pull-to-refresh-content.refreshing { -webkit-transition: -webkit-transform 400ms; transition: transform 400ms; }
.pull-to-refresh-content:not(.refreshing) .pull-to-refresh-layer .preloader { -webkit-animation: none; animation: none; }
.pull-to-refresh-content.refreshing .pull-to-refresh-arrow { visibility: hidden; -webkit-transition-duration: 0ms; transition-duration: 0ms; }
.pull-to-refresh-content.refreshing .preloader { visibility: visible; }
.pull-to-refresh-content.pull-up .pull-to-refresh-arrow { -webkit-transform: rotate(180deg) translate3d(0, 0, 0); transform: rotate(180deg) translate3d(0, 0, 0); }
.pull-to-refresh-content { top: -2.2rem; }
.pull-to-refresh-content.refreshing { -webkit-transform: translate3d(0, 2.2rem, 0); transform: translate3d(0, 2.2rem, 0); }
.bar-nav ~ .pull-to-refresh-content, .bar-footer ~ .pull-to-refresh-content, .bar-tab ~ .pull-to-refresh-content { top: 0; }
.bar-nav ~ .pull-to-refresh-content.refreshing, .bar-footer ~ .pull-to-refresh-content.refreshing, .bar-tab ~ .pull-to-refresh-content.refreshing { -webkit-transform: translate3d(0, 2.2rem, 0); transform: translate3d(0, 2.2rem, 0); }
.bar-header-secondary ~ .pull-to-refresh-content, .bar-footer-secondary ~ .pull-to-refresh-content { top: 2.2rem; }
.infinite-scroll-preloader { margin: 0.5rem; text-align: center; }
.infinite-scroll-preloader .preloader { width: 1.5rem; height: 1.5rem; }
.infinite-scroll-top .infinite-scroll-preloader { position: absolute; width: 100%; top: 0; margin: 0; }
/* === Modals === */
.modal-overlay, .preloader-indicator-overlay, .popup-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 10600; visibility: hidden; opacity: 0; -webkit-transition-duration: 400ms; transition-duration: 400ms; }
.modal-overlay.modal-overlay-visible, .preloader-indicator-overlay.modal-overlay-visible, .popup-overlay.modal-overlay-visible { visibility: visible; opacity: 1; }
.popup-overlay { z-index: 10200; }
.modal { width: 13.5rem; position: absolute; z-index: 11000; left: 50%; margin-left: -6.75rem; margin-top: 0; top: 50%; text-align: center; border-radius: 0.35rem; opacity: 0; -webkit-transform: translate3d(0, 0, 0) scale(1.185); transform: translate3d(0, 0, 0) scale(1.185); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; color: #3d4145; display: none; }
.modal.modal-in { opacity: 1; -webkit-transition-duration: 400ms; transition-duration: 400ms; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); }
.modal.modal-out { opacity: 0; z-index: 10999; -webkit-transition-duration: 400ms; transition-duration: 400ms; -webkit-transform: translate3d(0, 0, 0) scale(0.815); transform: translate3d(0, 0, 0) scale(0.815); }
.modal-inner { padding: 0.75rem; border-radius: 0.35rem 0.35rem 0 0; position: relative; background: #e8e8e8; }
.modal-inner:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #b5b5b5; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.modal-inner:after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.modal-inner:after { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.modal-title { font-weight: 500; font-size: 0.9rem; text-align: center; }
.modal-title + .modal-text { margin-top: 0.25rem; }
.modal-buttons { height: 2.2rem; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; }
.modal-buttons.modal-buttons-vertical { display: block; height: auto; }
.modal-button { width: 100%; padding: 0 0.25rem; height: 2.2rem; font-size: 0.85rem; line-height: 2.2rem; text-align: center; color: #0894ec; background: #e8e8e8; display: block; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1; }
.modal-button:after { content: ''; position: absolute; right: 0; top: 0; left: auto; bottom: auto; width: 1px; height: 100%; background-color: #b5b5b5; display: block; z-index: 15; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.modal-button:after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.modal-button:after { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.modal-button:first-child { border-radius: 0 0 0 0.35rem; }
.modal-button:last-child { border-radius: 0 0 0.35rem 0; }
.modal-button:last-child:after { display: none; }
.modal-button:first-child:last-child { border-radius: 0 0 0.35rem 0.35rem; }
.modal-button.modal-button-bold { font-weight: 500; }
html:not(.watch-active-state) .modal-button:active, .modal-button.active-state { background: #d4d4d4; }
.modal-buttons-vertical .modal-button { border-radius: 0; }
.modal-buttons-vertical .modal-button:after { display: none; }
.modal-buttons-vertical .modal-button:before { display: none; }
.modal-buttons-vertical .modal-button:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #b5b5b5; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.modal-buttons-vertical .modal-button:after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.modal-buttons-vertical .modal-button:after { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.modal-buttons-vertical .modal-button:last-child { border-radius: 0 0 0.35rem 0.35rem; }
.modal-buttons-vertical .modal-button:last-child:after { display: none; }
.modal-no-buttons .modal-inner { border-radius: 0.35rem; }
.modal-no-buttons .modal-inner:after { display: none; }
.modal-no-buttons .modal-buttons { display: none; }
.actions-modal { position: absolute; left: 0; bottom: 0; z-index: 11000; width: 100%; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.actions-modal.modal-in { -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.actions-modal.modal-out { z-index: 10999; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.actions-modal-group { margin: 0.4rem; }
.actions-modal-button, .actions-modal-label { width: 100%; text-align: center; font-weight: normal; margin: 0; background: rgba(243, 243, 243, 0.95); box-sizing: border-box; display: block; position: relative; }
.actions-modal-button:after, .actions-modal-label:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #d2d2d6; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.actions-modal-button:after,  .actions-modal-label:after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.actions-modal-button:after,  .actions-modal-label:after { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.actions-modal-button a, .actions-modal-label a { text-decoration: none; color: inherit; }
.actions-modal-button b, .actions-modal-label b { font-weight: 500; }
.actions-modal-button.actions-modal-button-bold, .actions-modal-label.actions-modal-button-bold { font-weight: 500; }
.actions-modal-button.actions-modal-button-danger, .actions-modal-label.actions-modal-button-danger { color: #f6383a; }
.actions-modal-button.color-danger, .actions-modal-label.color-danger { color: #f6383a; }
.actions-modal-button.bg-danger, .actions-modal-label.bg-danger { background: #f6383a; color: white; }
.actions-modal-button.bg-danger:active, .actions-modal-label.bg-danger:active { background: #f00b0d; }
.actions-modal-button:first-child, .actions-modal-label:first-child { border-radius: 0.2rem 0.2rem 0 0; }
.actions-modal-button:last-child, .actions-modal-label:last-child { border-radius: 0 0 0.2rem 0.2rem; }
.actions-modal-button:last-child:after, .actions-modal-label:last-child:after { display: none; }
.actions-modal-button:first-child:last-child, .actions-modal-label:first-child:last-child { border-radius: 0.2rem; }
.actions-modal-button.disabled, .actions-modal-label.disabled { opacity: 0.95; color: #8e8e93; }
.actions-modal-button { cursor: pointer; line-height: 2.15rem; font-size: 1rem; color: #0894ec; }
.actions-modal-button:active, .actions-modal-button.active-state { background: #dcdcdc; }
.actions-modal-label { font-size: 0.7rem; line-height: 1.3; min-height: 2.2rem; padding: 0.4rem 0.5rem; color: #5f646e; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
input.modal-text-input { box-sizing: border-box; height: 1.5rem; background: #fff; margin: 0; margin-top: 0.75rem; padding: 0 0.25rem; border: 1px solid #a0a0a0; border-radius: 0.25rem; width: 100%; font-size: 0.7rem; font-family: simsun; display: block; box-shadow: 0 0 0 rgba(0, 0, 0, 0); -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input.modal-text-input + input.modal-text-input { margin-top: 0.25rem; }
input.modal-text-input.modal-text-input-double { border-radius: 0.25rem 0.25rem 0 0; }
input.modal-text-input.modal-text-input-double + input.modal-text-input { margin-top: 0; border-top: 0; border-radius: 0 0 0.25rem 0.25rem; }
.popup, .login-screen { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10400; background: #fff; box-sizing: border-box; display: none; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.popup.modal-in, .login-screen.modal-in, .popup.modal-out, .login-screen.modal-out { -webkit-transition-duration: 400ms; transition-duration: 400ms; }
.popup.modal-in, .login-screen.modal-in { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.popup.modal-out, .login-screen.modal-out { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.login-screen.modal-in, .login-screen.modal-out { display: block; }
html.with-statusbar-overlay .popup { height: -webkit-calc(100% - 1rem); height: calc(100% - 1rem); top: 1rem; }
html.with-statusbar-overlay .popup-overlay { z-index: 9800; }
@media all and (max-width: 629px), (max-height: 629px) {
html.with-statusbar-overlay .popup { height: -webkit-calc(100% - 1rem); height: calc(100% - 1rem); top: 1rem; }
html.with-statusbar-overlay .popup-overlay { z-index: 9800; }
}
html.with-statusbar-overlay .login-screen, html.with-statusbar-overlay .popup.tablet-fullscreen { height: -webkit-calc(100% - 1rem); height: calc(100% - 1rem); top: 1rem; }
.modal .preloader { width: 1.7rem; height: 1.7rem; }
.preloader-indicator-overlay { visibility: visible; opacity: 0; background: none; }
.preloader-indicator-modal { position: absolute; left: 50%; top: 50%; padding: 0.4rem; margin-left: -1.25rem; margin-top: -1.25rem; background: rgba(0, 0, 0, 0.8); z-index: 11000; border-radius: 0.25rem; }
.preloader-indicator-modal .preloader { display: block; width: 1.7rem; height: 1.7rem; }
.picker-modal { position: fixed; left: 0; bottom: 0; width: 100%; height: 13rem; z-index: 11500; display: none; -webkit-transition-property: -webkit-transform; transition-property: transform; background: #cfd5da; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.picker-modal.modal-in, .picker-modal.modal-out { -webkit-transition-duration: 400ms; transition-duration: 400ms; }
.picker-modal.modal-in { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.picker-modal.modal-out { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.picker-modal .picker-modal-inner { height: 100%; position: relative; }
.picker-modal .toolbar { position: relative; width: 100%; }
.picker-modal .toolbar:before { content: ''; position: absolute; left: 0; top: 0; bottom: auto; right: auto; height: 1px; width: 100%; background-color: #999; display: block; z-index: 15; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.picker-modal .toolbar:before { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.picker-modal .toolbar:before { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.picker-modal .toolbar + .picker-modal-inner { height: -webkit-calc(100% - 2.2rem); height: calc(100% - 2.2rem); }
.picker-modal.picker-modal-inline { display: block; position: relative; background: none; z-index: inherit; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.picker-modal.picker-modal-inline .toolbar:before { display: none; }
.picker-modal.picker-modal-inline .toolbar:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #999; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.picker-modal.picker-modal-inline .toolbar:after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.picker-modal.picker-modal-inline .toolbar:after { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.toast { background: rgba(0, 0, 0, 0.8); border-radius: 1rem; color: white;  padding: 0 .8rem;
height: 2rem; line-height: 2rem; font-size: 0.8rem; width: auto; }
/* === Preloader === */
.preloader { display: inline-block; width: 1rem; height: 1rem; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: preloader-spin 1s steps(12, end) infinite; animation: preloader-spin 1s steps(12, end) infinite; }
.preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; }
.preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
@-webkit-keyframes preloader-spin {  100% {
 -webkit-transform: rotate(360deg);
}
}
@keyframes preloader-spin {  100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
/* === Cards === */
.cards-list ul, .card .list-block ul { background: none; }
.cards-list > ul:before, .card .list-block > ul:before { display: none; }
.cards-list > ul:after, .card .list-block > ul:after { display: none; }
.card { background: #fff; box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.3); margin: 0.5rem; position: relative; border-radius: 0.1rem;}
.card .list-block, .card .content-block { margin: 0; }
.row:not(.no-gutter) .col > .card { margin-left: 0; margin-right: 0; }
.card-content { position: relative; }
.card-content-inner { padding: 0.55rem; position: relative; }
.card-content-inner > p:first-child { margin-top: 0; }
.card-content-inner > p:last-child { margin-bottom: 0; }
.card-content-inner > .list-block, .card-content-inner > .content-block { margin: -0.75rem; }
.card-header, .card-footer { min-height: 2.2rem; position: relative; padding: 0.5rem 0.75rem; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.card-header[valign="top"], .card-footer[valign="top"] { -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; }
.card-header[valign="bottom"], .card-footer[valign="bottom"] { -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; }
.card-header a.link, .card-footer a.link { line-height: 2.2rem; height: 2.2rem; text-decoration: none; position: relative; margin-top: -0.5rem; margin-bottom: -0.5rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
html:not(.watch-active-state) .card-header a.link:active, html:not(.watch-active-state) .card-footer a.link:active, .card-header a.link.active-state, .card-footer a.link.active-state { opacity: 0.3; -webkit-transition-duration: 0ms; transition-duration: 0ms; }
.card-header a.link i + span, .card-footer a.link i + span, .card-header a.link i + i, .card-footer a.link i + i, .card-header a.link span + i, .card-footer a.link span + i, .card-header a.link span + span, .card-footer a.link span + span { margin-left: 0.35rem; }
.card-header a.link i.icon, .card-footer a.link i.icon { display: block; }
.card-header a.icon-only, .card-footer a.icon-only { min-width: 2.2rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin: 0; }
.card-header { border-radius: 0.1rem 0.1rem 0 0; font-size: 0.85rem; }
.card-header:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #e1e1e1; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.card-header:after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.card-header:after { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.card-header .card-cover { width: 100%; display: block; }
.card-header.no-border:after { display: none; }
.card-header.no-padding { padding: 0; }
.card-footer { border-radius: 0 0 0.1rem 0.1rem; color: #5f646e; }
.card-footer:before { content: ''; position: absolute; left: 0; top: 0; bottom: auto; right: auto; height: 1px; width: 100%; background-color: #e1e1e1; display: block; z-index: 15; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.card-footer:before { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.card-footer:before { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.card-footer.no-border:before { display: none; }
.facebook-card .card-header { display: block; padding: 0.5rem; }
.facebook-card .facebook-avatar { float: left; }
.facebook-card .facebook-name { margin-left: 2.2rem; font-size: 0.7rem; font-weight: 500; }
.facebook-card .facebook-date { margin-left: 2.2rem; font-size: 0.65rem; color: #5f646e; }
.facebook-card .card-footer { background: #fafafa; }
.facebook-card .card-footer a { color: #5f646e; font-weight: 500; }
.facebook-card .card-content img { display: block; }
.facebook-card .card-content-inner { padding: 0.75rem 0.5rem; }
/* === Panels === */
.panel-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); opacity: 0; z-index: 5999; display: none; }
.panel { z-index: 1000; display: none; background: #111; color: white; box-sizing: border-box; overflow: auto; -webkit-overflow-scrolling: touch; position: absolute; width: 12rem; top: 0; height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 400ms; transition: transform 400ms; }
.panel.panel-left.panel-cover { z-index: 6000; left: -12rem; }
.panel.panel-left.panel-reveal { left: 0; }
.panel.panel-right.panel-cover { z-index: 6000; right: -12rem; }
.panel.panel-right.panel-reveal { right: 0; }
body.with-panel-left-cover .page, body.with-panel-right-cover .page { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 400ms; transition: transform 400ms; }
body.with-panel-left-cover .panel-overlay, body.with-panel-right-cover .panel-overlay { display: block; }
body.with-panel-left-reveal .page, body.with-panel-right-reveal .page { -webkit-transition: 400ms; transition: 400ms; -webkit-transition-property: -webkit-transform; transition-property: transform; }
body.with-panel-left-reveal .panel-overlay, body.with-panel-right-reveal .panel-overlay { display: block; }
body.with-panel-left-reveal .page { -webkit-transform: translate3d(12rem, 0, 0); transform: translate3d(12rem, 0, 0); }
body.with-panel-left-reveal .panel-overlay { margin-left: 12rem; }
body.with-panel-left-cover .panel-left { -webkit-transform: translate3d(12rem, 0, 0); transform: translate3d(12rem, 0, 0); }
body.with-panel-right-reveal .page { -webkit-transform: translate3d(-12rem, 0, 0); transform: translate3d(-12rem, 0, 0); }
body.with-panel-right-reveal .panel-overlay { margin-left: -12rem; }
body.with-panel-right-cover .panel-right { -webkit-transform: translate3d(-12rem, 0, 0); transform: translate3d(-12rem, 0, 0); }
body.panel-closing .page { -webkit-transition: 400ms; transition: 400ms; -webkit-transition-property: -webkit-transform; transition-property: transform; }
/* === Calendar === */
.picker-calendar { background: #fff; height: 300px; width: 100%; overflow: hidden; }
@media (orientation: landscape) and (max-height: 415px) {
.picker-calendar:not(.picker-modal-inline) { height: 220px; }
}
.picker-calendar .picker-modal-inner { overflow: hidden; }
.picker-calendar-week-days { height: 18px; background: #f7f7f8; display: -webkit-box; display: -webkit-flex; display: flex; font-size: 11px; box-sizing: border-box; position: relative; }
.picker-calendar-week-days:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #c4c4c4; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.picker-calendar-week-days:after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.picker-calendar-week-days:after { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.picker-calendar-week-days .picker-calendar-week-day { -webkit-flex-shrink: 1; -ms-flex: 0 1 auto; -webkit-flex-shrink: 1; flex-shrink: 1; width: 14.28571429%; width: -webkit-calc(100% / 7); width: calc(100% / 7); line-height: 17px; text-align: center; }
.picker-calendar-week-days + .picker-calendar-months { height: -webkit-calc(100% - 18px); height: calc(100% - 18px); }
.picker-calendar-months { width: 100%; height: 100%; overflow: hidden; position: relative; }
.picker-calendar-months-wrapper { position: relative; width: 100%; height: 100%; -webkit-transition: 300ms; transition: 300ms; }
.picker-calendar-month { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.picker-calendar-row { height: 16.66666667%; height: -webkit-calc(100% / 6); height: calc(100% / 6); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-shrink: 1; -ms-flex: 0 1 auto; -webkit-flex-shrink: 1; flex-shrink: 1; width: 100%; position: relative; }
.picker-calendar-row:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #ccc; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.picker-calendar-row:after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.picker-calendar-row:after { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.picker-calendar-row:last-child:after { display: none; }
.picker-calendar-day { -webkit-flex-shrink: 1; -ms-flex: 0 1 auto; -webkit-flex-shrink: 1; flex-shrink: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; box-sizing: border-box; width: 14.28571429%; width: -webkit-calc(100% / 7); width: calc(100% / 7); text-align: center; color: #3d4145; font-size: 15px; cursor: pointer; }
.picker-calendar-day.picker-calendar-day-prev, .picker-calendar-day.picker-calendar-day-next { color: #ccc; }
.picker-calendar-day.picker-calendar-day-disabled { color: #d4d4d4; cursor: auto; }
.picker-calendar-day.picker-calendar-day-today span { background: #e3e3e3; }
.picker-calendar-day.picker-calendar-day-selected span { background: #0894ec; color: #fff; }
.picker-calendar-day span { display: inline-block; border-radius: 100%; width: 30px; height: 30px; line-height: 30px; }
.picker-calendar-month-picker, .picker-calendar-year-picker { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 50%; max-width: 200px; -webkit-flex-shrink: 10; -ms-flex: 0 10 auto; -webkit-flex-shrink: 10; flex-shrink: 10; }
.picker-calendar-month-picker a.icon-only, .picker-calendar-year-picker a.icon-only { min-width: 36px; }
.picker-calendar-month-picker span, .picker-calendar-year-picker span { -webkit-flex-shrink: 1; -ms-flex: 0 1 auto; -webkit-flex-shrink: 1; flex-shrink: 1; position: relative; overflow: hidden; text-overflow: ellipsis; }
.picker-calendar-years-picker, .picker-calendar-months-picker { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 15; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.picker-calendar-years-picker:before, .picker-calendar-months-picker:before { content: ''; position: absolute; left: 0; top: 0; bottom: auto; right: auto; height: 1px; width: 100%; background-color: #999; display: block; z-index: 15; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.picker-calendar-years-picker:before,  .picker-calendar-months-picker:before { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.picker-calendar-years-picker:before,  .picker-calendar-months-picker:before { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.picker-calendar-years-picker .picker-calendar-years-picker-wrapper { position: relative; width: 100%; height: 100%; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; }
.picker-calendar-years-picker .picker-calendar-years-group { position: absolute; top: 0; width: 100%; height: 100%; }
.picker-calendar-years-picker .picker-calendar-row { height: 20%; height: -webkit-calc(100% / 5); height: calc(100% / 5); }
.picker-calendar-years-picker .picker-calendar-year-unit { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align: center; }
.picker-calendar-years-picker .picker-calendar-year-unit span { display: block; width: 100%; }
.picker-calendar-years-picker .picker-calendar-year-unit.current-calendar-year-unit { background: #e3e3e3; }
.picker-calendar-years-picker .picker-calendar-year-unit.picker-calendar-year-unit-selected { color: #fff; background: #0894ec; }
.picker-calendar-months-picker .picker-calendar-months-picker-wrapper { position: relative; width: 100%; height: 100%; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; }
.picker-calendar-months-picker .picker-calendar-months-group { position: absolute; top: 0; width: 100%; height: 100%; }
.picker-calendar-months-picker .picker-calendar-row { height: 33.33333333%; height: -webkit-calc(100% / 3); height: calc(100% / 3); }
.picker-calendar-months-picker .picker-calendar-month-unit { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align: center; }
.picker-calendar-months-picker .picker-calendar-month-unit span { display: block; width: 100%; }
.picker-calendar-months-picker .picker-calendar-month-unit.current-calendar-month-unit { background: #e3e3e3; }
.picker-calendar-months-picker .picker-calendar-month-unit.picker-calendar-month-unit-selected { color: #fff; background: #0894ec; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.picker-calendar-years-picker:before,  .picker-calendar-months-picker:before { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.picker-calendar-years-picker:before,  .picker-calendar-months-picker:before { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.picker-modal .toolbar-inner { height: 2.2rem; display: -webkit-box; display: -webkit-flex; display: flex; text-align: center; }
.picker-calendar-month-picker, .picker-calendar-year-picker { display: block; line-height: 2.2rem; }
.picker-calendar-month-picker a.icon-only, .picker-calendar-year-picker a.icon-only { float: left; width: 25%; height: 2.2rem; line-height: 2rem; }
.picker-calendar-month-picker .current-month-value, .picker-calendar-year-picker .current-month-value, .picker-calendar-month-picker .current-year-value, .picker-calendar-year-picker .current-year-value { float: left; width: 50%; height: 2.2rem; }
/* === Columns Picker === */
.picker-columns { width: 100%; height: 13rem; z-index: 11500; }
.picker-columns.picker-modal-inline { height: 10rem; }
@media (orientation: landscape) and (max-height: 415px) {
.picker-columns:not(.picker-modal-inline) { height: 10rem; }
}
.picker-items { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding: 0; text-align: right; font-size: 1.2rem; -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent); -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent); }
.bar + .picker-items { height: 10.8rem; }
.picker-items-col { overflow: hidden; position: relative; max-height: 100%; }
.picker-items-col.picker-items-col-left { text-align: left; }
.picker-items-col.picker-items-col-center { text-align: center; }
.picker-items-col.picker-items-col-right { text-align: right; }
.picker-items-col.picker-items-col-divider { color: #3d4145; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.picker-items-col-normal { width: 100%; }
.picker-items-col-wrapper { -webkit-transition: 300ms; transition: 300ms; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.picker-item { height: 36px; line-height: 36px; padding: 0 10px; white-space: nowrap; position: relative; overflow: hidden; text-overflow: ellipsis; color: #999; left: 0; top: 0; width: 100%; box-sizing: border-box; -webkit-transition: 300ms; transition: 300ms; }
.picker-items-col-absolute .picker-item { position: absolute; }
.picker-item.picker-item-far { pointer-events: none; }
.picker-item.picker-selected { color: #3d4145; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
.picker-center-highlight { height: 36px; box-sizing: border-box; position: absolute; left: 0; width: 100%; top: 50%; margin-top: -18px; pointer-events: none; }
.picker-center-highlight:before { content: ''; position: absolute; left: 0; top: 0; bottom: auto; right: auto; height: 1px; width: 100%; background-color: #a8abb0; display: block; z-index: 15; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.picker-center-highlight:before { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.picker-center-highlight:before { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.picker-center-highlight:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #a8abb0; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.picker-center-highlight:after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.picker-center-highlight:after { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.picker-3d .picker-items { overflow: hidden; -webkit-perspective: 1200px; perspective: 1200px; }
.picker-3d .picker-items-col, .picker-3d .picker-items-col-wrapper, .picker-3d .picker-item { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.picker-3d .picker-items-col { overflow: visible; }
.picker-3d .picker-item { -webkit-transform-origin: center center -110px; transform-origin: center center -110px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.picker-modal .bar { position: relative; top: 0; }
.picker-modal .bar:before { content: ''; position: absolute; left: 0; top: 0; bottom: auto; right: auto; height: 1px; width: 100%; background-color: #a8abb0; display: block; z-index: 15; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.picker-modal .bar:before { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.picker-modal .bar:before { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.picker-modal .bar:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #a8abb0; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.picker-modal .bar:after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.picker-modal .bar:after { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); }
}
.picker-modal .bar .title { color: #5f646e; font-weight: normal; }
.city-picker .col-province { width: 5rem; }
.city-picker .col-city { width: 6rem; }
.city-picker .col-district { width: 5rem; }

/*.icon { font-family: "iconfont-sm" !important; font-style: normal; display: inline-block; vertical-align: middle; background-size: 100% auto; background-position: center; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }*/
/*.icon-app:before { content: "\e605"; }*/
/*.icon-browser:before { content: "\e606"; }*/
/*.icon-card:before { content: "\e607"; }*/
/*.icon-cart:before { content: "\e600"; }*/
/*.icon-code:before { content: "\e609"; }*/
/*.icon-computer:before { content: "\e616"; }*/
/*.icon-remove:before { content: "\e60a"; }*/
/*.icon-download:before { content: "\e60b"; }*/
/*.icon-edit:before { content: "\e60c"; }*/
/*.icon-emoji:before { content: "\e615"; }*/
/*.icon-star:before { content: "\e60e"; }*/
/*.icon-friends:before { content: "\e601"; }*/
/*.icon-gift:before { content: "\e618"; }*/
/*.icon-phone:before { content: "\e60f"; }*/
/*.icon-clock:before { content: "\e619"; }*/
/*.icon-home:before { content: "\e602"; }*/
/*.icon-menu:before { content: "\e60d"; }*/
/*.icon-message:before { content: "\e617"; }*/
/*.icon-me:before { content: "\e603"; }*/
/*.icon-picture:before { content: "\e61a"; }*/
/*.icon-share:before { content: "\e61b"; }*/
/*.icon-settings:before { content: "\e604"; }*/
/*.icon-refresh:before { content: "\e61c"; }*/
/*.icon-caret:before { content: "\e610"; }*/
/*.icon-down:before { content: "\e611"; }*/
/*.icon-up:before { content: "\e612"; }*/
/*.icon-right:before { content: "\e613"; }*/
/*.icon-left:before { content: "\e614"; }*/
/*.icon-check:before { content: "\e608"; }*/
/*.icon-search:before { content: "\e61d"; }*/
/*.icon-new:before { content: "\e61e"; }*/
/*.icon-next, .icon-prev { width: 0.75rem; height: 0.75rem; }*/
/*.icon-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }*/
/*.icon-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }*/
/*.icon-s{font-size:12px;}*/
/*.icon-m{}*/
/*.icon-b{}*/
/*
.icon-plus {
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.55rem;
    line-height: 1rem;
    text-align: center;
    font-weight: 100;
}
*/
/*==========================
Framework7 Layouts Themes
==========================*/
/* === Dark layout === */
.theme-dark { background-color: #222426; }
.theme-dark .bar, .bar.theme-dark { background-color: #131313; color: #fff; }
.theme-dark .bar:after, .bar.theme-dark:after { background-color: #333; }
.theme-dark .title { color: #fff; }
.theme-dark .bar-nav, .theme-dark .bar-tab, .bar-nav.theme-dark, .bar-tab.theme-dark { background-color: #131313; color: #fff; }
.theme-dark .bar-nav:before, .theme-dark .bar-tab:before, .bar-nav.theme-dark:before, .bar-tab.theme-dark:before { background-color: #333; }
.theme-dark .tab-item { color: #fff; }
.theme-dark .tab-item.active { color: #0894ec; }
.theme-dark .picker-calendar-week-days { color: #fff; background-color: #131313; }
.theme-dark .picker-modal.picker-modal-inline .picker-center-highlight:before { background-color: #333; }
.theme-dark .picker-modal.picker-modal-inline .picker-center-highlight:after { background-color: #333; }
.theme-dark .picker-modal.picker-modal-inline .picker-item.picker-selected { color: #fff; }
.theme-dark .picker-modal.picker-modal-inline .picker-calendar-week-days { color: #fff; }
.theme-dark .picker-modal.picker-modal-inline .picker-calendar-day { color: #fff; }
.theme-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-prev, .theme-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-next { color: #777; }
.theme-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-disabled { color: #555; }
.theme-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-today span { background: #444; }
.theme-dark .picker-modal.picker-modal-inline .picker-calendar-week-days:after, .theme-dark .picker-modal.picker-modal-inline .picker-calendar-row:after { background-color: #333; }
.theme-dark .picker-modal.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before, .theme-dark .picker-modal.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before { background-color: #333; }
.theme-dark .photo-browser .navbar, .photo-browser.theme-dark .navbar, .theme-dark .view[data-page="photo-browser-slides"] .navbar, .view[data-page="photo-browser-slides"].theme-dark .navbar, .theme-dark .photo-browser .toolbar, .photo-browser.theme-dark .toolbar, .theme-dark .view[data-page="photo-browser-slides"] .toolbar, .view[data-page="photo-browser-slides"].theme-dark .toolbar { background: rgba(19, 19, 19, 0.95); }
.theme-dark .tabbar a:not(.active) { color: #fff; }
.theme-dark .page, .theme-dark .login-screen-content, .page.theme-dark, .theme-dark .panel, .panel.theme-dark, .theme-dark .content { background-color: #222426; color: #ddd; }
.theme-dark .content-block-title { color: #fff; }
.theme-dark .content-block, .content-block.theme-dark { color: #bbb; }
.theme-dark .content-block-inner { background: #1c1d1f; color: #ddd; }
.theme-dark .content-block-inner:before { background-color: #393939; }
.theme-dark .content-block-inner:after { background-color: #393939; }
.theme-dark .list-block ul, .list-block.theme-dark ul { background: #1c1d1f; }
.theme-dark .list-block ul:before, .list-block.theme-dark ul:before { background-color: #393939; }
.theme-dark .list-block ul:after, .list-block.theme-dark ul:after { background-color: #393939; }
.theme-dark .list-block.inset ul, .list-block.theme-dark.inset ul { background: #1c1d1f; }
.theme-dark .list-block.notifications > ul, .list-block.theme-dark.notifications > ul { background: none; }
.theme-dark .list-block .item-title, .list-block.theme-dark .item-title, .theme-dark .list-block .item-subtitle, .list-block.theme-dark .item-subtitle { color: #bbb; }
.theme-dark .card { background: #1c1d1f; }
.theme-dark .card-header:after { background-color: #393939; }
.theme-dark .card-footer { color: #bbb; }
.theme-dark .card-footer:before { background-color: #393939; }
.theme-dark li.sorting { background-color: #29292f; }
.theme-dark .swipeout-actions-left a, .theme-dark .swipeout-actions-right a { background-color: #444; }
.theme-dark .item-inner:after, .theme-dark .list-block ul ul li:last-child .item-inner:after { background-color: #393939; }
.theme-dark .item-after { color: #bbb; }
html:not(.watch-active-state) .theme-dark .item-link:active, html:not(.watch-active-state) .theme-dark label.label-checkbox:active, html:not(.watch-active-state) .theme-dark label.label-radio:active, .theme-dark .item-link.active-state, .theme-dark label.label-checkbox.active-state, .theme-dark label.label-radio.active-state { background-color: #29292f; }
.theme-dark .item-link.list-button:after { background-color: #393939; }
.theme-dark .list-block-label { color: #bbb; }
.theme-dark .item-divider, .theme-dark .list-group-title { background: #1a1a1a; color: #bbb; }
.theme-dark .item-divider:before, .theme-dark .list-group-title:before { background-color: #393939; }
.theme-dark .searchbar { background: #333; }
.theme-dark .searchbar:after { background-color: #333; }
.theme-dark .list-block input[type="text"], .list-block.theme-dark input[type="text"], .theme-dark .list-block input[type="password"], .list-block.theme-dark input[type="password"], .theme-dark .list-block input[type="email"], .list-block.theme-dark input[type="email"], .theme-dark .list-block input[type="tel"], .list-block.theme-dark input[type="tel"], .theme-dark .list-block input[type="url"], .list-block.theme-dark input[type="url"], .theme-dark .list-block input[type="date"], .list-block.theme-dark input[type="date"], .theme-dark .list-block input[type="datetime-local"], .list-block.theme-dark input[type="datetime-local"], .theme-dark .list-block input[type="number"], .list-block.theme-dark input[type="number"], .theme-dark .list-block select, .list-block.theme-dark select, .theme-dark .list-block textarea, .list-block.theme-dark textarea { color: #fff; }
.theme-dark .label-switch .checkbox { background-color: #393939; }
.theme-dark .label-switch .checkbox:before { background-color: #1c1d1f; }
.theme-dark .range-slider input[type="range"]:after { background: #1c1d1f; }
.theme-dark .buttons-tab { background: #131313; }
.theme-dark .buttons-tab .tab-link:not(.active) { color: #ddd; }
/* === White layout === */
.theme-white .navbar, .navbar.theme-white, .theme-white .subnavbar, .subnavbar.theme-white { background-color: #fff; color: #000; }
.theme-white .navbar:after, .navbar.theme-white:after, .theme-white .subnavbar:after, .subnavbar.theme-white:after { background-color: #ddd; }
.theme-white .toolbar, .toolbar.theme-white { background-color: #fff; color: #000; }
.theme-white .toolbar:before, .toolbar.theme-white:before { background-color: #ddd; }
.theme-white .picker-modal.picker-modal-inline .picker-center-highlight:before { background-color: #ddd; }
.theme-white .picker-modal.picker-modal-inline .picker-center-highlight:after { background-color: #ddd; }
.theme-white .picker-modal.picker-modal-inline .picker-calendar-week-days:after, .theme-white .picker-modal.picker-modal-inline .picker-calendar-row:after { background-color: #ddd; }
.theme-white .picker-modal.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before, .theme-white .picker-modal.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before { background-color: #ddd; }
.theme-white .photo-browser .navbar, .photo-browser.theme-white .navbar, .theme-white .view[data-page="photo-browser-slides"] .navbar, .view[data-page="photo-browser-slides"].theme-white .navbar, .theme-white .photo-browser .toolbar, .photo-browser.theme-white .toolbar, .theme-white .view[data-page="photo-browser-slides"] .toolbar, .view[data-page="photo-browser-slides"].theme-white .toolbar { background: rgba(255, 255, 255, 0.95); }
.theme-white .tabbar a:not(.active) { color: #777; }
.theme-white .page, .theme-white .login-screen-content, .page.theme-white, .theme-white .panel, .panel.theme-white { background-color: #fff; color: #000; }
.theme-white .content-block-title { color: #777; }
.theme-white .content-block, .content-block.theme-white { color: #777; }
.theme-white .content-block-inner { background: #fafafa; color: #000; }
.theme-white .content-block-inner:after { background-color: #ddd; }
.theme-white .content-block-inner:before { background-color: #ddd; }
.theme-white .list-block ul, .list-block.theme-white ul { background: #fff; }
.theme-white .list-block ul:after, .list-block.theme-white ul:after { background-color: #ddd; }
.theme-white .list-block ul:before, .list-block.theme-white ul:before { background-color: #ddd; }
.theme-white .list-block.inset ul, .list-block.theme-white.inset ul { background: #fafafa; }
.theme-white .list-block.notifications > ul, .list-block.theme-white.notifications > ul { background: none; }
.theme-white li.sorting { background-color: #eee; }
.theme-white .swipeout-actions-left a, .theme-white .swipeout-actions-right a { background-color: #c7c7cc; }
.theme-white .item-inner, .theme-white .list-block ul ul li:last-child .item-inner { border-color: #ddd; }
.theme-white .item-inner:after, .theme-white .list-block ul ul li:last-child .item-inner:after { background-color: #ddd; }
.theme-white .item-after { color: #8e8e93; }
html:not(.watch-active-state) .theme-white .item-link:active, html:not(.watch-active-state) .theme-white label.label-checkbox:active, html:not(.watch-active-state) .theme-white label.label-radio:active, .theme-white .item-link.active-state, .theme-white label.label-checkbox.active-state, .theme-white label.label-radio.active-state { background-color: #eee; }
.theme-white .item-link.list-button:after { background-color: #ddd; }
.theme-white .list-block-label { color: #777; }
.theme-white .item-divider, .theme-white .list-group-title { background: #f7f7f7; color: #777; }
.theme-white .item-divider:before, .theme-white .list-group-title:before { background-color: #ddd; }
.theme-white .searchbar { background: #c9c9ce; }
.theme-white .searchbar:after { background-color: #b4b4b4; }
.theme-white .list-block input[type="text"], .list-block.theme-white input[type="text"], .theme-white .list-block input[type="password"], .list-block.theme-white input[type="password"], .theme-white .list-block input[type="email"], .list-block.theme-white input[type="email"], .theme-white .list-block input[type="tel"], .list-block.theme-white input[type="tel"], .theme-white .list-block input[type="url"], .list-block.theme-white input[type="url"], .theme-white .list-block input[type="date"], .list-block.theme-white input[type="date"], .theme-white .list-block input[type="datetime-local"], .list-block.theme-white input[type="datetime-local"], .theme-white .list-block input[type="number"], .list-block.theme-white input[type="number"], .theme-white .list-block select, .list-block.theme-white select, .theme-white .list-block textarea, .list-block.theme-white textarea { color: #777; }
.theme-white .label-switch .checkbox { background-color: #e5e5e5; }
.theme-white .label-switch .checkbox:before { background-color: #fff; }
.theme-white .range-slider input[type="range"]:after { background: #fff; }