1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/Touchgui/www/lib/appframework/af.ui.css Thu Jun 04 14:50:33 2015 +0200
1.3 @@ -0,0 +1,3507 @@
1.4 +/*! intel-appframework - v2.1.0 - 2014-09-22 */
1.5 +
1.6 +/**********************************************************
1.7 + GENERAL UI ELEMENTS
1.8 +**********************************************************/
1.9 +
1.10 +* {
1.11 + -webkit-user-select:none; /* Prevent copy paste for all elements except text fields */
1.12 + -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* set highlight color for user interaction */
1.13 + -moz-tap-highlight-color:rgba(0, 0, 0, 0); /* set highlight color for user interaction */
1.14 + -ms-touch-action:none;
1.15 + -moz-user-select:-moz-none;
1.16 + -webkit-touch-callout: none; /* prevent the popup menu on any links*/
1.17 + margin:0;
1.18 + padding:0;
1.19 + -webkit-box-sizing:border-box;
1.20 + -moz-box-sizing:border-box;
1.21 + box-sizing:border-box;
1.22 +}
1.23 +
1.24 +body {
1.25 + overflow-x:hidden;
1.26 + -webkit-text-size-adjust:none;
1.27 + font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
1.28 + color:#000;
1.29 + font-size:14px;
1.30 + display:-webkit-box;
1.31 + background: #CBD2D8;
1.32 + /* We want to layout our first container vertically */
1.33 + -webkit-box-orient: vertical;
1.34 + /* we want our child elements to stretch to fit the container */
1.35 + -webkit-box-align:stretch;
1.36 +} /* General styles that apply to elements not contained within other classes and styles */
1.37 +
1.38 +
1.39 +#afui input,textarea { -webkit-user-select:text; -moz-user-select:-moz-text;-moz-user-select:text;} /* allow users to select text that appears in input fields */
1.40 +
1.41 +#afui img { border:none; } /* Remove default borders for images */
1.42 +
1.43 +
1.44 +#afui p {
1.45 + display:block;
1.46 + margin:6px 0;
1.47 +
1.48 + font-size:14px;
1.49 + line-height:20px;
1.50 + color:inherit
1.51 +}
1.52 +
1.53 +
1.54 +#afui #afui_modal {
1.55 + background: inherit;
1.56 + color:inherit;
1.57 + -webkit-backface-visibility: hidden;
1.58 + z-index:9999 !important;
1.59 + width:100%;
1.60 + height:100%;
1.61 + display:none;
1.62 + position:absolute; top:0;
1.63 + overflow:hidden;
1.64 + display: -webkit-box;
1.65 + display: -moz-box;
1.66 + display: box;
1.67 + display: -ms-flexbox;
1.68 + -webkit-box-orient: vertical;
1.69 + -moz-box-orient: vertical;
1.70 + -ms-box-orient: vertical;
1.71 + box-orient: vertical;
1.72 + display: -webkit-flex;
1.73 + display: -moz-flex;
1.74 + display: -ms-flex;
1.75 + display: flex;
1.76 + -webkit-flex-direction: column;
1.77 + -moz-flex-direction: column;
1.78 + -ms-flex-direction: column;
1.79 + flex-direction: column;
1.80 +}
1.81 +
1.82 +
1.83 +#afui #modalContainer > * {
1.84 + -webkit-backface-visibility: hidden;
1.85 + -webkit-perspective: 1000;
1.86 + background:inherit;
1.87 + color:inherit;
1.88 +}
1.89 +
1.90 +
1.91 +
1.92 +#afui .afScrollPanel { width:100%; min-height:100%; }
1.93 +
1.94 +#afui {
1.95 + position:absolute;
1.96 + width:100%;
1.97 + top:0;
1.98 + bottom:0;
1.99 + overflow:hidden;
1.100 +}
1.101 +
1.102 +#afui,.flexContainer {
1.103 + display: -webkit-box;
1.104 + display: -moz-box;
1.105 + display: box;
1.106 + display: -ms-flexbox;
1.107 +
1.108 + -webkit-box-orient: vertical;
1.109 + -moz-box-orient: vertical;
1.110 + -ms-box-orient: vertical;
1.111 + box-orient: vertical;
1.112 +
1.113 + /* current syntax */
1.114 + display: -webkit-flex;
1.115 + display: -moz-flex;
1.116 + display: -ms-flex;
1.117 + display: flex;
1.118 +
1.119 + -webkit-flex-direction: column;
1.120 + -moz-flex-direction: column;
1.121 + -ms-flex-direction: column;
1.122 + flex-direction: column;
1.123 +}
1.124 +
1.125 +#afui > #splashscreen {
1.126 + position:absolute;
1.127 + top:0;bottom:0;
1.128 + width:100%;
1.129 + left:0;
1.130 + min-height:100%;
1.131 + background:rgba(29,29,28,1) !important;
1.132 + color:white !important;
1.133 + font-size:30px;
1.134 + text-align:center;
1.135 + z-index:9999;
1.136 + display:block;
1.137 + margin-left: auto !important; margin-right: auto !important;
1.138 + padding-top:80px !important;
1.139 +}
1.140 +
1.141 +
1.142 +/**********************************************************
1.143 + header
1.144 +**********************************************************/
1.145 +#afui .header {
1.146 + position:relative;
1.147 + overflow: hidden;
1.148 + display:block;
1.149 + z-index:250;
1.150 + -webkit-box-sizing:border-box; box-sizing:border-box;
1.151 + height:44px;
1.152 + left:0; right:0;
1.153 +
1.154 +} /* This is masthead bar that appears at the top of the UI */
1.155 +
1.156 +
1.157 +
1.158 +
1.159 +#afui .header h1 {
1.160 +
1.161 + position: absolute;
1.162 + width: 45%;
1.163 + z-index: 1;
1.164 + height: 44px;
1.165 + font-size: 18px;
1.166 + font-weight: bold;
1.167 + left: 27.5%;
1.168 + color: inherit;
1.169 + padding: 10px 0;
1.170 + text-shadow: rgba(0,0,0,0.8) 0 -1px 0;
1.171 + text-align: center;
1.172 + white-space: nowrap;
1.173 + text-overflow: ellipsis;
1.174 + overflow: hidden;
1.175 +} /* This is text that appears in the header at the top of the screen */
1.176 +
1.177 +
1.178 +/**********************************************************
1.179 + CONTENT AREA
1.180 +**********************************************************/
1.181 +
1.182 +#afui #content, #afui_modal #modalContainer {
1.183 + z-index:180;
1.184 +
1.185 + position:relative;
1.186 + /* previous syntax */
1.187 + -webkit-box-flex: 1;
1.188 + -moz-box-flex: 1;
1.189 + -ms-box-flex: 1;
1.190 + box-flex: 1;
1.191 +
1.192 + /* current syntax */
1.193 + -webkit-flex: 1;
1.194 + -moz-flex: 1;
1.195 + -ms-flex: 1;
1.196 + flex: 1;
1.197 + overflow:hidden;
1.198 +
1.199 + background:inherit;
1.200 + color:inherit;
1.201 +} /* Accounts for positioning of the content area, which is everything below the header and above the navbar. */
1.202 +
1.203 +
1.204 +#afui .panel {
1.205 + z-index:180;
1.206 + width:100%;
1.207 + height:100%;
1.208 + display:none;
1.209 + position:absolute; top:0; left:0;
1.210 + overflow-y:auto;
1.211 + overflow-x:hidden;
1.212 + -webkit-overflow-scrolling:touch;
1.213 + -webkit-backface-visibility: hidden;
1.214 + padding:10px;
1.215 + padding-top:0px;
1.216 +} /* This class is applied to the divs that contain the various "views" or pages of the app. */
1.217 +
1.218 +
1.219 +/**********************************************************
1.220 + scroller CSS
1.221 +**********************************************************/
1.222 +#afui .y-scroll, #afui .panel.y-scroll {
1.223 + overflow-x:hidden;
1.224 + overflow-y:auto;
1.225 +}
1.226 +#afui .x-scroll, #afui .panel.x-scroll {
1.227 + overflow-x:auto;
1.228 + overflow-y:hidden;
1.229 +}
1.230 +#afui .no-scroll, #afui .panel.no-scroll {
1.231 + overflow:hidden;
1.232 +}
1.233 +
1.234 +
1.235 +/**********************************************************
1.236 + Navbar
1.237 +**********************************************************/
1.238 +/* Nav bar appears locked to the bottom of the screen. It is the primary navigation. can contain text or graphical navigation */
1.239 +
1.240 +#afui .footer {
1.241 + z-index:180;
1.242 + height:49px;
1.243 + display:block;
1.244 + left:0;
1.245 + right:0;
1.246 + position:relative;
1.247 + padding:0 3px;
1.248 +}
1.249 +
1.250 +
1.251 +#afui footer>a:not(.button) {
1.252 + -webkit-box-sizing:border-box;
1.253 + box-sizing: border-box;
1.254 + top: 3px;
1.255 + height: 43px;
1.256 + overflow: hidden;
1.257 + font-size:12px;
1.258 + font-weight:normal;
1.259 + text-decoration: none;
1.260 + color: #fff;
1.261 + text-align: center;
1.262 + display: inline-block;
1.263 + width: 25%;
1.264 + -webkit-backface-visibility: hidden;
1.265 + -webkit-perspective: 1000;
1.266 + line-height: 67px;
1.267 + position: relative;
1.268 + margin: 0;
1.269 +}
1.270 +
1.271 +
1.272 +#afui footer>a:not(.button) .af-badge {
1.273 + right:auto;
1.274 + margin-left:-16px;
1.275 +}
1.276 +
1.277 +
1.278 +#afui footer>a.icon:not(.button):before {
1.279 + position:absolute;
1.280 + top:2px;
1.281 + left:0;
1.282 + font-size: 25px;
1.283 + margin:auto;
1.284 + width: 100%;
1.285 +}
1.286 +
1.287 +
1.288 +#afui footer>a.pressed:not(.button) {
1.289 +
1.290 +}
1.291 +
1.292 +
1.293 +#afui footer>a.icon.pressed:not(.button):before {
1.294 +
1.295 +}
1.296 +
1.297 +/* Custom footers - always hidden */
1.298 +#afui footer, #afui header, #afui nav, #afui aside { display:none; }
1.299 +
1.300 +/* Show the active header/footer/navs */
1.301 +#afui .footer footer, #afui #menu nav, #afui .header header, #afui #aside_menu aside {display:block; height:100%;}
1.302 +
1.303 +#afui > #menu.tabletMenu {
1.304 + z-index:1;
1.305 + width:200px;
1.306 + bottom:0;
1.307 + display:none;
1.308 + position:absolute; top:0; left:0;
1.309 + border-right: 1px solid rgba(128,128,128,0.5);
1.310 +
1.311 +}
1.312 +
1.313 +#afui > #aside_menu {
1.314 + z-index:1;
1.315 + width:200px;
1.316 + bottom:0;
1.317 + height:100%;
1.318 + display:none;
1.319 + position:absolute; top:0; right:0;
1.320 + border-left: 1px solid rgba(128,128,128,0.5);
1.321 +}
1.322 +
1.323 +
1.324 +#afui #menu_scroller, #afui #aside_menu_scroller {
1.325 + padding-bottom:10px;
1.326 + overflow-y:auto;
1.327 + overflow-x:hidden;
1.328 + -webkit-backface-visibility: hidden;
1.329 + -webkit-overflow-scrolling:touch;
1.330 +}
1.331 +
1.332 +
1.333 +#afui #menu_scroller > *, #afui #aside_menu_scroller > * {
1.334 + -webkit-backface-visibility: hidden;
1.335 + -webkit-perspective: 1000;
1.336 +}
1.337 +
1.338 +
1.339 +#afui #menu .list li,
1.340 +#afui #menu .list .divider,
1.341 +#afui #menu .list li:first-child,
1.342 +#afui #menu .list li:last-child,
1.343 +
1.344 +#afui #aside_menu .list li,
1.345 +#afui #aside_menu .list .divider,
1.346 +#afui #aside_menu .list li:first-child,
1.347 +#afui #aside_menu .list li:last-child
1.348 + {
1.349 +
1.350 + font-weight:bold;
1.351 + font-size:1em;
1.352 + line-height:1em;
1.353 + border-color:#101012;
1.354 + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
1.355 + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
1.356 +
1.357 +}
1.358 +
1.359 +#afui #menu .list > li > a,
1.360 +#afui #aside_menu .list > li > a
1.361 +{
1.362 + color:#ccc;
1.363 + margin-left:6px;
1.364 + font-weight: normal;
1.365 +}
1.366 +
1.367 +
1.368 +#afui #menu .list,
1.369 +#afui #menu .list .divider,
1.370 +#afui #aside_menu .list,
1.371 +#afui #aside_menu .list .divider
1.372 +{ background:inherit; }
1.373 +
1.374 +
1.375 +#afui #menu .list .divider, #afui #aside_menu .list .divider {
1.376 + background:#333;
1.377 + color:#fff;
1.378 + font-weight:bold;
1.379 + font-size:1em;
1.380 + line-height:1em;
1.381 + padding:6px;
1.382 + top:0px;
1.383 + border:none;
1.384 + -webkit-box-shadow:none; box-shadow: none;
1.385 +}
1.386 +
1.387 +
1.388 +#afui #menu .list > li > a:after, #afui #aside_menu .list > li > a:after { margin-top: -8px; }
1.389 +
1.390 +/* End side menu css */
1.391 +
1.392 +
1.393 +
1.394 +#afui .splashscreen {
1.395 + background:rgba(29,29,28,1) !important;
1.396 + padding-left:40px;
1.397 + padding-top:30px !important;
1.398 + min-height:100%;
1.399 +}
1.400 +
1.401 +
1.402 +#afui h2 {
1.403 + display:block;
1.404 + height:34px;
1.405 + font-weight: bold;
1.406 + font-size:18px;
1.407 + color:#000;
1.408 + padding:6px 0;
1.409 + margin-bottom:8px;
1.410 +} /* Header class used for non-navigable header bars (h1 is reserved for the header) */
1.411 +
1.412 +
1.413 +#afui .collapsed:after {
1.414 + float:right;
1.415 + content:'';
1.416 + border-left:5px solid transparent;
1.417 + border-right:5px solid transparent;
1.418 + border-top:6px solid #000;
1.419 + display:block;
1.420 + position:absolute;
1.421 + top:14px;right:14px;
1.422 +}
1.423 +
1.424 +#afui .collapsed:before {
1.425 + float:right;
1.426 + content:'';
1.427 + color:transparent;
1.428 + background:transparent;
1.429 + width:14px; height:14px;
1.430 + display:block;
1.431 + border:2px solid #000;
1.432 + border-radius:3px;
1.433 + position:absolute;
1.434 + top:8px;right:10px;
1.435 +}
1.436 +
1.437 +#afui .expanded:after {
1.438 + float:right;content:'';
1.439 + border-left: 5px solid transparent;
1.440 + border-right: 5px solid transparent;
1.441 + border-bottom: 6px solid #000;
1.442 + display:block;
1.443 + position:absolute;
1.444 + top:13px;right:14px;
1.445 +}
1.446 +
1.447 +#afui .expanded:before {
1.448 + float:right;
1.449 + content:'';
1.450 + color:transparent;
1.451 + background:transparent;
1.452 + width:14px; height:14px;
1.453 + display:block;
1.454 + border:2px solid #000;
1.455 + border-radius:3px;
1.456 + position:absolute;
1.457 + top:8px;right:10px;
1.458 +}
1.459 +
1.460 +
1.461 +/**********************************************************
1.462 + UI
1.463 +**********************************************************/
1.464 +
1.465 +.ui-icon {
1.466 + background: #666;
1.467 + background: rgba(0,0,0,.4);
1.468 + background-repeat: no-repeat;
1.469 + border-radius: 9px;
1.470 +}
1.471 +
1.472 +
1.473 +.ui-loader { display: none; position: absolute; opacity: .85; z-index: 100; left: 50%; width: 200px; margin-left: -100px; margin-top: -35px; padding: 10px 30px; background: #666;background:rgba(0,0,0,.4);border-radius:9px;color:white;}
1.474 +.ui-loader.heavy {opacity:1;}
1.475 +.ui-loader h1 { font-size: 15px; text-align: center; }
1.476 +.ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; }
1.477 +
1.478 +
1.479 +.spin {
1.480 + -webkit-transform: rotate(360deg);
1.481 + -webkit-animation-name: spin;
1.482 + -webkit-animation-duration: 1s;
1.483 + -webkit-animation-iteration-count: infinite;
1.484 +}
1.485 +@-webkit-keyframes spin {
1.486 + from {-webkit-transform: rotate(0deg);}
1.487 + to {-webkit-transform: rotate(360deg);}
1.488 +}
1.489 +
1.490 +
1.491 +.ui-icon-loading {
1.492 + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjBAMAAADs965qAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX////x8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHvvEhiAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAAK6wAACusBgosNWgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAEaSURBVCiRY2AgATCapaUqoIiIzN5z5syZJiQRltW7gUJ3705C6OraDRG6GwATkli1evdusNBTuKJVq3c4MjBX3733DqqMfdWqFWDbau+9ewIRspy5KgHMYL737g1EX+fMaVAjbN+9KwDLzZxZAHPMu3cXwEbNnAl397p3YDslOmD6GBjs/v8AURodzXAh3v+/QZRHRyNciPP/f4hQA1yIHVMICtzLC9CFzMuL0IXEy0vQhdjK0+BsRqgv0tIMYEKCggJgmbS0QJgiQUEIwy0tVQCmCCokmhYaCFMElWMKDQ01BIkoKcKEGFRDQ1yMlISUgEIwe5iAQi7GxkpKSjBFwMh2cXEGCSkiOVcFLIQswsAgZGxshCpCBgAA0FNYp5zwDegAAAAASUVORK5CYII=);
1.493 + width: 40px;
1.494 + height: 40px;
1.495 + border-radius: 20px;
1.496 + background-size: 35px 35px;
1.497 +}
1.498 +
1.499 +
1.500 +#afui .ui-corner-all { border-radius:.6em; }
1.501 +
1.502 +
1.503 +#afui_mask { position:absolute;top:45%;z-index:999999; }
1.504 +
1.505 +.afui_panel_mask { position:absolute;top:0;bottom:0;left:0;right:0;z-index:2000;background-color:rgba(0,0,0,0.1);display:none}
1.506 +
1.507 +#afui .hasMenu{
1.508 + left:0;
1.509 +}
1.510 +
1.511 +
1.512 +#afui .menuButton {
1.513 + position: relative;
1.514 + top: 5px;
1.515 + right: -8px;
1.516 + height: 36px;
1.517 + width: 36px;
1.518 + z-index:2;
1.519 + float:right;
1.520 +}
1.521 +
1.522 +
1.523 +#afui .menuButton:after {
1.524 + border-bottom: 9px double white;
1.525 + border-top: 3px solid white;
1.526 + top: 9px;
1.527 + left: 3px;
1.528 + content: "";
1.529 + height: 3px;
1.530 + position: absolute;
1.531 + width: 15px;
1.532 +}
1.533 +
1.534 +#afui .hasMenu.on {
1.535 + -webkit-transform:translate3d(200px,0,0);
1.536 + transform:translate(200px,0);
1.537 +}
1.538 +
1.539 +
1.540 +
1.541 +
1.542 +
1.543 +#afui .modalbutton {
1.544 + position:absolute;
1.545 + top:0;
1.546 + right:5px;
1.547 + height:32px;
1.548 + width:58px;
1.549 + line-height:32px;
1.550 + z-index:9999;
1.551 +}
1.552 +
1.553 +
1.554 +#afui .closebutton {
1.555 + position:absolute;
1.556 + top:6px; right:6px;
1.557 + display:block;
1.558 + height:24px ;
1.559 + width:24px ;
1.560 + border-radius:12px;
1.561 + border:1px solid #666;
1.562 + background:#fff;
1.563 + color:#333;
1.564 + font-weight: bold;
1.565 + font-size:21px;
1.566 + line-height:18px;
1.567 + text-align:center;
1.568 + text-decoration:none;
1.569 +}
1.570 +
1.571 +#afui .closebutton:before { content:'x'; }
1.572 +
1.573 +#afui .closebutton.selected,.closebutton.modalButton.selected {
1.574 + color:#fff;
1.575 + background:#333;
1.576 +}
1.577 +
1.578 +#afui .panel > .list,
1.579 +#afui .panel > .afScrollPanel > .list {
1.580 + margin:0px -10px;
1.581 +}
1.582 +
1.583 +#afui .panel > .list.inset,
1.584 +#afui .panel > .afScrollPanel > .list.inset {
1.585 + margin:0px;
1.586 +}
1.587 +
1.588 +
1.589 +/* Chevrons */
1.590 +@font-face {
1.591 + font-family: 'chevron';
1.592 + src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAQAAA0AAAAABZgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABMAAAABoAAAAcZ/T02kdERUYAAAFMAAAAHwAAACAAMgAGT1MvMgAAAWwAAABHAAAAVj7i2r5jbWFwAAABtAAAAEMAAAFS8BX0J2dhc3AAAAH4AAAACAAAAAj//wADZ2x5ZgAAAgAAAABsAAAAbMHrMoZoZWFkAAACbAAAADAAAAA2/JaSB2hoZWEAAAKcAAAAHgAAACQDav/GaG10eAAAArwAAAATAAAAFAN1AB1sb2NhAAAC0AAAAAwAAAAMAA4ANm1heHAAAALcAAAAHQAAACAASAAbbmFtZQAAAvwAAADdAAABhigr581wb3N0AAAD3AAAACIAAAA8nFVDO3icY2BgYGQAgjO2i86D6LO3V7LCaABOtwcoAAB4nGNgZGBg4ANiCQYQYGJgZGBmYAGSLGAeAwAEkAA5AHicY2BkVGCcwMDKwMGozGjJwMBgB6WvM4gxFDMwMDGwMjPAgQCCyRCQ5prC4PCB4UMIY8P/AwwajA0MDg0MDIwgOQBg6QqyAHicY2BgYGaAYBkGRgYQ8AHyGMF8FgYDIM0BhEwgiQ8MH0L+/0dmCTDzb4DqAgNGNgY4lxGkh4kBFTAyDHsAAFhbChsAAAAAAf//AAIAAQAA/8ABwAGAAAIAABEBIQHA/kABgP5AAAAAAAEAHf/tARMBcwAXAAAlFA8BBiIvASY1ND8BJyY1ND8BNjIfARYBEwmkCRoJFAkJenoJCRQIHAikCbANCqMJCRMKDQ0JenkKDQ0JEwoKowl4nGNgZGBgAOLcX7xy8fw2Xxm4GQ8ARRjO3l7JiqD/H2A8wNgA5HIwMIFEAUPwC7d4nGNgZGBgbPh/gEGD8QADwz8HIAkUQQGsAIQZBTAAAHicYzzAAAFTIRSjAoMsABVQAZUAAAAAAAAAAAAADgA2eJxjYGRgYGBlkGAA0QwMTEDMCGY7gPkMAAUvAGQAAAB4nHWOTWoCQRBG3+hoCIbgKmTZkE02M3RPwIUHmAO4cC/SjII40P7gSbLKEbL0GB4gR8gx/JzUJgsbin68rqqvgSc+ybidjAfGxj3xu3GfN07Gufy38YARF+Oh/K86s/xR5rmbunFP/Grcp8Yb5/JfxgNeOBsP5X9YsiJyJNGyheUqHlMrmMk2HNiw0Buz2Bw2C0Hd9e27O6kj4qgoleaYqv7v+3NBrwUTVSUKfGhNu93XbWqiq0rvps5yRcEXk6LyQU33/jaXTexYW0bo8pnHtFtrRyj93dkrAWI51wAAAHicY2BiwA9YgZiRgYmRiZGZvTQv083AwABCm5oAACfXBG0AAA==) format('woff'),
1.593 + url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTWf09NoAAAV8AAAAHEdERUYAMgAGAAAFXAAAACBPUy8yPuLavgAAAVgAAABWY21hcPAV9CcAAAHEAAABUmdhc3D//wADAAAFVAAAAAhnbHlmwesyhgAAAyQAAABsaGVhZPyWkgcAAADcAAAANmhoZWEDav/GAAABFAAAACRobXR4A3UAHQAAAbAAAAAUbG9jYQAOADYAAAMYAAAADG1heHAASAAbAAABOAAAACBuYW1lKCvnzQAAA5AAAAGGcG9zdJxVQzsAAAUYAAAAPAABAAAAAQAAbfoNHl8PPPUACwHAAAAAAM3bqQUAAAAAzdupBQAA/8ABwAGAAAAACAACAAAAAAAAAAEAAAGA/8AAKAHAAAD+QAHAAAEAAAAAAAAAAAAAAAAAAAAFAAEAAAAFABgAAQAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQEgAZAABQAIASMBOQAAAD4BIwE5AAAA1wAWAHMAAAIABQMAAAAAAAAAAAAAEAAAAAAAAAAAAAAAUGZFZABA8ADwVAGA/8AAKAGAAECAAAABAAAAAAAAAcAAAAAAAAAAlQAAAAAAAAEgAB0AAAADAAAAAwAAABwAAQAAAAAATAADAAEAAAAcAAQAMAAAAAgACAACAAAAAPAA8FT//wAAAADwAPBU//8AABADD7AAAQAAAAAAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgA2AAEAAP/AAcABgAACAAARASEBwP5AAYD+QAAAAAABAB3/7QETAXMAFwAAJRQPAQYiLwEmNTQ/AScmNTQ/ATYyHwEWARMJpAkaCRQJCXp6CQkUCBwIpAmwDQqjCQkTCg0NCXp5Cg0NCRMKCqMJAAAADACWAAEAAAAAAAEABwAQAAEAAAAAAAIABwAoAAEAAAAAAAMAIwB4AAEAAAAAAAQABwCsAAEAAAAAAAUACwDMAAEAAAAAAAYABwDoAAMAAQQJAAEADgAAAAMAAQQJAAIADgAYAAMAAQQJAAMARgAwAAMAAQQJAAQADgCcAAMAAQQJAAUAFgC0AAMAAQQJAAYADgDYAGMAaABlAHYAcgBvAG4AAGNoZXZyb24AAFIAZQBnAHUAbABhAHIAAFJlZ3VsYXIAAEYAbwBuAHQARgBvAHIAZwBlACAAMgAuADAAIAA6ACAAYwBoAGUAdgByAG8AbgAgADoAIAAxADAALQA2AC0AMgAwADEAMwAARm9udEZvcmdlIDIuMCA6IGNoZXZyb24gOiAxMC02LTIwMTMAAGMAaABlAHYAcgBvAG4AAGNoZXZyb24AAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAVmVyc2lvbiAxLjAAAGMAaABlAHYAcgBvAG4AAGNoZXZyb24AAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAQACAQIBAwd1bmlGMDAwB3VuaUYwNTQAAAAB//8AAgABAAAADgAAABgAAAAAAAIAAQADAAQAAQAEAAAAAgAAAAAAAQAAAADMPaLPAAAAAM3bqQUAAAAAzdupBQ==) format('truetype');
1.594 + font-weight: normal;
1.595 + font-style: normal;
1.596 +}
1.597 +
1.598 +#afui .chevron {
1.599 + font-family: 'chevron';
1.600 + speak: none;
1.601 + font-style: normal;
1.602 + font-weight: normal;
1.603 + font-variant: normal;
1.604 + text-transform: none;
1.605 + line-height: 1;
1.606 + -webkit-font-smoothing: antialiased;
1.607 +}
1.608 +#afui .chevron:before {
1.609 + content: "\f054";
1.610 +}
1.611 +
1.612 +#afui .chevron.left {
1.613 + -webkit-transform:rotate(180deg);
1.614 + transform:rotate(180deg);
1.615 +}
1.616 +
1.617 +
1.618 +@media handheld, only screen and (min-width: 768px) {
1.619 + #afui .footer.hasMenu.splitview, #afui .header.hasMenu.splitview, #afui #content.hasMenu.splitview {
1.620 + position:relative;
1.621 + right:0px;
1.622 + margin-left:256px;
1.623 + -webkit-transition: transform 0ms;
1.624 + -webkit-transform:none;
1.625 + transition:transform 0ms;
1.626 + transform:none ;
1.627 + width: -webkit-calc(100% - 256px);
1.628 + width: calc(100% - 256px);
1.629 + }
1.630 +
1.631 + #afui > #aside_menu.splitview {
1.632 + width:256px;
1.633 + }
1.634 +
1.635 +
1.636 + #afui > #menu.tabletMenu.splitview {
1.637 + z-index:1;
1.638 + width:256px;
1.639 + bottom:0;
1.640 + height:100% ;
1.641 + display:block;
1.642 + position:absolute ; top:0;
1.643 + left:0px;
1.644 + -webkit-transform:none;
1.645 + -webkit-transition:none;
1.646 + transform:none;
1.647 + transition:none;
1.648 + }
1.649 +
1.650 + #afui .splitview .menuButton { display:none; }
1.651 +}
1.652 +
1.653 +@media print {
1.654 + body {
1.655 + overflow:visible;
1.656 + }
1.657 + #afui #content{
1.658 + overflow: visible;
1.659 + left:0;
1.660 + }
1.661 + #afui {
1.662 + overflow:visible;
1.663 + }
1.664 + #afui .panel {
1.665 + overflow-x:visible !important;
1.666 + overflow-y:visible !important;
1.667 + overflow:visible !important;
1.668 + }
1.669 +}
1.670 +
1.671 +/* blue #0190d6
1.672 +
1.673 + */
1.674 +
1.675 +@-ms-viewport {
1.676 + width: device-width;
1.677 +}
1.678 +
1.679 +#afui {
1.680 + background:white;
1.681 + color:#53575E;
1.682 +}
1.683 +
1.684 +#afui .header{
1.685 + background:#0088D1;
1.686 + border:none;
1.687 + border-bottom:1px solid #0088D1;
1.688 + color:white;
1.689 +}
1.690 +
1.691 +#afui .header h1 {
1.692 + text-shadow:none;
1.693 + width:45%;
1.694 +}
1.695 +
1.696 +#afui .backButton {
1.697 + background:rgba(249,249,249,1);
1.698 + color:#fff;
1.699 + display: block;
1.700 + position: absolute;
1.701 + line-height:44px;
1.702 + left: 25px;
1.703 + text-overflow: ellipsis;
1.704 + font-size: 14px;
1.705 + padding:0;
1.706 + text-shadow: none;
1.707 + background-color: transparent;
1.708 + border:none;
1.709 + border-color:transparent;
1.710 + height: 44px;
1.711 + top:0;
1.712 + border-radius:0;
1.713 + box-shadow:none;
1.714 + margin: 0;
1.715 + padding-left: 0;
1.716 + text-align: center;
1.717 + width:50px;
1.718 + padding:0 !important;
1.719 + margin:0 !important;
1.720 +}
1.721 +
1.722 +#afui .backButton::before {
1.723 + z-index: -1;
1.724 + font-size:22px;
1.725 + position: absolute;
1.726 + top: 10px;
1.727 + left: -20px;
1.728 + text-align: center;
1.729 + border-radius:0;
1.730 + border: none;
1.731 + border-color:transparent;
1.732 + box-shadow: none;
1.733 + -webkit-transform: none;
1.734 + transform: none;
1.735 + font-family: 'chevron';
1.736 + speak: none;
1.737 + font-style: normal;
1.738 + font-weight: normal;
1.739 + font-variant: normal;
1.740 + text-transform: none;
1.741 + line-height: 1;
1.742 + -webkit-font-smoothing: antialiased;
1.743 + content: "\f054";
1.744 + -webkit-transform:rotate(180deg);
1.745 + transform:rotate(180deg);
1.746 + background-color: transparent;
1.747 +}
1.748 +
1.749 +#afui header .backButton {
1.750 + position:absolute;
1.751 +}
1.752 +
1.753 +#afui .footer {
1.754 + background:#0088D1;
1.755 + border:none;
1.756 + border-top:1px solid #0088D1;
1.757 + box-shadow:none;
1.758 +}
1.759 +
1.760 +#afui footer>a:not(.button) {
1.761 +
1.762 +}
1.763 +
1.764 +#afui footer>a.pressed:not(.button) {
1.765 + border-radius:0;
1.766 + background:#00AEEF;
1.767 +}
1.768 +
1.769 +#afui footer>a.icon.pressed:not(.button):before {
1.770 + color:inherit;
1.771 +}
1.772 +
1.773 +#afui .af-badge {
1.774 + border:none;
1.775 +}
1.776 +
1.777 +#afui .list {
1.778 + background:inherit;
1.779 + color:inherit;
1.780 + border-color:#303030;
1.781 + font-weight:normal;
1.782 +}
1.783 +
1.784 +#afui .af-badge {
1.785 + box-shadow:none;
1.786 +}
1.787 +
1.788 +#afui .list .divider { color:black; }
1.789 +
1.790 +#afui .panel, #afui #modalContainer, #afui #modal {
1.791 + color:inherit;
1.792 + background:inherit;
1.793 +}
1.794 +
1.795 +#afui .panel h2 { color:#0088D1;}
1.796 +
1.797 +#afui .collapsed:after {border-top: 6px solid;}
1.798 +#afui .collapsed:before {border:2px solid;}
1.799 +#afui .expanded:after {border-bottom: 6px solid;}
1.800 +#afui .expanded:before {border:2px solid;}
1.801 +
1.802 +#afui .collapsed:before,#afui .expanded:before {
1.803 + border-color: inherit;
1.804 +}
1.805 +
1.806 +#afui .collapsed:after, #afui .expanded:after{
1.807 + border-top-color:inherit;
1.808 + border-top-color:inherit;
1.809 +}
1.810 +
1.811 +#afui select, #afui textarea, #afui input[type="text"],
1.812 +#afui input[type=search], #afui input[type="password"],
1.813 +#afui input[type="datetime"], #afui input[type="datetime-local"],
1.814 +#afui input[type="date"], #afui input[type="month"],
1.815 +#afui input[type="time"], #afui input[type="week"],
1.816 +#afui input[type="number"], #afui input[type="email"],
1.817 +#afui input[type="url"], #afui input[type="tel"],
1.818 +#afui input[type="color"], #afui .input-group {
1.819 + background:inherit;
1.820 + color:inherit;
1.821 +}
1.822 +
1.823 +#afui input.toggle+label:after { color:inherit; }
1.824 +
1.825 +#afui input.toggle+label { border-radius:0; }
1.826 +
1.827 +#afui input.toggle+label > span {
1.828 + border-radius:0;
1.829 + top:0;
1.830 + width:27px;
1.831 + height:23px;
1.832 +}
1.833 +
1.834 +#afui label { color:inherit; }
1.835 +
1.836 +#afui input[type="radio"]:checked+label:before,#afui input[type="checkbox"]:checked+label:before {
1.837 + background: #33B5E5;
1.838 +}
1.839 +
1.840 +#afui > #aside_menu,
1.841 +#afui > #menu.tabletMenu {
1.842 + color:white;
1.843 + background:#00AEEF;
1.844 + border-right:1px solid #006BA4;
1.845 +}
1.846 +
1.847 +#afui #aside_menu .list li,#afui #aside_menu .list .divider,#afui #aside_menu .list li:last-child,
1.848 +#afui #menu .list li,#afui #menu .list .divider,#afui #menu .list li:last-child {
1.849 + border-color: #4CC6F4;
1.850 +}
1.851 +
1.852 +#afui #aside_menu .list .divider,
1.853 +#afui #menu .list .divider {
1.854 + background:#0088D1;
1.855 + color:inherit;
1.856 + font-size: 1em;
1.857 +}
1.858 +
1.859 +#afui #aside_menu .list > li > a,
1.860 +#afui #menu .list > li > a {
1.861 + background:inherit;
1.862 + color:inherit;
1.863 + font-size: 1em;
1.864 +}
1.865 +
1.866 +#afui #aside_menu .list,
1.867 +#afui #menu .list {
1.868 + font-weight: normal;
1.869 +}
1.870 +
1.871 +#afui .button {
1.872 + border-radius:0;
1.873 + text-shadow:none;
1.874 +}
1.875 +
1.876 +#afui .list > li > a:after{
1.877 + color:#0088D1;
1.878 +}
1.879 +
1.880 +#afui .button.pressed {
1.881 +
1.882 +}
1.883 +
1.884 +#afui .button.previous {
1.885 + border:none;
1.886 +}
1.887 +
1.888 +#afui .button.next {
1.889 + border:none;
1.890 +}
1.891 +
1.892 +#afui .button.previous::after {
1.893 + color:black;
1.894 + z-index: -1;
1.895 + font-size:22px;
1.896 + position: absolute;
1.897 + top: 2px;
1.898 + left: -25px;
1.899 + text-align: center;
1.900 + border-radius:0;
1.901 + border: none;
1.902 + border-color:transparent;
1.903 + box-shadow: none;
1.904 + -webkit-transform: none;
1.905 + transform: none;
1.906 + font-family: 'chevron';
1.907 + speak: none;
1.908 + font-style: normal;
1.909 + font-weight: normal;
1.910 + font-variant: normal;
1.911 + text-transform: none;
1.912 + line-height: 1;
1.913 + -webkit-font-smoothing: antialiased;
1.914 + content: "\f054";
1.915 + -webkit-transform:rotate(180deg);
1.916 + transform:rotate(180deg);
1.917 + background-color: transparent;
1.918 +}
1.919 +
1.920 +#afui .button.next::after {
1.921 + color:black;
1.922 + z-index: -1;
1.923 + font-size:22px;
1.924 + position: absolute;
1.925 + top: 6px;
1.926 + right: -25px;
1.927 + text-align: center;
1.928 + border-radius:0;
1.929 + border: none;
1.930 + border-color:transparent;
1.931 + box-shadow: none;
1.932 + -webkit-transform: none;
1.933 + transform: none;
1.934 + font-family: 'chevron';
1.935 + speak: none;
1.936 + font-style: normal;
1.937 + font-weight: normal;
1.938 + font-variant: normal;
1.939 + text-transform: none;
1.940 + line-height: 1;
1.941 + -webkit-font-smoothing: antialiased;
1.942 + content: "\f054";
1.943 + background-color: transparent;
1.944 +}
1.945 +
1.946 +#afui .afPopup {
1.947 + border: solid 1px #33B5E5;
1.948 + -webkit-border-radius: 5px;
1.949 + border-radius: 5px;
1.950 + background:inherit;
1.951 + color:inherit;
1.952 +}
1.953 +
1.954 +#afui .afPopup>FOOTER>A{
1.955 + width: 120px;
1.956 +}
1.957 +
1.958 +#afui #af_actionsheet {
1.959 + background:#0190d6;
1.960 + color:inherit;
1.961 +}
1.962 +
1.963 +#afui #af_actionsheet a{
1.964 + border-radius:0;
1.965 + -webkit-border-radius:0;
1.966 + color:black;
1.967 + background:white;
1.968 + border:none;
1.969 + text-shadow:none;
1.970 +}
1.971 +
1.972 +#afui .list {
1.973 + margin: 0px;
1.974 + padding: 0px;
1.975 + margin-bottom: 10px;
1.976 + list-style: none;
1.977 + background-color: #fff;
1.978 + box-sizing: border-box;
1.979 + -webkit-box-sizing: border-box;
1.980 +
1.981 +}
1.982 +#afui .list li {
1.983 + display: block;
1.984 + list-style: none;
1.985 + position: relative;
1.986 + padding: 20px 20px 20px 10px;
1.987 + border-bottom: 1px solid #ccc;
1.988 +}
1.989 +#afui .list li:first-child {
1.990 + border-top: 1px solid #ccc;
1.991 +}
1.992 +#afui .list > li > a {
1.993 + display: block;
1.994 + position: relative;
1.995 + display: block;
1.996 + color: inherit;
1.997 + margin: -20px -20px -20px -10px;
1.998 + text-decoration: none;
1.999 + padding: 20px 20px 20px 10px;
1.1000 +}
1.1001 +#afui .list a .af-badge {
1.1002 + position: absolute;
1.1003 + right: 30px;
1.1004 + top: 48%;
1.1005 + margin-top: -10px;
1.1006 +}
1.1007 +#afui .list > li > a:after {
1.1008 + position: absolute;
1.1009 + right: 8px;
1.1010 + font-family: 'chevron';
1.1011 + speak: none;
1.1012 + font-style: normal;
1.1013 + font-weight: normal;
1.1014 + font-variant: normal;
1.1015 + text-transform: none;
1.1016 + line-height: 1;
1.1017 + -webkit-font-smoothing: antialiased;
1.1018 + content: "\f054";
1.1019 + top: 50%;
1.1020 + margin-top: -0.5em;
1.1021 + color:inherit;
1.1022 +}
1.1023 +#afui .list .divider {
1.1024 + position: relative;
1.1025 + top: -1px;
1.1026 + padding-top: 6px;
1.1027 + padding-bottom: 6px;
1.1028 + font-size: 12px;
1.1029 + font-weight: bold;
1.1030 + line-height: 18px;
1.1031 + background-color: #dfe0e2;
1.1032 + border-top: 1px solid #ccc;
1.1033 + border-bottom: 1px solid #ccc;
1.1034 + box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4);
1.1035 + padding-right: 60px;
1.1036 +}
1.1037 +#afui .list.inset {
1.1038 + border: 1px solid #ccc;
1.1039 + border-radius: 6px;
1.1040 + margin: 10px;
1.1041 +}
1.1042 +#afui .list.inset li:first-child {
1.1043 + border-top: none;
1.1044 +}
1.1045 +#afui .list.inset li:last-child {
1.1046 + border-bottom: none;
1.1047 +}
1.1048 +#afui select,
1.1049 +#afui textarea,
1.1050 +#afui input[type="text"],
1.1051 +#afui input[type=search],
1.1052 +#afui input[type="password"],
1.1053 +#afui input[type="datetime"],
1.1054 +#afui input[type="datetime-local"],
1.1055 +#afui input[type="date"],
1.1056 +#afui input[type="month"],
1.1057 +#afui input[type="time"],
1.1058 +#afui input[type="week"],
1.1059 +#afui input[type="number"],
1.1060 +#afui input[type="email"],
1.1061 +#afui input[type="url"],
1.1062 +#afui input[type="tel"],
1.1063 +#afui input[type="color"],
1.1064 +#afui .input-group {
1.1065 + width: 100%;
1.1066 + height: 40px;
1.1067 + padding: 10px;
1.1068 + margin-bottom: 10px;
1.1069 + background: #fff;
1.1070 + border: 1px solid #ccc;
1.1071 + border-radius: 5px;
1.1072 + font-size: 14px;
1.1073 + font-weight: normal;
1.1074 + -webkit-appearance: none;
1.1075 + box-sizing: border-box;
1.1076 +}
1.1077 +#afui form {
1.1078 + position: relative;
1.1079 +}
1.1080 +#afui input[type="radio"],
1.1081 +#afui input[type="checkbox"] {
1.1082 + display: none;
1.1083 +}
1.1084 +#afui input[type="radio"] + label,
1.1085 +#afui input[type="checkbox"] + label {
1.1086 + display: inline-block;
1.1087 + width: 60%;
1.1088 + float: right;
1.1089 + position: relative;
1.1090 + text-align: left;
1.1091 + padding: 10px 0 0 0;
1.1092 +}
1.1093 +#afui input[type="radio"]:not(.toggle) + label:before {
1.1094 + background-color: #fafafa;
1.1095 + border: 1px solid #cacece;
1.1096 + border-radius: 50px;
1.1097 + display: block;
1.1098 + position: absolute;
1.1099 + width: 1.3em;
1.1100 + height: 1.3em;
1.1101 + content: '';
1.1102 + margin-right: 5px;
1.1103 + top: 8px;
1.1104 + margin-left: -25px;
1.1105 +}
1.1106 +#afui input[type="radio"]:checked + label:before {
1.1107 + background-color: #000000;
1.1108 +}
1.1109 +#afui input[type="checkbox"] + label:before {
1.1110 + background-color: #fafafa;
1.1111 + border: 1px solid #cacece;
1.1112 + border-radius: 3px;
1.1113 + display: block;
1.1114 + position: absolute;
1.1115 + top: 8px;
1.1116 + left: -25px;
1.1117 + width: 1.3em;
1.1118 + height: 1.3em;
1.1119 + content: " ";
1.1120 +}
1.1121 +#afui input[type="checkbox"]:checked + label:before {
1.1122 + content: '\00a0\2714';
1.1123 + padding: 0px;
1.1124 + display: inline-block;
1.1125 +}
1.1126 +#afui input[type="radio"]:after,
1.1127 +#afui input[type="checkbox"]:after {
1.1128 + visibility: hidden;
1.1129 + display: block;
1.1130 + font-size: 0;
1.1131 + content: " ";
1.1132 + clear: both;
1.1133 + height: 0;
1.1134 +}
1.1135 +#afui input[type="search"] {
1.1136 + border-radius: 20px;
1.1137 +}
1.1138 +#afui label {
1.1139 + float: left;
1.1140 + width: 33%;
1.1141 + font-weight: normal;
1.1142 + font-size: 14px;
1.1143 + color: inherit;
1.1144 + text-align: right;
1.1145 + padding: 11px 6px;
1.1146 +}
1.1147 +#afui label + select,
1.1148 +#afui label + input[type="radio"],
1.1149 +#afui label + input[type="checkbox"] label + textarea,
1.1150 +#afui label + input[type="text"],
1.1151 +#afui label + input[type=search],
1.1152 +#afui label + input[type="password"],
1.1153 +#afui label + input[type="datetime"],
1.1154 +#afui label + input[type="datetime-local"],
1.1155 +#afui label + input[type="date"],
1.1156 +#afui label + input[type="month"],
1.1157 +#afui label + input[type="time"],
1.1158 +#afui label + input[type="week"],
1.1159 +#afui label + input[type="number"],
1.1160 +#afui label + input[type="email"],
1.1161 +#afui label + input[type="url"],
1.1162 +#afui label + input[type="tel"],
1.1163 +#afui label + input[type="color"],
1.1164 +#afui label + textarea {
1.1165 + width: 66%;
1.1166 +}
1.1167 +#afui textarea {
1.1168 + height: auto;
1.1169 +}
1.1170 +#afui .input-group {
1.1171 + width: auto;
1.1172 + height: auto;
1.1173 + padding: 12px;
1.1174 + overflow: hidden;
1.1175 +}
1.1176 +#afui .input-group input:not([type='button']):not([type='submit']),
1.1177 +#afui .input-group textarea,
1.1178 +#afui .input-group select {
1.1179 + margin-bottom: 0;
1.1180 + background-color: transparent;
1.1181 + border: 0;
1.1182 + border-bottom: 1px solid #ccc;
1.1183 + border-radius: 0;
1.1184 + box-shadow: none;
1.1185 +}
1.1186 +#afui .input-group input:not([type="submit"]):not([type="button"]):last-child,
1.1187 +#afui .input-group textarea:last-child,
1.1188 +#afui .input-group select:last-child {
1.1189 + border-bottom: none;
1.1190 +}
1.1191 +#afui .input-group input[type=button],
1.1192 +#afui .input-group input[type=submit] {
1.1193 + margin: 5px;
1.1194 +}
1.1195 +#afui input.toggle + label:before,
1.1196 +#afui input.toggle:checked + label:before {
1.1197 + content: attr(data-on);
1.1198 + position: absolute;
1.1199 + color: #fff;
1.1200 + left: 5px;
1.1201 + width: 42px;
1.1202 + text-align: left;
1.1203 + z-index: 3;
1.1204 + top: 3px;
1.1205 + overflow: hidden;
1.1206 + background-color: transparent;
1.1207 + border: none;
1.1208 + border-radius: 0px;
1.1209 + text-transform: uppercase;
1.1210 + display: none;
1.1211 +}
1.1212 +#afui input.toggle:checked + label:before {
1.1213 + display: block;
1.1214 +}
1.1215 +#afui input.toggle + label:after {
1.1216 + content: attr(data-off);
1.1217 + position: absolute;
1.1218 + color: #505050;
1.1219 + width: 42px;
1.1220 + text-align: left;
1.1221 + z-index: 1;
1.1222 + top: 2px;
1.1223 + left: 30px;
1.1224 + overflow: hidden;
1.1225 + background-color: transparent;
1.1226 + border: none;
1.1227 + border-radius: 0px;
1.1228 + text-transform: uppercase;
1.1229 +}
1.1230 +#afui input.toggle:checked + label:after {
1.1231 + display: none;
1.1232 +}
1.1233 +#afui input[type="radio"].toggle:checked + label:before {
1.1234 + line-height: 1.2em;
1.1235 +}
1.1236 +#afui input.toggle + label {
1.1237 + position: relative;
1.1238 + margin: 5px;
1.1239 + border-radius: 50px;
1.1240 + display: block;
1.1241 + height: 24px;
1.1242 + width: 65px;
1.1243 + border: 1px solid #ccc;
1.1244 + left: 33%;
1.1245 + float: none;
1.1246 +}
1.1247 +#afui input.toggle:checked + label {
1.1248 + background: #1eb0e9;
1.1249 + line-height: -1em;
1.1250 +}
1.1251 +#afui input.toggle + label > span {
1.1252 + display: block;
1.1253 + width: 28px;
1.1254 + height: 28px;
1.1255 + background: #ccc;
1.1256 + border-radius: 50px;
1.1257 + z-index: 5;
1.1258 + top: -2px;
1.1259 + left: 0px;
1.1260 + position: absolute;
1.1261 + transition: transform 100ms linear;
1.1262 + transform: translate3d(0, 0, 0);
1.1263 + -webkit-transform: translate3d(0, 0, 0);
1.1264 + -webkit-transition: -webkit-transform 100ms linear;
1.1265 +}
1.1266 +#afui input.toggle:checked + label > span {
1.1267 + transform: translate3d(37px, 0, 0);
1.1268 + -webkit-transform: translate3d(37px, 0, 0);
1.1269 +}
1.1270 +#afui .formGroupHead {
1.1271 + font-size: 18px;
1.1272 + font-weight: bold;
1.1273 + color: inherit;
1.1274 + margin: 16px 0 8px;
1.1275 +}
1.1276 +
1.1277 +
1.1278 +#afui input[type=button],
1.1279 +#afui input[type=submit], #afui button {
1.1280 + font-size:inherit;
1.1281 +}
1.1282 +#afui .button {
1.1283 + position:relative;
1.1284 + display:inline-block;
1.1285 + padding:8px 12px;
1.1286 + margin:8px 0;
1.1287 + font-weight:bold;
1.1288 + color:#000;
1.1289 + text-align:center;
1.1290 + vertical-align:top;
1.1291 + cursor:pointer;
1.1292 + background-color:#eee;
1.1293 + border:1px solid #666;
1.1294 + border-radius:6px;
1.1295 + /*box-shadow: 0 1px 0 #fff;*/
1.1296 +
1.1297 + text-decoration: none;
1.1298 + z-index:2;
1.1299 +}
1.1300 +
1.1301 +/* Active */
1.1302 +#afui .button.pressed { background:#fff; }
1.1303 +
1.1304 +#afui .button.previous {
1.1305 +
1.1306 + margin-left:16px;
1.1307 + padding-left:6px;
1.1308 + border-color:#666 #666 transparent transparent !important;
1.1309 +}
1.1310 +#afui .button.next {
1.1311 + border-color:#666 transparent #666 #666 !important;
1.1312 + margin-right:16px;
1.1313 + padding-right:6px;
1.1314 +}
1.1315 +
1.1316 +
1.1317 +#afui .button.previous::after {
1.1318 +
1.1319 + z-index:-1;
1.1320 + content:'';
1.1321 + position:absolute;
1.1322 + width:25px; height:25px;
1.1323 + background-color:inherit;
1.1324 + top:3px; left:-11px;
1.1325 + border-radius:5px;
1.1326 + border:1px solid;
1.1327 + border-color:transparent transparent inherit transparent;
1.1328 + -webkit-transform:rotate(45deg); transform:rotate(45deg);
1.1329 +}
1.1330 +#afui .button.next::after {
1.1331 + z-index:-1;
1.1332 + content:'';
1.1333 + position:absolute;
1.1334 + width:25px; height:25px;
1.1335 + background-color:inherit;
1.1336 + top:3px; right:-11px;
1.1337 + border-radius:5px;
1.1338 + border:1px solid;
1.1339 + border-color:transparent transparent transparent transparent;
1.1340 + -webkit-transform:rotate(45deg); transform:rotate(45deg);
1.1341 +}
1.1342 +
1.1343 +#afui .button.block { display:block; }
1.1344 +
1.1345 +#afui .button.flat {
1.1346 + border-radius: 0;
1.1347 + box-shadow:none;
1.1348 +}
1.1349 +
1.1350 +#afui .header .button-grouped>.button {
1.1351 + margin:0;
1.1352 + border-color:#fff;
1.1353 +}
1.1354 +
1.1355 +#afui .button-grouped {
1.1356 + display:inline-block;
1.1357 + margin: 5px;
1.1358 +}
1.1359 +#afui .button-grouped * {
1.1360 + border-radius:0px;
1.1361 + float:left;
1.1362 + border-left:0px solid transparent;
1.1363 + border-right: 1px solid #666;
1.1364 + border-bottom: 1px solid #666;
1.1365 + border-top: 1px solid #666;
1.1366 + margin:0;
1.1367 +}
1.1368 +#afui .button-grouped > .button:first-child {
1.1369 + border-left: 1px solid #666;
1.1370 + border-top-left-radius: 6px;
1.1371 + border-bottom-left-radius: 6px;
1.1372 +}
1.1373 +#afui .button-grouped > .button:last-child {
1.1374 + border-top-right-radius: 6px;
1.1375 + border-bottom-right-radius: 6px;
1.1376 +}
1.1377 +
1.1378 +#afui .button-grouped.flex {
1.1379 + display: -webkit-box;
1.1380 + display: -moz-box;
1.1381 + display: -ms-flexbox;
1.1382 + display: -webkit-flex;
1.1383 + display: flex;
1.1384 +}
1.1385 +
1.1386 +#afui .button-grouped.flex > .button {
1.1387 + -webkit-box-flex: 1;
1.1388 + -moz-box-flex: 1 auto;
1.1389 + -webkit-flex: 1 auto;
1.1390 + -ms-flex: 1 auto;
1.1391 + flex: 1 auto;
1.1392 +
1.1393 + white-space: nowrap;
1.1394 + overflow: hidden;
1.1395 + text-overflow: ellipsis;
1.1396 +}
1.1397 +
1.1398 +#afui .button-grouped.flex.vertical {
1.1399 + display: inline-block;
1.1400 +}
1.1401 +
1.1402 +#afui .button-grouped.vertical * {
1.1403 + border-radius:0px;
1.1404 + display:block;
1.1405 + float:none;
1.1406 + width:100%;
1.1407 + border-left: 1px solid #666;
1.1408 + border-right: 1px solid #666;
1.1409 + border-top: 1px solid #666;
1.1410 + border-bottom: 0px solid #666;
1.1411 +}
1.1412 +
1.1413 +#afui .button-grouped.vertical > .button:first-child {
1.1414 + border-top-left-radius: 6px;
1.1415 + border-top-right-radius: 6px;
1.1416 + border-bottom-left-radius:0px;
1.1417 + border-bottom-right-radius:0px;
1.1418 +}
1.1419 +#afui .button-grouped.vertical > .button:last-child {
1.1420 + border-top-right-radius:0px;
1.1421 + border-top-left-radius:0px;
1.1422 + border-bottom-right-radius: 6px;
1.1423 + border-bottom-left-radius: 6px;
1.1424 + border-bottom:1px solid #666;
1.1425 +}
1.1426 +
1.1427 +
1.1428 +#afui .button.gray {
1.1429 + background:#999;
1.1430 + border-color:#666;
1.1431 +}
1.1432 +
1.1433 +#afui .button.yellow {
1.1434 + background-color:#F1C222;
1.1435 + border-color:#999;
1.1436 +}
1.1437 +
1.1438 +#afui .button.red {
1.1439 + color:#fff;
1.1440 + text-shadow:0 -1px 0 #666;
1.1441 + background:#B20000;
1.1442 + border-color:#666;
1.1443 +}
1.1444 +
1.1445 +#afui .button.green {
1.1446 + color:#fff;
1.1447 + text-shadow:0 -1px 0 #666;
1.1448 + background:#009C0C;
1.1449 + border-color:#666;
1.1450 +}
1.1451 +
1.1452 +#afui .button.orange {
1.1453 + color:#fff;
1.1454 + text-shadow:0 -1px 0 #666;
1.1455 + background-color:#FF8000;
1.1456 + border-color:#666;
1.1457 +}
1.1458 +
1.1459 +#afui .button.black {
1.1460 + color:#fff;
1.1461 + text-shadow:none;
1.1462 + background:#000;
1.1463 + border-color:#666;
1.1464 +}
1.1465 +
1.1466 +#afui .button.slate {
1.1467 + color:#fff;
1.1468 + text-shadow:0 -1px 0 #000;
1.1469 + background:#171F28;
1.1470 + border-color:#666;
1.1471 +}
1.1472 +
1.1473 +#afui .header .button {
1.1474 + color: #fff;
1.1475 + background:none;
1.1476 + border-color: transparent;
1.1477 + font-size:12px;
1.1478 + padding:7px;
1.1479 + height:32px;
1.1480 + margin:5px;
1.1481 + text-overflow: ellipsis;
1.1482 + white-space: nowrap;
1.1483 +}
1.1484 +
1.1485 +.header .button.icon:before{
1.1486 + padding-left:6px;
1.1487 +}
1.1488 +
1.1489 +#afui .backButton {
1.1490 + text-overflow: ellipsis;
1.1491 + white-space: nowrap;
1.1492 +}
1.1493 +
1.1494 +#afui .af-badge {
1.1495 + position:absolute;
1.1496 + top:2px; right:2px;
1.1497 + display:inline-block;
1.1498 + min-width:20px; max-width:90%; height:20px;
1.1499 + padding:0 3px;
1.1500 + background-color:red;
1.1501 + border-radius:20px;
1.1502 +
1.1503 + font-size:12px;
1.1504 + line-height:19px;
1.1505 + font-weight:bold;
1.1506 +
1.1507 + color:#fff;
1.1508 + text-overflow:ellipsis;
1.1509 + text-align:center;
1.1510 + text-shadow:0 -1px 0 rgba(64,0,0,.6);
1.1511 +}
1.1512 +
1.1513 +#afui .af-badge.br { bottom:2px; right:2px; top:auto; left:auto; }
1.1514 +#afui .af-badge.bl { bottom:2px; left:2px; top:auto; right:auto; }
1.1515 +#afui .af-badge.tl { top:2px; left:2px; right:auto; bottom:auto; }
1.1516 +
1.1517 +
1.1518 +#afui .grid {
1.1519 + width: 100%;
1.1520 + overflow:hidden; /* hack to take up height*/
1.1521 +}
1.1522 +#afui .col2,
1.1523 +#afui .col3,
1.1524 +#afui .col1-3,
1.1525 +#afui .col2-3 {
1.1526 + float: none;
1.1527 + width: 100%;
1.1528 +}
1.1529 +#afui .grid:after {
1.1530 + content: '';
1.1531 + clear: both;
1.1532 +}
1.1533 +@media handheld, only screen and (min-width: 768px) {
1.1534 + #afui .col2 {
1.1535 + width: 50%;
1.1536 + float: left;
1.1537 + }
1.1538 + #afui .col3 {
1.1539 + width: 33.3%;
1.1540 + float: left;
1.1541 + }
1.1542 + #afui .col1-3 {
1.1543 + width: 33.3%;
1.1544 + float: left;
1.1545 + }
1.1546 + #afui .col2-3 {
1.1547 + width: 66.6%;
1.1548 + float: left;
1.1549 + }
1.1550 +}
1.1551 +/* Bg #33B5E5
1.1552 +
1.1553 +/* Font header #C6C6C6
1.1554 + * reg white-space:
1.1555 +
1.1556 + border 303030
1.1557 + hover : #111
1.1558 +
1.1559 + */
1.1560 +
1.1561 +#afui.android {
1.1562 + font:14px 'Roboto',sans-serif;
1.1563 + background:#000;
1.1564 + color:#fff;
1.1565 + border-color:#fff;
1.1566 +}
1.1567 +
1.1568 +#afui.android.light {
1.1569 + background:#FDFDFD;
1.1570 + color:#000;
1.1571 +}
1.1572 +
1.1573 +#afui.android .header {
1.1574 + background:inherit;
1.1575 + color:inherit;
1.1576 + border-color:#33B5E5;
1.1577 +}
1.1578 +
1.1579 +#afui.android .header .button {
1.1580 + color: inherit;
1.1581 + background:none;
1.1582 + font-size:14px;
1.1583 + box-shadow:none;
1.1584 +}
1.1585 +
1.1586 +#afui.android .backButton{
1.1587 + background: inherit;
1.1588 + color:inherit;
1.1589 +}
1.1590 +
1.1591 +#afui.android .menuButton:after {
1.1592 + border-color:white;
1.1593 +}
1.1594 +
1.1595 +#afui.android.light .menuButton:after {
1.1596 + border-color:black;
1.1597 +}
1.1598 +
1.1599 +#afui.android .footer {
1.1600 + box-shadow: none;
1.1601 + background:inherit;
1.1602 + border-top:2px solid #33B5E5;
1.1603 + border-bottom:none;
1.1604 + padding:0;
1.1605 +}
1.1606 +
1.1607 +#afui.android .footer>footer>a:not(.button) {
1.1608 + color:inherit;
1.1609 + top:0px;
1.1610 +}
1.1611 +
1.1612 +#afui.android .footer>footer>a.pressed:not(.button) {
1.1613 + border:0px;
1.1614 + border-top:4px solid #33B5E5;
1.1615 + border-radius:0px;
1.1616 + background:none;
1.1617 +}
1.1618 +
1.1619 +#afui.android .footer>footer>a.icon.pressed:not(.button):before {
1.1620 + color:inherit;
1.1621 +}
1.1622 +
1.1623 +#afui.android .af-badge {
1.1624 + border:none;
1.1625 +}
1.1626 +
1.1627 +#afui.android .panel, #afui.android #modalContainer {
1.1628 + background:inherit;
1.1629 + color:inherit;
1.1630 +}
1.1631 +
1.1632 +#afui.android .list {
1.1633 + background:inherit;
1.1634 + color:inherit;
1.1635 + border-color:#303030;
1.1636 +}
1.1637 +
1.1638 +#afui.android .list .divider { color:black; }
1.1639 +
1.1640 +#afui.android .panel h2 { color:inherit; }
1.1641 +
1.1642 +
1.1643 +#afui.android .collapsed:after {border-top: 6px solid;}
1.1644 +#afui.android .collapsed:before {border:2px solid;}
1.1645 +#afui.android .expanded:after {border-bottom: 6px solid;}
1.1646 +#afui.android .expanded:before {border:2px solid;}
1.1647 +
1.1648 +#afui.android .collapsed:before,#afui.android .expanded:before {
1.1649 + border-color: inherit;
1.1650 +}
1.1651 +
1.1652 +#afui.android .collapsed:after,
1.1653 +#afui.android .expanded:after{
1.1654 + border-top-color:inherit;
1.1655 + border-top-color:inherit;
1.1656 +}
1.1657 +
1.1658 +#afui.android .afScrollbar {background:white !important;}
1.1659 +#afui.android.light .afScrollbar {background:black !important;}
1.1660 +
1.1661 +#afui.android select, #afui.android textarea, #afui.android input[type="text"],
1.1662 +#afui.android input[type=search], #afui.android input[type="password"],
1.1663 +#afui.android input[type="datetime"], #afui.android input[type="datetime-local"],
1.1664 +#afui.android input[type="date"], #afui.android input[type="month"],
1.1665 +#afui.android input[type="time"], #afui.android input[type="week"],
1.1666 +#afui.android input[type="number"], #afui.android input[type="email"],
1.1667 +#afui.android input[type="url"], #afui.android input[type="tel"],
1.1668 +#afui.android input[type="color"], #afui.android .input-group {
1.1669 + background:inherit;
1.1670 + color:inherit;
1.1671 +}
1.1672 +
1.1673 +#afui.android input[type="range"] {
1.1674 + -webkit-appearance: none;
1.1675 +background-color: #ccc;
1.1676 +height: 4px;
1.1677 +position: relative;
1.1678 +top: -10px;
1.1679 +margin-top: 15px;
1.1680 +}
1.1681 +
1.1682 +#afui.android input[type="range"]::-webkit-slider-thumb {
1.1683 + -webkit-appearance: none;
1.1684 + position: relative;
1.1685 +
1.1686 + z-index: 1;
1.1687 + width: 11px;
1.1688 + height: 21px;
1.1689 +
1.1690 + -webkit-border-radius: 0;
1.1691 + -moz-border-radius: 0;
1.1692 + border-radius: 0;
1.1693 + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#ccc));
1.1694 + background-image: gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#ccc));
1.1695 +}
1.1696 +
1.1697 +#afui.android input.toggle+label:after { color:inherit; }
1.1698 +
1.1699 +#afui.android input.toggle+label { border-radius:0; }
1.1700 +
1.1701 +#afui.android input.toggle+label > span {
1.1702 + border-radius:0;
1.1703 + top:0;
1.1704 + width:27px;
1.1705 + height:23px;
1.1706 +}
1.1707 +
1.1708 +#afui.android label { color:inherit; }
1.1709 +
1.1710 +#afui.android input[type="radio"]:checked+label:before,#afui.android input[type="checkbox"]:checked+label:before {
1.1711 + background: #33B5E5;
1.1712 +}
1.1713 +
1.1714 +#afui.android > #aside_menu,
1.1715 +#afui.android > #menu {
1.1716 + border-right:1px solid rgba(128,128,128,0.5);
1.1717 + color:inherit;
1.1718 + background:inherit;
1.1719 +}
1.1720 +
1.1721 +#afui.android #aside_menu .list li,
1.1722 +#afui.android #menu .list li {
1.1723 + box-shadow:none;
1.1724 + border-color:#ccc;
1.1725 +}
1.1726 +
1.1727 +#afui.android #aside_menu .list .divider,
1.1728 +#afui.android #menu .list .divider {
1.1729 + background:inherit;
1.1730 + color:inherit;
1.1731 + font-size: 1em;
1.1732 +}
1.1733 +
1.1734 +#afui.android #aside_menu .list > li > a,
1.1735 +#afui.android #menu .list > li > a {
1.1736 + background:inherit;
1.1737 + color:inherit;
1.1738 + font-size: 1em;
1.1739 +}
1.1740 +
1.1741 +#afui.android #aside_menu .list,
1.1742 +#afui.android #menu .list {
1.1743 + font-weight: normal;
1.1744 +}
1.1745 +
1.1746 +#afui.android .button {
1.1747 + border-radius:0;
1.1748 + border:none;
1.1749 + background:#424343;
1.1750 + border-color:transparent;
1.1751 + color:inherit;
1.1752 + text-shadow:none;
1.1753 + box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
1.1754 +}
1.1755 +
1.1756 +#afui.android.light .button {
1.1757 + background:#eee;
1.1758 + border-color:#D1D1D1;
1.1759 +}
1.1760 +
1.1761 +#afui.android .button.pressed,
1.1762 +#afui.android .header .button-grouped > .button.pressed {
1.1763 + background:#33B5E5;
1.1764 + border-color:#33B5E5;
1.1765 +}
1.1766 +
1.1767 +#afui.android .button.previous::after {
1.1768 + width:20px; height:20px;
1.1769 + background-color:inherit;
1.1770 + top:5px; left:-12px;
1.1771 + border-radius:0;
1.1772 + box-shadow:none;
1.1773 + border-color:transparent;
1.1774 +}
1.1775 +
1.1776 +#afui.android .button.next::after {
1.1777 + width:20px; height:20px;
1.1778 + background-color:inherit;
1.1779 + top:5px; right:-12px;
1.1780 + border-radius:0;
1.1781 + box-shadow:none;
1.1782 + border-color:transparent;
1.1783 +}
1.1784 +
1.1785 +#afui.android .header .button-grouped > .button {
1.1786 + border-color:#777;
1.1787 +}
1.1788 +
1.1789 +#afui.android .button-grouped * {
1.1790 + border:1px solid rgba(255,255,255,.25);
1.1791 + border-left-width:0;
1.1792 + box-shadow:none;
1.1793 +}
1.1794 +
1.1795 +#afui.android .button-grouped.vertical * {
1.1796 + border-left:1px solid rgba(255,255,255,.25);
1.1797 + border-bottom-width:0;
1.1798 +}
1.1799 +
1.1800 +#afui.android .button-grouped.vertical .button:last-child {
1.1801 + border-bottom:1px solid rgba(255,255,255,.25);
1.1802 +}
1.1803 +
1.1804 +#afui.android .afPopup {
1.1805 + border: solid 1px #aaa;
1.1806 + padding: 0;
1.1807 + -webkit-border-radius: 0;
1.1808 + border-radius: 0;
1.1809 + -webkit-transform:none;
1.1810 + transform:none;
1.1811 + -webkit-transition: none;
1.1812 + transition:none;
1.1813 + background:inherit;
1.1814 + background-color:rgba(0,0,0,0.9);
1.1815 + color:inherit;
1.1816 +}
1.1817 +
1.1818 +#afui.android.light .afPopup {
1.1819 + background-color:rgba(255,255,255,0.9);
1.1820 +}
1.1821 +
1.1822 +#afui.android .afPopup>HEADER{
1.1823 + font-weight:normal;
1.1824 + font-size:20px;
1.1825 + text-align:left;
1.1826 + padding:10px;
1.1827 +}
1.1828 +
1.1829 +#afui.android .afPopup>DIV{
1.1830 + font-size:14px;
1.1831 + text-align:left;
1.1832 + padding:10px;
1.1833 + margin:0;
1.1834 + border-top: solid 1px #aaa;
1.1835 + border-bottom: solid 1px #aaa;
1.1836 +}
1.1837 +
1.1838 +#afui.android .afPopup>FOOTER {
1.1839 + background:#bbb;
1.1840 +}
1.1841 +
1.1842 +#afui.android .afPopup>FOOTER>A, #afui.android.light .afPopup>FOOTER>A {
1.1843 + background:#fff;
1.1844 + color:#111;
1.1845 +}
1.1846 +
1.1847 +#afui.android .afPopup>FOOTER>A#cancel{
1.1848 + margin-left:10px;
1.1849 + width:120px;
1.1850 +}
1.1851 +
1.1852 +#afui.android .afPopup>FOOTER>A#action{
1.1853 + margin-right:10px;
1.1854 + width:120px;
1.1855 +}
1.1856 +
1.1857 +#afui.android .afPopup>FOOTER>A.center{
1.1858 + margin:8px;
1.1859 +}
1.1860 +
1.1861 +#afui.android #af_actionsheet {
1.1862 + border: #666 1px solid;
1.1863 + border-top: #33B5E5 3px solid;
1.1864 + background:#555;
1.1865 + color:inherit;
1.1866 + margin:-20px 20px 0 20px;
1.1867 + padding:0px;
1.1868 +}
1.1869 +
1.1870 +#afui.android.light #af_actionsheet {
1.1871 + border: #bbb 1px solid;
1.1872 + border-top: #33B5E5 3px solid;
1.1873 + background:#bbb;
1.1874 +}
1.1875 +
1.1876 +#afui.android #af_actionsheet a{
1.1877 + border-radius:0;
1.1878 + -webkit-border-radius:0;
1.1879 + border:0px solid #777;
1.1880 + background:#424343;
1.1881 + color:inherit;
1.1882 + line-height: 50px;
1.1883 + margin-bottom: 1px;
1.1884 +}
1.1885 +
1.1886 +#afui.android.light #af_actionsheet a{
1.1887 + background:#fff;
1.1888 +}
1.1889 +
1.1890 +#afui.android #af_actionsheet a.cancel{
1.1891 + margin-bottom: 0px;
1.1892 +}
1.1893 +
1.1894 +/* Bg #00ABA9
1.1895 +
1.1896 +/* Font header #C6C6C6
1.1897 + * reg white-space:
1.1898 +
1.1899 + border 303030
1.1900 + hover : #111
1.1901 +
1.1902 + */
1.1903 +@-ms-viewport{
1.1904 + width: device-width;
1.1905 +}
1.1906 +@font-face {
1.1907 + font-family: 'win8back';
1.1908 + src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRk9UVE8AAARUAAsAAAAABmgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAS4AAAGZpdvO1kZGVE0AAAI4AAAAGgAAABxnmGDwR0RFRgAAAlQAAAAdAAAAIAAwAARPUy8yAAACdAAAAEsAAABgL9zcQGNtYXAAAALAAAAAOgAAAVLgE/LMaGVhZAAAAvwAAAAuAAAANvx5/t1oaGVhAAADLAAAAB4AAAAkBBD/5GhtdHgAAANMAAAADAAAAAwEAAACbWF4cAAAA1gAAAAGAAAABgADUABuYW1lAAADYAAAAOgAAAGPgxEkPHBvc3QAAARIAAAADAAAACAAAwAAeJxtTj1PAkEUnD0WQbwAEomYnEdlDxbGQu0Ua+2sULFAEhIEY0WiNJisITE5G2lo6Iw1/gULKxMTSypLCz+2UMe7A6+ymTczb2bfCkgJIcTkSbm6vLe7X4EwILCm5w1th3RGKjOkTGnHMLedolIBMSOqoh3dCFtoJSwgaaE9bSFqicsUpPdGFAnMIntcLa/ncjl3bLjj70xwDhBtcY6Q1zDwIRD/dPRRmrgo3BK1wRbZcRnrHqsH8h/PD49qQTfwsvyxTyGJZt8mDp6HY/Bls18krxf8RY9s7Qw96HlecQy+9BajiB92a1nyceWGYuL7zf3yw5RB3oWeyPz72QRxeL9KXi1Jstt9UWRtkCQ6m3kXCq8eWyRKpYwKx5VuyC9HO5G4dmZUWpmxXzJhtKEAAHicY2BgYGQAgjO2i86D6LNr4wVgNABJKQZOAAB4nGNgZGBg4ANiCQYQYGJgBEIQyQLmMQAABGAANQAAAHicY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwMjPAgQCCyRCQ5prC4PCA4QMD44P/Dxj0GB8wKDQwMDDCFSgAISMAEEIMHwB4nGNgYGBmgGAZBkYGEPAB8hjBfBYGAyDNAYRMIIkHDB8Y/v9HZikwCjBBdYEBIxsDMndEAgDJXAiuAAB4nGNgZGBgAGK+Bx4V8fw2Xxm4mRhA4OzaeAEE/f8BEwPjAyCXgwEsDQAU3gn7AAB4nGNgZGBgfPD/AYMeEwMDwz8GIAkUQQHMAG3nA/YAAAIAAAACAAACAAAAAAAAUAAAAwAAeJx9jjFOw0AQRZ8TJ4BACFHQ0KxEiWzZRomiHMAHSJHeiVaWRWRLm0QpuActZ6DlGByAM3AEvsPQUGSl0b79+2fmA1e8EtGfiHNujQec8Wg85IEX41ied+MRl3waj6V/yxnFF1Jujl09D7jm3nhIyZNxLM+b8Yg7PozH0r840NAyY0XFmmc4NO1sVa1FCzw1ezb6Cnr6er+pBCWdWnbHO8jhcRSkZLrnqv8jf9UpCRNVIV+ucJRduyu7UHtXpJmbu7/FwmkySYosl+lEvKUWB7Yy9HGchvYRWPqwbbrW5Wl2qv0H0Z06yHicY2BmwAsAAH0ABA==) format('woff'),
1.1909 + url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTWeYYPAAAAWMAAAAHEdERUYAMgAGAAAFbAAAACBPUy8yL7rcHwAAAVgAAABWY21hcOAV89MAAAHEAAABUmdhc3D//wADAAAFZAAAAAhnbHlmEDC/5gAAAyQAAAB0aGVhZPx5/t0AAADcAAAANmhoZWEEEP/mAAABFAAAACRobXR4BKoAAgAAAbAAAAAUbG9jYQAsADoAAAMYAAAADG1heHAASgAcAAABOAAAACBuYW1lgxEkPAAAA5gAAAGPcG9zdJtVPjcAAAUoAAAAPAABAAAAAQAAWPDPKV8PPPUACwIAAAAAAM2tXxAAAAAAza1fEAAA/+ACAAHgAAAACAACAAAAAAAAAAEAAAHg/+AALgIAAAD+AAIAAAEAAAAAAAAAAAAAAAAAAAAFAAEAAAAFABkAAwAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQMAAAAAAAAAAAAAEAAAAAAAAAAAAAAAUGZFZABA4ADwAAHg/+AALgHgACCAAAABAAAAAAAAAgAAAAAAAAAAqgAAAgAAAgAAAAAAAAADAAAAAwAAABwAAQAAAAAATAADAAEAAAAcAAQAMAAAAAgACAACAAAAAOAA8AD//wAAAADgAPAA//8AACADEAQAAQAAAAAAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALAA6AAMAAv/iAf4B3gAHAA8AGAAAACIGFBYyNjQCIiY0NjIWFCU3IwcXMyczNQFp0pWV0pWgvIaGvIb+8Gtkj49ka84B3pXSlZXS/rOGvIaGvIFrjo5rRgAAAAABAAD/4AIAAeAAAgAAEQEhAgD+AAHg/gAAAAAAAAAMAJYAAQAAAAAAAQAIABIAAQAAAAAAAgAHACsAAQAAAAAAAwAjAHsAAQAAAAAABAAIALEAAQAAAAAABQALANIAAQAAAAAABgAIAPAAAwABBAkAAQAQAAAAAwABBAkAAgAOABsAAwABBAkAAwBGADMAAwABBAkABAAQAJ8AAwABBAkABQAWALoAAwABBAkABgAQAN4AdwBpAG4AOABiAGEAYwBrAAB3aW44YmFjawAAUgBlAGcAdQBsAGEAcgAAUmVndWxhcgAARgBvAG4AdABGAG8AcgBnAGUAIAAyAC4AMAAgADoAIAB3AGkAbgA4AGIAYQBjAGsAIAA6ACAANgAtADUALQAyADAAMQAzAABGb250Rm9yZ2UgMi4wIDogd2luOGJhY2sgOiA2LTUtMjAxMwAAdwBpAG4AOABiAGEAYwBrAAB3aW44YmFjawAAVgBlAHIAcwBpAG8AbgAgADEALgAwAABWZXJzaW9uIDEuMAAAdwBpAG4AOABiAGEAYwBrAAB3aW44YmFjawAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAEAAgECAQMHdW5pRTAwMAd1bmlGMDAwAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAEAAEABAAAAAIAAAAAAAEAAAAAzD2izwAAAADNrV8QAAAAAM2tXxA=) format('truetype');
1.1910 + font-weight: normal;
1.1911 + font-style: normal;
1.1912 +}
1.1913 +
1.1914 +
1.1915 +#afui.win8 {
1.1916 + font:14px "Segoe UI Semilight", "HelveticaNeue-light", Helvetica, Arial, sans-serif;
1.1917 + font-size:14px;
1.1918 + background-color:#000;
1.1919 + color:#fff;
1.1920 +}
1.1921 +
1.1922 +#afui.win8.light {
1.1923 + background:#fff;
1.1924 + color:#000;
1.1925 +}
1.1926 +
1.1927 +#afui.win8 .header .button {
1.1928 + color: inherit;
1.1929 + border-color:transparent;
1.1930 + font-size:14px;
1.1931 +}
1.1932 +
1.1933 +
1.1934 +
1.1935 +#afui.win8 .backButton.pressed {
1.1936 + background:inherit;
1.1937 +}
1.1938 +
1.1939 +#afui.win8 .backButton {
1.1940 + color:inherit;
1.1941 + background:inherit;
1.1942 + margin:0;
1.1943 + font-family: 'win8back';
1.1944 + width:0px;
1.1945 + height:0px;
1.1946 + font-style: normal;
1.1947 + font-weight: normal;
1.1948 + font-variant: normal;
1.1949 + text-transform: none;
1.1950 + line-height: 1;
1.1951 + padding:0px;
1.1952 + margin:0px;
1.1953 + border:none;
1.1954 + position:absolute;
1.1955 + left:-185px;
1.1956 + -webkit-font-smoothing: antialiased;
1.1957 +}
1.1958 +
1.1959 +#afui.win8 .backButton::before {
1.1960 + content: "\e000";
1.1961 + font-size:30px;
1.1962 + position:absolute;
1.1963 + top:10px;
1.1964 + right:-225px;
1.1965 + left:auto;
1.1966 + color:inherit;
1.1967 + font-family:inherit;
1.1968 + -webkit-transform:none;
1.1969 + transform:none;
1.1970 +}
1.1971 +
1.1972 +#afui.win8 .header h1 {
1.1973 + text-align: left;
1.1974 + color:inherit;
1.1975 +}
1.1976 +
1.1977 +#afui.win8 .header{
1.1978 + border:0px;
1.1979 + background: inherit;
1.1980 + border-bottom:inherit;
1.1981 + color:inherit;
1.1982 +}
1.1983 +
1.1984 +#afui.win8 .footer {
1.1985 + padding:0px;
1.1986 + background:inherit;
1.1987 + text-align: center;
1.1988 + height:65px;
1.1989 + background:rgba(33,32,33,.9);
1.1990 + border-top:none;
1.1991 +}
1.1992 +
1.1993 +#afui.win8.light .footer{
1.1994 + background:#F2F2F2;
1.1995 + color:black;
1.1996 +}
1.1997 +
1.1998 +#afui.win8 .footer>footer>a:not(.button) {
1.1999 + position: relative;
1.2000 + width: 56px !important;
1.2001 + height: 56px;
1.2002 + display: inline-block;
1.2003 + font: normal 9px/85px Segoe WP, Segoe UI, Verdana, Helvetica, Sans-Serif;
1.2004 + text-decoration: none;
1.2005 + color: inherit;
1.2006 + text-align: center;
1.2007 + text-shadow: 0 0 rgba(0, 0, 0, 0);
1.2008 + overflow: hidden;
1.2009 + background:inherit;
1.2010 + -webkit-backface-visibility: hidden;
1.2011 + -webkit-perspective: 1000;
1.2012 +}
1.2013 +
1.2014 +#afui.win8.light .footer>footer>a:not(.button) {
1.2015 + text-shadow: 0 0 rgba(0, 0, 0, 0);
1.2016 +}
1.2017 +
1.2018 +#afui.win8 .footer>footer>a.icon.pressed:not(.button):before {
1.2019 + background-color: #00ABA9;
1.2020 +}
1.2021 +
1.2022 +#afui.win8 .footer>footer>a.icon:not(.button):before {
1.2023 + top: 0px;
1.2024 + left: 10px;
1.2025 + font-size:19px;
1.2026 + width:auto;
1.2027 + padding: 5px;
1.2028 + border: 3px solid #fff;
1.2029 + border-radius: 20px;
1.2030 +}
1.2031 +
1.2032 +#afui.win8.light .footer>footer>a.icon:not(.button):before {
1.2033 + border: 3px solid #000;
1.2034 +}
1.2035 +
1.2036 +#afui.win8 .footer>footer>a:not(:last-of-type):not(.button){
1.2037 + border:none;
1.2038 +}
1.2039 +
1.2040 +#afui.win8 .af-badge {
1.2041 + border:none;
1.2042 +}
1.2043 +
1.2044 +#afui.win8 #content,#afui.win8 #content > .panel {
1.2045 + background:inherit;
1.2046 + color:inherit;
1.2047 +}
1.2048 +
1.2049 +#afui.win8 .list {
1.2050 + background:inherit;
1.2051 + color:inherit;
1.2052 + border-color:#303030;
1.2053 +}
1.2054 +
1.2055 +#afui.win8 .list .divider, #afui.win8 #menu.tabletMenu .list .divider {
1.2056 + background:#00ABA9;
1.2057 + padding:5px;
1.2058 + display:inline;
1.2059 + font-size:16px;
1.2060 + font-weight:normal;
1.2061 + border-top:none;
1.2062 + border-bottom:none;
1.2063 + color:inherit;
1.2064 +}
1.2065 +
1.2066 +#afui.win8 .list li {
1.2067 + border-top:none;
1.2068 + border-bottom:none;
1.2069 + font-size:20px;
1.2070 +}
1.2071 +
1.2072 +#afui.win8 .panel h2 {
1.2073 + color:inherit;
1.2074 + font-weight:normal;
1.2075 + font-size:34px;
1.2076 + line-height:34px;
1.2077 + height:auto;
1.2078 +}
1.2079 +
1.2080 +#afui.win8 .collapsed:after {border-top: 6px solid;}
1.2081 +#afui.win8 .collapsed:before {border:2px solid;}
1.2082 +#afui.win8 .expanded:after {border-bottom: 6px solid;}
1.2083 +#afui.win8 .expanded:before {border:2px solid;}
1.2084 +
1.2085 +#afui.win8 .collapsed:before,#afui.win8 .expanded:before {
1.2086 + border-color: inherit;
1.2087 +}
1.2088 +
1.2089 +#afui.win8 .collapsed:after,
1.2090 +#afui.win8 .expanded:after{
1.2091 + border-top-color:inherit;
1.2092 + border-top-color:inherit;
1.2093 +}
1.2094 +
1.2095 +#afui.win8 .afScrollbar {background:white !important;}
1.2096 +#afui.win8.light .afScrollbar {background:black !important;}
1.2097 +
1.2098 +#afui.win8 select, #afui.win8 textarea, #afui.win8 input[type="text"], #afui.win8 input[type="search"], #afui.win8 input[type="password"], #afui.win8 input[type="datetime"], #afui.win8 input[type="datetime-local"], #afui.win8 input[type="date"], #afui.win8 input[type="month"], #afui.win8 input[type="time"], #afui.win8 input[type="week"], #afui.win8 input[type="number"], #afui.win8 input[type="email"], #afui.win8 input[type="url"], #afui.win8 input[type="tel"], #afui.win8 input[type="color"], #afui.win8 .input-group {
1.2099 + background:black;
1.2100 + color:inherit;
1.2101 +}
1.2102 +
1.2103 +#afui.win8.light select, #afui.win8.light textarea, #afui.win8.light input[type="text"], #afui.win8.light input[type="search"], #afui.win8.light input[type="password"], #afui.win8.light input[type="datetime"], #afui.win8.light input[type="datetime-local"], #afui.win8.light input[type="date"], #afui.win8.light input[type="month"], #afui.win8.light input[type="time"], #afui.win8.light input[type="week"], #afui.win8.light input[type="number"], #afui.win8.light input[type="email"], #afui.win8.light input[type="url"], #afui.win8.light input[type="tel"], #afui.win8.light input[type="color"], #afui.win8.light .input-group {
1.2104 + background:white;
1.2105 +}
1.2106 +
1.2107 +#afui.win8 input.toggle+label:after {
1.2108 + color:inherit;
1.2109 +}
1.2110 +
1.2111 +#afui.win8 input.toggle+label {
1.2112 + border-radius:0;
1.2113 +}
1.2114 +
1.2115 +#afui.win8 input.toggle:checked+label {
1.2116 + background:#00ABA9;
1.2117 +}
1.2118 +
1.2119 +#afui.win8 input.toggle+label > span {
1.2120 + border-radius:0;
1.2121 + top:0;
1.2122 + width:27px;
1.2123 + height:23px;
1.2124 +}
1.2125 +
1.2126 +#afui.win8 input[type="radio"]:checked+label:before,#afui.win8 input[type="checkbox"]:checked+label:before {
1.2127 + background: #00ABA9;
1.2128 +}
1.2129 +
1.2130 +#afui.win8 > #menu {
1.2131 + border-right:1px solid rgba(128,128,128,0.5);
1.2132 + color:inherit;
1.2133 + background:inherit;
1.2134 +}
1.2135 +
1.2136 +#afui.win8 > #aside_menu {
1.2137 + border-left:1px solid rgba(128,128,128,0.5);
1.2138 + color:inherit;
1.2139 + background:inherit;
1.2140 + border-right:0;
1.2141 +}
1.2142 +
1.2143 +#afui.win8 #menu .list .divider {
1.2144 + padding:4px;
1.2145 + line-height:30px;
1.2146 + margin-left:10px;
1.2147 +}
1.2148 +
1.2149 +#afui.win8 #menu .list {
1.2150 + font-weight: normal;
1.2151 +}
1.2152 +
1.2153 +#afui.win8 #menu .list li,#afui.win8 #menu .list .divider {
1.2154 + box-shadow:none;
1.2155 +}
1.2156 +
1.2157 +#afui.win8 .button {
1.2158 + border-radius:0;
1.2159 + border:none;
1.2160 + background:inherit;
1.2161 + border:3px solid #fff;
1.2162 + color:inherit;
1.2163 + text-shadow:none;
1.2164 + box-shadow:none;
1.2165 +}
1.2166 +
1.2167 +#afui.win8.light .button {
1.2168 + border:3px solid #000;
1.2169 +}
1.2170 +
1.2171 +#afui.win8 .button.pressed {
1.2172 + background:#00ABA9;
1.2173 +}
1.2174 +
1.2175 +#afui.win8 .button.next, #afui.win8 .button.previous {
1.2176 + border-color: #fff !important;
1.2177 +}
1.2178 +#afui.win8 .button.next::after, #afui.win8 .button.previous::after{
1.2179 + border:none;
1.2180 +}
1.2181 +
1.2182 +#afui.win8 .button-grouped > .button{
1.2183 + border:3px solid #fff;
1.2184 + border-right:0;
1.2185 +}
1.2186 +
1.2187 +#afui.win8 .button-grouped > .button:last-child {
1.2188 + border-right:3px solid #fff;
1.2189 +}
1.2190 +
1.2191 +#afui.win8 .button-grouped > .button:first-child,
1.2192 +#afui.win8 .button-grouped > .button:last-child {
1.2193 + border-radius:0;
1.2194 +}
1.2195 +
1.2196 +#afui.win8 .button-grouped.vertical >.button{
1.2197 + border:3px solid #fff;
1.2198 + border-bottom:0;
1.2199 +}
1.2200 +
1.2201 +#afui.win8 .button-grouped.vertical > .button:last-child {
1.2202 + border-bottom:3px solid #fff;
1.2203 +}
1.2204 +
1.2205 +#afui.win8 .header .button-grouped > .button{
1.2206 + border-color: #fff;
1.2207 +}
1.2208 +
1.2209 +#afui.win8 .header .button-grouped > .button.pressed{
1.2210 + background:#00ABA9;
1.2211 +}
1.2212 +
1.2213 +#afui.win8.light .button-grouped > .button,
1.2214 +#afui.win8.light .button-grouped.vertical > .button,
1.2215 +#afui.win8.light .header .button-grouped > .button{
1.2216 + border-color: #111;
1.2217 +}
1.2218 +
1.2219 +/**
1.2220 + * code specific to WP8
1.2221 + */
1.2222 +@media handheld, only screen and (max-width: 768px){
1.2223 + #afui.win8 #menu {
1.2224 + display: none;
1.2225 + position: absolute;
1.2226 + left: 0;
1.2227 + bottom: 0;
1.2228 + z-index: 1000;
1.2229 + width:100%;
1.2230 + height: 150px;
1.2231 + font-size:20px;
1.2232 + top:auto;
1.2233 + background:inherit;
1.2234 + color:inherit;
1.2235 + -webkit-transition-timing-function: linear;
1.2236 + transition-timing-function: linear;
1.2237 + -webkit-transform:translate3d(0,150px,0);
1.2238 + transform:translate3d(0,150px,0);
1.2239 + }
1.2240 + #afui.win8 .hasMenu,#afui.win8 .hasMenu.on{
1.2241 +
1.2242 + -webkit-transform:translate3d(0,0,0);
1.2243 + transform:translate3d(0,0,0);
1.2244 + }
1.2245 + #afui.win8 .header #menubadge {
1.2246 + display:none;
1.2247 + }
1.2248 +}
1.2249 +
1.2250 +#afui.win8 .afPopup {
1.2251 + width: 100%;
1.2252 + border: solid 0px #72767b;
1.2253 + left:0px !important;
1.2254 + -webkit-border-radius: 0;
1.2255 + border-radius: 0;
1.2256 + -webkit-transform:none;
1.2257 + transform:none;
1.2258 + -webkit-transition: none;
1.2259 + transition:none;
1.2260 + top: 0 !important;
1.2261 + background:#222;
1.2262 + color:inherit;
1.2263 + padding:15px;
1.2264 +}
1.2265 +
1.2266 +#afui.win8.light .afPopup {
1.2267 + background:#eee;
1.2268 +}
1.2269 +
1.2270 +#afui.win8 .afPopup>HEADER{
1.2271 + font-size:20px;
1.2272 +}
1.2273 +
1.2274 +#afui.win8 .afPopup>DIV{
1.2275 + font-size:16px;
1.2276 + padding:10px 0;
1.2277 + margin:0;
1.2278 +}
1.2279 +
1.2280 +#afui.win8 .afPopup>FOOTER{
1.2281 + width:100%;
1.2282 + text-align:left;
1.2283 + display:block !important;
1.2284 +}
1.2285 +
1.2286 +#afui.win8 .afPopup>FOOTER>A#cancel{
1.2287 + float:left;
1.2288 + min-width:100px;
1.2289 +}
1.2290 +
1.2291 +#afui.win8 .afPopup>FOOTER>A#action{
1.2292 + float:left;
1.2293 + min-width:100px;
1.2294 + margin-left:10px;
1.2295 +}
1.2296 +
1.2297 +#afui.win8 .afPopup>FOOTER>A.center{
1.2298 + width:auto;
1.2299 +}
1.2300 +
1.2301 +#afui.win8 #af_actionsheet {
1.2302 + background:#aaa;
1.2303 + color:black;
1.2304 +}
1.2305 +
1.2306 +#afui.win8 #af_actionsheet a{
1.2307 + border-radius:0;
1.2308 + -webkit-border-radius:0;
1.2309 + border:0px solid black;
1.2310 + background-color:transparent;
1.2311 + font-weight:normal;
1.2312 + color:black;
1.2313 + box-shadow: 0px 1px 1px rgba(255,255,255,0);
1.2314 +}
1.2315 +
1.2316 +#afui.win8 #menu .list > li > a {
1.2317 + color:inherit;
1.2318 +}
1.2319 +
1.2320 +@media handheld, only screen and (min-width: 768px){
1.2321 +
1.2322 + #afui.win8 .footer footer #metroMenu {
1.2323 + display:none;
1.2324 + }
1.2325 + #afui.win8 .footer {
1.2326 + -webkit-transform:translate3d(0,0,0);
1.2327 + transform:translate(0,0);
1.2328 + }
1.2329 + #afui.win8 #menu {
1.2330 + background:inherit;
1.2331 + color:inherit;
1.2332 + font-size:18px;
1.2333 + left:0;
1.2334 + top:0;
1.2335 + width:200px;
1.2336 + }
1.2337 + #afui.win8 #menu .list > li > a:after{
1.2338 + margin-top:-11px;
1.2339 + }
1.2340 +}
1.2341 +
1.2342 +
1.2343 +#afui.win8 input[type="range"] {
1.2344 + -webkit-appearance: none;
1.2345 + -webkit-appearance: none;
1.2346 +background-color: #ccc;
1.2347 +height: 4px;
1.2348 +position: relative;
1.2349 +top: -10px;
1.2350 +margin-top: 15px;
1.2351 +
1.2352 +}
1.2353 +
1.2354 +#afui.win8 input[type="range"]::-webkit-slider-thumb {
1.2355 + -webkit-appearance: none;
1.2356 + position: relative;
1.2357 + z-index: 1;
1.2358 + width: 15px;
1.2359 + height: 15px;
1.2360 +
1.2361 + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#ccc));
1.2362 + background-image: gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#ccc));
1.2363 +}
1.2364 +
1.2365 +#afui.bb {
1.2366 + font-family: "Slate Pro",Slate,"Myriad Pro","BBAlpha Sans",Helvetica;
1.2367 + font-size: 12pt;
1.2368 +}
1.2369 +
1.2370 +#afui.bb .header {
1.2371 + background:#00609E;
1.2372 + background:-ms-linear-gradient(65deg, #00609E 0%,#00AFEE 100%);
1.2373 + background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,#00609E), color-stop(100%,#00AFEE));
1.2374 + background:-webkit-linear-gradient(65deg, #00609E 0%,#00AFEE 100%);
1.2375 + background:linear-gradient(65deg, #00609E 0%,#00AFEE 100%);
1.2376 + border-style:solid;
1.2377 + border-width:1px;
1.2378 + border-color:#009CE1 transparent #004E92 transparent;
1.2379 +}
1.2380 +
1.2381 +#afui.bb .header h1 {
1.2382 + text-shadow:rgba(0,0,0,0.8) 0 1px 0;
1.2383 + font-weight:normal;
1.2384 +}
1.2385 +
1.2386 +#afui.bb .list {
1.2387 + font-weight: normal;
1.2388 +}
1.2389 +
1.2390 +#afui.bb .backButton {
1.2391 + display: block;
1.2392 + position: absolute;
1.2393 + line-height:60px;
1.2394 + left: 5px;
1.2395 + text-overflow: ellipsis;
1.2396 + font-size: 10px;
1.2397 + padding: 0;
1.2398 + color: #fff;
1.2399 + text-shadow: none;
1.2400 + background-color: transparent;
1.2401 + border:none;
1.2402 + border-color: transparent;
1.2403 + height: 44px;
1.2404 + top:0;
1.2405 + border-radius: 0;
1.2406 + box-shadow:none;
1.2407 + margin: 0;
1.2408 + padding-left: 0;
1.2409 + text-align: center;
1.2410 + width:50px;
1.2411 + padding:0 !important;
1.2412 + margin:0 !important;
1.2413 +}
1.2414 +
1.2415 +#afui.bb .backButton::before {
1.2416 + z-index: -1;
1.2417 + font-size:22px;
1.2418 + position: absolute;
1.2419 + top: -15px;
1.2420 + left: 15px;
1.2421 + text-align: center;
1.2422 + border-radius: 0;
1.2423 + border: none;
1.2424 + border-color: transparent;
1.2425 + box-shadow: none;
1.2426 + -webkit-transform: none;
1.2427 + transform: none;
1.2428 + font-family: 'chevron';
1.2429 + speak: none;
1.2430 + font-style: normal;
1.2431 + font-weight: normal;
1.2432 + font-variant: normal;
1.2433 + text-transform: none;
1.2434 + line-height: 1;
1.2435 + -webkit-font-smoothing: antialiased;
1.2436 + content: "\f054";
1.2437 + top:1px;
1.2438 + -webkit-transform:rotate(180deg);
1.2439 + transform:rotate(180deg);
1.2440 + background-color: transparent;
1.2441 +}
1.2442 +
1.2443 +#afui.bb .backButton::after {
1.2444 + z-index: -1;
1.2445 + font-size:24px;
1.2446 + content: ' ';
1.2447 + position: absolute;
1.2448 + font-weight:bold;
1.2449 + background-color: transparent;
1.2450 + left:55px;
1.2451 + height:48px;
1.2452 + top:-5px;
1.2453 + width:2px;
1.2454 + background: #0aa9dc;
1.2455 + margin:auto;
1.2456 + text-align: center;
1.2457 + border-radius: 0;
1.2458 + border: none;
1.2459 + border-color: transparent;
1.2460 + box-shadow: none;
1.2461 + -webkit-transform: rotate(10deg);
1.2462 + transform: rotate(10deg);
1.2463 +}
1.2464 +
1.2465 +#afui.bb .header .button {
1.2466 + color:#fff;
1.2467 + background:none;
1.2468 + text-shadow:0 -1px 0 #333;
1.2469 + border-color:transparent;
1.2470 +}
1.2471 +
1.2472 +#afui.bb .footer {
1.2473 + border:none;
1.2474 + border-radius:0px;
1.2475 + background:none;
1.2476 + padding:0;
1.2477 + -webkit-box-shadow:none;
1.2478 + box-shadow: none;
1.2479 +}
1.2480 +
1.2481 +#afui.bb .footer>footer>a:not(.button) {
1.2482 + height:49px;
1.2483 + top:0px;
1.2484 + border-top:4px solid #000;
1.2485 + background:#1e1e1e;
1.2486 +}
1.2487 +
1.2488 +#afui.bb .footer>footer>a.pressed:not(.button) {
1.2489 + border:0px;
1.2490 + border-top:4px solid #0aa9dc;
1.2491 + border-radius:0px;
1.2492 + background:#3a3a3a;
1.2493 + color:white;
1.2494 +}
1.2495 +
1.2496 +#afui.bb .footer>footer>a:not(:last-of-type):not(.pressed):not(.button){
1.2497 + border-right:1px solid black;
1.2498 +}
1.2499 +
1.2500 +#afui.bb .footer>footer>a.icon.pressed:not(.button):before {
1.2501 + color: white;
1.2502 +}
1.2503 +
1.2504 +#afui.bb #aside_menu,
1.2505 +#afui.bb #menu {
1.2506 + border-right:1px solid #bbb;
1.2507 + background: #fff;
1.2508 + color: #000;
1.2509 +}
1.2510 +
1.2511 +#afui.bb #aside_menu .list > li > a,
1.2512 +#afui.bb #menu .list > li > a {
1.2513 + color:inherit;
1.2514 +}
1.2515 +
1.2516 +#afui.bb #aside_menu .list .divider,
1.2517 +#afui.bb #menu .list .divider {
1.2518 + background:#fafafa;
1.2519 + color:black;
1.2520 +}
1.2521 +
1.2522 +#afui.bb .list .divider {
1.2523 + background:#fafafa;
1.2524 + border-top:none;
1.2525 + color:black;
1.2526 + border-bottom: 1px solid #0aa9dc !important;
1.2527 +}
1.2528 +
1.2529 +#afui.bb #aside_menu .list li, #afui.bb #aside_menu .list .divider, #afui.bb #aside_menu .list li:first-child, #afui.bb #aside_menu .list li:last-child,
1.2530 +#afui.bb #menu .list li, #afui.bb #menu .list .divider, #afui.bb #menu .list li:first-child, #afui.bb #menu .list li:last-child {
1.2531 + border-bottom-color :#ccc;
1.2532 +}
1.2533 +
1.2534 +#afui.bb .button ,
1.2535 +#afui.bb .button-grouped *,
1.2536 +#afui.bb .button-grouped > .button:first-child,
1.2537 +#afui.bb .button-grouped.vertical *,
1.2538 +#afui.bb .button-grouped.vertical > .button:last-child,
1.2539 +#afui.bb > .header .button-grouped > .button {
1.2540 + border-color:#ccc;
1.2541 +}
1.2542 +
1.2543 +#afui.bb > .header .button-grouped > .button.pressed {
1.2544 + background:#07a;
1.2545 +}
1.2546 +
1.2547 +#afui.bb .panel {
1.2548 + background:#fff;
1.2549 +}
1.2550 +
1.2551 +#afui.bb .afPopup {
1.2552 + border: solid 1px #ccc;
1.2553 + -webkit-border-radius: 3px;
1.2554 + border-radius: 3px;
1.2555 + background:inherit;
1.2556 + color:inherit;
1.2557 + padding:0;
1.2558 +}
1.2559 +
1.2560 +#afui.bb .afPopup>HEADER{
1.2561 + font-weight:normal;
1.2562 + font-size:20px;
1.2563 + text-align:center;
1.2564 + margin:0;
1.2565 + padding:8px;
1.2566 + color:white;
1.2567 + border-radius: 2px;
1.2568 + background:#00609E;
1.2569 + background:-ms-linear-gradient(65deg, #00609E 0%,#00AFEE 100%);
1.2570 + background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,#00609E), color-stop(100%,#00AFEE));
1.2571 + background:-webkit-linear-gradient(65deg, #00609E 0%,#00AFEE 100%);
1.2572 + background:linear-gradient(65deg, #00609E 0%,#00AFEE 100%);
1.2573 +}
1.2574 +
1.2575 +#afui.bb .afPopup>DIV{
1.2576 + text-align:center;
1.2577 + padding:10px;
1.2578 +}
1.2579 +
1.2580 +#afui.bb .afPopup>FOOTER{
1.2581 + padding:5px;
1.2582 +}
1.2583 +
1.2584 +#afui.bb .afPopup>FOOTER>A#cancel{
1.2585 + width:120px;
1.2586 +}
1.2587 +
1.2588 +#afui.bb .afPopup>FOOTER>A#action{
1.2589 + width:120px;
1.2590 +}
1.2591 +
1.2592 +#afui.bb #af_actionsheet {
1.2593 + background:white;
1.2594 + color:inherit;
1.2595 +}
1.2596 +
1.2597 +#afui.bb #af_actionsheet a{
1.2598 + border-radius:5px;
1.2599 + -webkit-border-radius:5px;
1.2600 + border:1px solid #ccc;
1.2601 + background:#eee;
1.2602 + color:#111;
1.2603 +}
1.2604 +
1.2605 +/** iOS 7 theme */
1.2606 +
1.2607 +/** Blue color color:rgba(82,155,234,255); */
1.2608 +
1.2609 +/* border rgba(158,158,158,255) */
1.2610 +
1.2611 +#afui.ios7 {
1.2612 + font-family:'HelveticaNeue', 'Helvetica Neue',Helvetica, Arial, sans-serif;
1.2613 +}
1.2614 +
1.2615 +#afui.ios7 .header {
1.2616 + background:rgb(249,249,249);
1.2617 + color:inherit;
1.2618 + border:none;
1.2619 + border-bottom:1px solid rgba(158,158,158,255);
1.2620 +}
1.2621 +
1.2622 +
1.2623 +#afui.ios7.overlayStatusbar{
1.2624 + margin-top: 20px;
1.2625 +background: #f9f9f9;
1.2626 +margin-bottom: -20px;
1.2627 +padding-bottom: 20px;
1.2628 +}
1.2629 +
1.2630 +#afui.ios7 .header .button {
1.2631 + color:rgba(82,155,234,255);
1.2632 + border-color:transparent;
1.2633 + font-size:14px;
1.2634 + font-weight:normal;
1.2635 +}
1.2636 +
1.2637 +#afui.ios7 .header h1 {
1.2638 + color:inherit;
1.2639 + text-shadow:none;
1.2640 +}
1.2641 +
1.2642 +#afui.ios7 .panel, #afui.ios7 #modalContainer {
1.2643 + background:rgba(238,238,238,255);
1.2644 +}
1.2645 +
1.2646 +#afui.ios7 .panel h2 {
1.2647 + color:inherit;
1.2648 +}
1.2649 +
1.2650 +#afui.ios7 .footer {
1.2651 + background:rgb(249,249,249);
1.2652 + color:black;
1.2653 + border-top:1px solid rgba(158,158,158,255);
1.2654 + box-shadow:none;
1.2655 +}
1.2656 +
1.2657 +#afui.ios7 .footer>footer>a:not(.button) {
1.2658 + color:rgba(96,96,96,255);
1.2659 +}
1.2660 +
1.2661 +#afui.ios7 .footer>footer>a.pressed:not(.button) {
1.2662 + border-radius:0;
1.2663 + background:transparent;
1.2664 +}
1.2665 +
1.2666 +#afui.ios7 #menubadge:after {
1.2667 + border-color:rgba(82,155,234,255);
1.2668 +}
1.2669 +
1.2670 +#afui.ios7 .list {
1.2671 + font-weight:normal;
1.2672 +}
1.2673 +
1.2674 +#afui.ios7 > #aside_menu,
1.2675 +#afui.ios7 > #menu {
1.2676 + border-right:1px solid #bbb;
1.2677 + background:rgba(238,238,238,255);
1.2678 + color:inherit;
1.2679 +}
1.2680 +
1.2681 +#afui.ios7 #aside_menu .list li,#afui.ios7 #aside_menu .list .divider,#afui.ios7 #aside_menu .list li:first-child,#afui.ios7 #aside_menu .list li:last-child,
1.2682 +#afui.ios7 #menu .list li,#afui.ios7 #menu .list .divider,#afui.ios7 #menu .list li:first-child,#afui.ios7 #menu .list li:last-child {
1.2683 + border-color:rgb(215,215,215);
1.2684 + font-weight:normal;
1.2685 + box-shadow:none;
1.2686 +}
1.2687 +
1.2688 +#afui.ios7 #aside_menu .list .divider,
1.2689 +#afui.ios7 #menu .list .divider {
1.2690 + background:rgba(238,238,238,255);
1.2691 + color:inherit;
1.2692 + font-size: 1em;
1.2693 + border-bottom:1px solid rgb(215,215,215);
1.2694 +}
1.2695 +
1.2696 +#afui.ios7 #aside_menu .list a,
1.2697 +#afui.ios7 #menu .list a {
1.2698 + color:inherit;
1.2699 +}
1.2700 +
1.2701 +#afui.ios7 #aside_menu .list,
1.2702 +#afui.ios7 #menu .list {
1.2703 + background:white;
1.2704 + font-weight: normal;
1.2705 + color:inherit;
1.2706 +}
1.2707 +
1.2708 +#afui.ios7 .list > li > a:after{
1.2709 + color:rgba(217,217,217,255);
1.2710 +}
1.2711 +
1.2712 +#afui.ios7 .button {
1.2713 + background-color:transparent;
1.2714 +}
1.2715 +
1.2716 +#afui.ios7 .backButton {
1.2717 + background:rgba(249,249,249,1);
1.2718 + color:rgba(82,155,234,255);
1.2719 + display: block;
1.2720 + position: absolute;
1.2721 + line-height:44px;
1.2722 + left: 25px;
1.2723 + text-overflow: ellipsis;
1.2724 + font-size: 14px;
1.2725 + padding: 0;
1.2726 + text-shadow: none;
1.2727 + background-color: transparent;
1.2728 + border:none;
1.2729 + border-color: transparent;
1.2730 + height: 44px;
1.2731 + top:auto;
1.2732 + border-radius: 0;
1.2733 + box-shadow:none;
1.2734 + margin: 0;
1.2735 + padding-left: 0;
1.2736 + text-align: center;
1.2737 + width:50px;
1.2738 + padding:0 !important;
1.2739 + margin:0 !important;
1.2740 +}
1.2741 +
1.2742 +#afui.ios7 .backButton::before {
1.2743 + z-index: -1;
1.2744 + font-size:22px;
1.2745 + position: absolute;
1.2746 + top: 10px;
1.2747 + left: -20px;
1.2748 + text-align: center;
1.2749 + border-radius: 0;
1.2750 + border: none;
1.2751 + border-color: transparent;
1.2752 + box-shadow: none;
1.2753 + -webkit-transform: none;
1.2754 + transform: none;
1.2755 + font-family: 'chevron';
1.2756 + speak: none;
1.2757 + font-style: normal;
1.2758 + font-weight: normal;
1.2759 + font-variant: normal;
1.2760 + text-transform: none;
1.2761 + line-height: 1;
1.2762 + -webkit-font-smoothing: antialiased;
1.2763 + content: "\f054";
1.2764 + -webkit-transform:rotate(180deg);
1.2765 + transform:rotate(180deg);
1.2766 + background-color: transparent;
1.2767 +}
1.2768 +
1.2769 +#afui.ios7 .backButton::after {
1.2770 + content: '';
1.2771 + width:0;
1.2772 + height:0;
1.2773 + border:none;
1.2774 +}
1.2775 +
1.2776 +
1.2777 +#afui.ios7 .button {
1.2778 + box-shadow:none;
1.2779 + border-radius: 0;
1.2780 + border-color:#ccc;
1.2781 + color:rgba(82,155,234,255);
1.2782 + text-shadow:none;
1.2783 +}
1.2784 +
1.2785 +#afui.ios7 .button-grouped * ,
1.2786 +#afui.ios7 .button-grouped > .button:first-child,
1.2787 +#afui.ios7 .button-grouped.vertical * ,
1.2788 +#afui.ios7 .button-grouped.vertical > .button:last-child,
1.2789 +#afui.ios7 .header .button-grouped > .button {
1.2790 + border-color:rgba(82,155,234,255);
1.2791 +}
1.2792 +
1.2793 +#afui.ios7 .button-grouped > .button.pressed ,
1.2794 +#afui.ios7 .header .button-grouped > .button.pressed{
1.2795 + color:white;
1.2796 + background:rgba(82,155,234,255);
1.2797 +}
1.2798 +
1.2799 +#afui.ios7 .afPopup {
1.2800 + border:1px solid rgba(158,158,158,255);
1.2801 + border-radius:10px;
1.2802 + padding:0;
1.2803 + text-align: center;
1.2804 + color:inherit;
1.2805 + background:rgba(249,249,249,1);
1.2806 +}
1.2807 +
1.2808 +#afui.ios7 .afPopup>HEADER{
1.2809 + padding:10px 0;
1.2810 +}
1.2811 +
1.2812 +#afui.ios7 .afPopup>DIV{
1.2813 + padding-bottom:10px;
1.2814 +}
1.2815 +
1.2816 +#afui.ios7 .afPopup>FOOTER{
1.2817 + border-top:1px solid #aaa;
1.2818 +}
1.2819 +
1.2820 +#afui.ios7 .afPopup>FOOTER>A.center{
1.2821 + width:100%!important;
1.2822 +}
1.2823 +
1.2824 +#afui.ios7 .afPopup .button {
1.2825 + border: none;
1.2826 + width: 50%;
1.2827 + margin: 0;
1.2828 + background: transparent;
1.2829 + color:rgba(82,155,234,255);
1.2830 + padding:12px 0;
1.2831 +}
1.2832 +
1.2833 +#afui.ios7 .afPopup .button.pressed {
1.2834 + background: transparent;
1.2835 +}
1.2836 +
1.2837 +#afui.ios7 .button.pressed {
1.2838 + font-weight:bold;
1.2839 + background: white;
1.2840 +}
1.2841 +
1.2842 +#afui.ios7 .afPopup a:not(:first-of-type) {
1.2843 + border-left:1px solid rgba(158,158,158,255);
1.2844 +}
1.2845 +
1.2846 +#afui.ios7 #af_actionsheet {
1.2847 + background-color:transparent;
1.2848 + color:black;
1.2849 + padding-left:10px;
1.2850 + padding-right:10px;
1.2851 + border-top: transparent 1px solid;
1.2852 + box-shadow: 0px -1px 2px rgba(0,0,0,0);
1.2853 +}
1.2854 +
1.2855 +#afui.ios7 #af_actionsheet a{
1.2856 + background-image:none;
1.2857 + text-shadow:none;
1.2858 + box-shadow:none;
1.2859 + font-weight:normal;
1.2860 + border-radius: 0;
1.2861 + border:none;
1.2862 + -webkit-box-shadow:none;
1.2863 + color:rgba(82,155,234,255);
1.2864 + background-color:white;
1.2865 + cursor:pointer;
1.2866 + border-radius:0px;
1.2867 + line-height: 40px;
1.2868 + font-size: 20px;
1.2869 + margin-bottom: 1px;
1.2870 +}
1.2871 +
1.2872 +#afui.ios7 #af_actionsheet a:first-child{
1.2873 + border-top-left-radius:5px;
1.2874 + border-top-right-radius:5px;
1.2875 +}
1.2876 +
1.2877 +#afui.ios7 #af_actionsheet a:nth-last-child(2){
1.2878 + border-bottom-left-radius:5px;
1.2879 + border-bottom-right-radius:5px;
1.2880 +}
1.2881 +
1.2882 +#afui.ios7 #af_actionsheet a.cancel{
1.2883 + font-weight:bold;
1.2884 + margin: 9px 0;
1.2885 + border-radius:5px;
1.2886 +}
1.2887 +
1.2888 +#afui.ios7 #af_actionsheet a.red{
1.2889 + color:#f44;
1.2890 +}
1.2891 +
1.2892 +#afui.ios7 .footer>footer>a.pressed:not(.button),.footer>footer>a.icon.pressed:not(.button):before {
1.2893 + color:rgba(82,155,234,255);
1.2894 +}
1.2895 +
1.2896 +#afui.ios7 .button.previous {
1.2897 + border:none;
1.2898 +}
1.2899 +
1.2900 +#afui.ios7 .button.next {
1.2901 + border:none;
1.2902 +}
1.2903 +
1.2904 +#afui.ios7 .button.previous::after {
1.2905 + color:rgba(82,155,234,255);
1.2906 + z-index: -1;
1.2907 + font-size:22px;
1.2908 + position: absolute;
1.2909 + top: 2px;
1.2910 + left: -25px;
1.2911 + text-align: center;
1.2912 + border-radius: 0;
1.2913 + border: none;
1.2914 + border-color: transparent;
1.2915 + box-shadow: none;
1.2916 + -webkit-transform: none;
1.2917 + transform: none;
1.2918 + font-family: 'chevron';
1.2919 + speak: none;
1.2920 + font-style: normal;
1.2921 + font-weight: normal;
1.2922 + font-variant: normal;
1.2923 + text-transform: none;
1.2924 + line-height: 1;
1.2925 + -webkit-font-smoothing: antialiased;
1.2926 + content: "\f054";
1.2927 + -webkit-transform:rotate(180deg);
1.2928 + transform:rotate(180deg);
1.2929 + background-color: transparent;
1.2930 +}
1.2931 +
1.2932 +#afui.ios7 .button.next::after {
1.2933 + color:rgba(82,155,234,255);
1.2934 + z-index: -1;
1.2935 + font-size:22px;
1.2936 + position: absolute;
1.2937 + top: 6px;
1.2938 + right: -25px;
1.2939 + text-align: center;
1.2940 + border-radius: 0;
1.2941 + border: none;
1.2942 + border-color: transparent;
1.2943 + box-shadow: none;
1.2944 + -webkit-transform: none;
1.2945 + transform: none;
1.2946 + font-family: 'chevron';
1.2947 + speak: none;
1.2948 + font-style: normal;
1.2949 + font-weight: normal;
1.2950 + font-variant: normal;
1.2951 + text-transform: none;
1.2952 + line-height: 1;
1.2953 + -webkit-font-smoothing: antialiased;
1.2954 + content: "\f054";
1.2955 + background-color: transparent;
1.2956 +}
1.2957 +
1.2958 +#afui.ios7 .button.gray {
1.2959 + color:#999;
1.2960 + background-color:transparent;
1.2961 +}
1.2962 +
1.2963 +#afui.ios7 .button.yellow {
1.2964 + color:#F1C222;
1.2965 + background-color:transparent;
1.2966 +}
1.2967 +
1.2968 +#afui.ios7 .button.red {
1.2969 + color:#b20000;
1.2970 + background-color:transparent;
1.2971 +}
1.2972 +
1.2973 +#afui.ios7 .button.green {
1.2974 + color:#009C0C;
1.2975 + background-color:transparent;
1.2976 +}
1.2977 +
1.2978 +#afui.ios7 .button.orange {
1.2979 + color:#FF8000;
1.2980 + background-color:transparent;
1.2981 +}
1.2982 +
1.2983 +#afui.ios7 .button.black {
1.2984 + color:black;
1.2985 + background-color:transparent;
1.2986 +}
1.2987 +
1.2988 +#afui.ios7 .button.slate {
1.2989 + color:#171F28;
1.2990 + background-color:transparent;
1.2991 +}
1.2992 +
1.2993 +#afui.ios7 .af-badge {
1.2994 + border:none;
1.2995 + box-shadow:none;
1.2996 + font-size:12px;
1.2997 +}
1.2998 +
1.2999 +#afui.ios7 input[type="range"] {
1.3000 + -webkit-appearance: none;
1.3001 +background-color: #333;
1.3002 +height: 4px;
1.3003 +position: relative;
1.3004 +top: -10px;
1.3005 +margin-top: 15px;
1.3006 +border-radius:2px;
1.3007 +}
1.3008 +
1.3009 +#afui.ios7 input[type="range"]::-webkit-slider-thumb {
1.3010 + -webkit-appearance: none;
1.3011 + position: relative;
1.3012 + z-index: 1;
1.3013 + width: 15px;
1.3014 + height: 15px;
1.3015 + -webkit-border-radius: 40px;
1.3016 + border-radius: 40px;
1.3017 + border:1px solid #333;
1.3018 + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#ccc));
1.3019 + background-image: gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#ccc));
1.3020 +}
1.3021 +
1.3022 +/* iOS theme */
1.3023 +#afui.ios {
1.3024 + color:black;
1.3025 +}
1.3026 +
1.3027 +#afui.ios .header {
1.3028 + background-color:#889BB3;
1.3029 + background-image:-ms-linear-gradient(top, #B3BECD 0%, #889BB3 50%, #6E84A2 51%);
1.3030 + background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #B3BECD), color-stop(.5, #889BB3), color-stop(.51, #6E84A2));
1.3031 + background-image:-webkit-linear-gradient(top, #B3BECD 0%, #889BB3 50%, #6E84A2 51%);
1.3032 + background-image:linear-gradient(to bottom, #B3BECD 0%, #889BB3 50%, #6E84A2 51%);
1.3033 + border: 1px solid;
1.3034 + border-color:#CCD2DA transparent #2D3033 transparent;
1.3035 + color:white;
1.3036 +}
1.3037 +
1.3038 +#afui.ios .header h1 {
1.3039 + text-shadow: rgba(0,0,0,0.8) 0 -1px 0;
1.3040 +}
1.3041 +
1.3042 +#afui.ios .af-badge {
1.3043 + border:2px solid #fff;
1.3044 + box-shadow:0 1px 2px #555;
1.3045 + line-height:18px;
1.3046 +}
1.3047 +#afui.ios .panel, #afui.ios #modalContainer {
1.3048 + background:#e7e7e7;
1.3049 +}
1.3050 +
1.3051 +#afui.ios .panel h2 { color:inherit;}
1.3052 +
1.3053 +#afui.ios .footer {
1.3054 + background-color:#000;
1.3055 + background-image:-ms-linear-gradient(top, #222 0%, #111 50%, #000 51%);
1.3056 + background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #111), color-stop(.51, #000));
1.3057 + background-image:-webkit-linear-gradient(top, #222 0%, #111 50%, #000 51%);
1.3058 + background-image:linear-gradient(to bottom, #222 0%, #111 50%, #000 51%);
1.3059 + box-shadow:0 1px 0 #555 inset;
1.3060 +
1.3061 + border-top:1px solid #000;
1.3062 +}
1.3063 +
1.3064 +#afui.ios .footer>footer>a.pressed:not(.button) {
1.3065 + background:rgba(255, 255, 255, 0.13);
1.3066 + border-radius:6px;
1.3067 +}
1.3068 +
1.3069 +#afui.ios .footer>footer>a.icon.pressed:not(.button):before {
1.3070 + color:#3a9de2;
1.3071 +}
1.3072 +
1.3073 +#afui.ios > #aside_menu,
1.3074 +#afui.ios > #menu.tabletMenu {
1.3075 + border-right:none;
1.3076 + background:#000;
1.3077 + color:#fff;
1.3078 +}
1.3079 +
1.3080 +#afui.ios .backButton {
1.3081 + line-height:15px;
1.3082 + width:58px;
1.3083 + display:block;
1.3084 + position:absolute;
1.3085 + top:5px; left:5px;
1.3086 + text-overflow:ellipsis;
1.3087 + font-size:12px;
1.3088 + padding:7px !important;
1.3089 + color:#fff;
1.3090 + text-shadow:0 -1px 0 #333;
1.3091 + background-color:#476999;
1.3092 + background-image: none !important;
1.3093 + border:1px solid;
1.3094 + border-color:#375073 #375073 #375073 transparent;
1.3095 + height:32px;
1.3096 + border-radius:5px;
1.3097 + box-shadow:0 1px 0 #9CABC0;
1.3098 + margin:0 0 0 15px !important;
1.3099 + padding-left:4px !important;
1.3100 +} /* Sets up positioning of the back button which appears in the header */
1.3101 +
1.3102 +#afui.ios .backButton::before {
1.3103 + z-index:-1;
1.3104 + content:'';
1.3105 + position:absolute;
1.3106 + width:24px; height:24px;
1.3107 + background-color:#476999;
1.3108 + top:2px; left:-11px;
1.3109 + border-radius:5px;
1.3110 + border:1px solid;
1.3111 + border-color:transparent transparent #9CABC0 transparent;
1.3112 + box-shadow:1px -1px 0 #375073 inset;
1.3113 + -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);
1.3114 +}
1.3115 +
1.3116 +#afui.ios .header .button {
1.3117 + color:#fff;
1.3118 + text-shadow:0 -1px 0 #333;
1.3119 + background-color:#476999;
1.3120 + border:1px solid #375073;
1.3121 + box-shadow:0 1px 0 #9CABC0;
1.3122 + background-image:linear-gradient(to bottom, #9CABC0 0%, #6E84A2 50%, #476999 51%);
1.3123 +}
1.3124 +
1.3125 +#afui.ios .header .button.pressed {
1.3126 + background-image:linear-gradient(to bottom, #6E84A2 0%, #476999 50%, #274979 51%);
1.3127 +}
1.3128 +
1.3129 +#afui.ios .footer .button {
1.3130 + color:#fff;
1.3131 + text-shadow:0 -1px 0 #333;
1.3132 + background-color:#444;
1.3133 + border:1px solid #222;
1.3134 + box-shadow:0 1px 0 #222;
1.3135 + background-image:linear-gradient(to bottom, #555 0%, #333 50%, #111 51%);
1.3136 +}
1.3137 +
1.3138 +#afui.ios .footer .button.pressed {
1.3139 + background-image:linear-gradient(to bottom, #444 0%, #222 50%, #000 51%);
1.3140 +}
1.3141 +
1.3142 +#afui.ios #aside_menu .list li,
1.3143 +#afui.ios #aside_menu .list .divider,
1.3144 +#afui.ios #aside_menu .list li:first-child,
1.3145 +#afui.ios #aside_menu .list li:last-child,
1.3146 +#afui.ios #menu .list li,
1.3147 +#afui.ios #menu .list .divider,
1.3148 +#afui.ios #menu .list li:first-child,
1.3149 +#afui.ios #menu .list li:last-child {
1.3150 + border-color:#101012;
1.3151 + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
1.3152 + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
1.3153 +}
1.3154 +
1.3155 +#afui.ios #aside_menu .list > li > a,
1.3156 +#afui.ios #menu .list > li > a {
1.3157 + color:#ccc;
1.3158 +}
1.3159 +
1.3160 +#afui.ios #aside_menu .list .divider,
1.3161 +#afui.ios #menu .list .divider {
1.3162 + background:#333;
1.3163 + color:#fff;
1.3164 +}
1.3165 +
1.3166 +#afui.ios .afPopup {
1.3167 + border: solid 2px #fff;
1.3168 + -webkit-box-shadow: 0px 4px 6px #555, 0 0 20px rgba(0,0,0,0.5);
1.3169 + -webkit-border-radius: 10px;
1.3170 + border-radius:10px;
1.3171 + padding: 0;
1.3172 + background: #1b294b;
1.3173 + background-image: -webkit-gradient(linear, left top, left bottom, from(#626c82), to(#1b294b));
1.3174 +}
1.3175 +
1.3176 +#afui.ios .afPopup >* {
1.3177 + color:white;
1.3178 +}
1.3179 +
1.3180 +#afui.ios .afPopup>HEADER{
1.3181 + font-weight:bold;
1.3182 + text-align:center;
1.3183 + text-shadow:0 -1px #000;
1.3184 + padding:5px;
1.3185 +}
1.3186 +
1.3187 +#afui.ios .afPopup>DIV{
1.3188 + text-align:center;
1.3189 +}
1.3190 +
1.3191 +#afui.ios .afPopup>FOOTER>A{
1.3192 + background-image: -webkit-gradient(linear, left top, left bottom, from(#626c82), to(#1b294b));
1.3193 + color:white;
1.3194 +}
1.3195 +
1.3196 +#afui.ios .afPopup>FOOTER>A#cancel{
1.3197 + width:120px;
1.3198 + margin-left:10px;
1.3199 +}
1.3200 +
1.3201 +#afui.ios .afPopup>FOOTER>A#action{
1.3202 + width:120px;
1.3203 + margin-right:10px;
1.3204 +}
1.3205 +
1.3206 +#afui.ios .afPopup>FOOTER>A.center{
1.3207 + float:none!important;
1.3208 + width:95%!important;
1.3209 + margin:8px!important;
1.3210 +}
1.3211 +
1.3212 +#afui.ios #af_actionsheet {
1.3213 + background:#595c61;
1.3214 + color:inherit;
1.3215 +}
1.3216 +
1.3217 +#afui.ios #af_actionsheet a{
1.3218 + border-radius:10px;
1.3219 + -webkit-border-radius:10px;
1.3220 + border:3px solid #111;
1.3221 + background:#eee;
1.3222 + background: linear-gradient(to bottom, #fff 0%,#ccc 100%);
1.3223 + color:#111;
1.3224 + text-shadow:0 1px 0 #fff;
1.3225 +}
1.3226 +
1.3227 +#afui.ios #af_actionsheet a.cancel{
1.3228 + background:#333;
1.3229 + background: linear-gradient(to bottom, #666 0%,#333 100%);
1.3230 + color:white;
1.3231 + text-shadow:0 -1px 0 #000;
1.3232 +}
1.3233 +
1.3234 +#afui.ios #af_actionsheet a.red{
1.3235 + background:#d11;
1.3236 + background: linear-gradient(to bottom, #d55 0%,#d11 100%);
1.3237 + color:white;
1.3238 + text-shadow:0 -1px 0 #000;
1.3239 +}
1.3240 +
1.3241 +#afui.ios input[type="range"] {
1.3242 + -webkit-appearance: none;
1.3243 +background-color: #ccc;
1.3244 +height: 2px;
1.3245 +position: relative;
1.3246 +top: -10px;
1.3247 +margin-top: 15px;
1.3248 +}
1.3249 +
1.3250 +#afui.ios input[type="range"]::-webkit-slider-thumb {
1.3251 + -webkit-appearance: none;
1.3252 + position: relative;
1.3253 +
1.3254 + z-index: 1;
1.3255 + width: 15px;
1.3256 + height: 15px;
1.3257 +
1.3258 + -webkit-border-radius: 40px;
1.3259 + border-radius: 40px;
1.3260 + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb));
1.3261 + background-image: gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb));
1.3262 +}
1.3263 +#af_actionsheet {
1.3264 + position:absolute;
1.3265 + left:0px;
1.3266 + right:0px;
1.3267 + padding-left:10px;
1.3268 + padding-right:10px;
1.3269 + padding-top:10px;
1.3270 + margin:auto;
1.3271 + background:black;
1.3272 + float:left;
1.3273 + z-index:9999;
1.3274 + border-top:#fff 1px solid;
1.3275 + background:rgba(71,71,71,.95);
1.3276 + background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.4)), to(rgba(255,255,255,0)), color-stop(.08,rgba(255,255,255,.1)), color-stop(.08,rgba(255,255,255,0)));
1.3277 + background-image:-webkit-linear-gradient(top, rgba(255,255,255,.4) 0%, rgba(255,255,255,.1) 8%, rgba(255,255,255,0) 8%);
1.3278 + box-shadow:0px -1px 2px rgba(0,0,0,.4);
1.3279 +}
1.3280 +#af_actionsheet a {
1.3281 + text-decoration:none;
1.3282 + -webkit-transition:all 0.4s ease;
1.3283 + transition:all 0.4s ease;
1.3284 + text-shadow:0px -1px rgba(0,0,0,.8);
1.3285 + padding:0px .25em;
1.3286 + border:1px solid rgba(0,0,0,.8);
1.3287 + text-overflow:ellipsis;
1.3288 + border-radius:.75em;
1.3289 + background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.4)), to(rgba(255,255,255,0)), color-stop(.5,rgba(255,255,255,.1)), color-stop(.5,rgba(255,255,255,0)));
1.3290 + background-image:-webkit-linear-gradient(top, rgba(255,255,255,.5) 0%, rgba(255,255,255,.2) 50%, rgba(255,255,255,0) 50%);
1.3291 + box-shadow:0px 1px 1px rgba(255,255,255,0.7);
1.3292 + display:block;
1.3293 + color:white;
1.3294 + text-align:center;
1.3295 + line-height:36px;
1.3296 + font-size:20px;
1.3297 + font-weight:bold;
1.3298 + margin-bottom:10px;
1.3299 + background-color:rgba(130,130,130,1);
1.3300 +}
1.3301 +
1.3302 +#af_actionsheet a.selected {
1.3303 + background-color:rgba(150,150,150,1);
1.3304 +}
1.3305 +
1.3306 +#af_actionsheet a.cancel {
1.3307 + background-color:rgba(43,43,43,1);
1.3308 +}
1.3309 +
1.3310 +#af_actionsheet a.cancel.selected {
1.3311 + background-color:rgba(73,73,73,1);
1.3312 +}
1.3313 +#af_actionsheet a.red {
1.3314 + color:white;
1.3315 + background-color:rgba(204,0,0,1);
1.3316 +}
1.3317 +
1.3318 +#af_actionsheet a.red.selected {
1.3319 + background-color:rgba(255,0,0,1);
1.3320 +}
1.3321 +
1.3322 +
1.3323 +#mask{
1.3324 + display:block;
1.3325 + width:100%;
1.3326 + height:100%;
1.3327 + background:#000;
1.3328 + z-index: 999999;
1.3329 + position:fixed;
1.3330 + top:0;
1.3331 + left:0;
1.3332 +}
1.3333 +
1.3334 +
1.3335 +
1.3336 +.afPopup {
1.3337 + display: block;
1.3338 + width: 280px;
1.3339 + float:left;
1.3340 + border: solid 1px #72767b;
1.3341 + -webkit-border-radius: 10px;
1.3342 + border-radius:10px;
1.3343 + padding: 10px;
1.3344 + opacity: 1;
1.3345 + -webkit-transform: scale(1);
1.3346 + transform:scale(1);
1.3347 + position: absolute;
1.3348 + z-index: 1000000;
1.3349 + top: 50%;
1.3350 + left: 50%;
1.3351 + margin: 0px auto;
1.3352 + background: rgba(70,70,70,1);
1.3353 + color:white;
1.3354 +}
1.3355 +.afPopup >* {
1.3356 + color:inherit;
1.3357 +}
1.3358 +
1.3359 +.afPopup.hidden {
1.3360 + opacity: 0;
1.3361 + -webkit-transform: scale(0.1);
1.3362 +
1.3363 +}
1.3364 +
1.3365 +.afPopup.show {
1.3366 + -webkit-transition: all 0.2s ease-in-out;
1.3367 + transition: all 0.2s ease-in-out;
1.3368 +}
1.3369 +
1.3370 +.afPopup>HEADER{
1.3371 + font-weight:bold;
1.3372 + font-size:20px;
1.3373 + margin:0;
1.3374 + padding:5px;
1.3375 +}
1.3376 +
1.3377 +.afPopup>DIV{
1.3378 + font-size:14px;
1.3379 + margin:8px;
1.3380 +}
1.3381 +
1.3382 +.afPopup>FOOTER{
1.3383 + width:100%;
1.3384 + text-align:center;
1.3385 + display:block !important;
1.3386 +}
1.3387 +
1.3388 +.afPopup>FOOTER>A#cancel{
1.3389 + float:left;
1.3390 + margin-left:5px;
1.3391 +}
1.3392 +
1.3393 +.afPopup>FOOTER>A#action{
1.3394 + float:right;
1.3395 + margin-right:5px;
1.3396 +}
1.3397 +
1.3398 +.afPopup>FOOTER>A.center{
1.3399 + float:none!important;
1.3400 + width:80%;
1.3401 + margin:8px;
1.3402 +}
1.3403 +/** This can be your default scrollbar class. You must use !important to override the default inline styles */
1.3404 +.scrollBar {
1.3405 + position: absolute !important;
1.3406 + width: 5px !important;
1.3407 + height: 20px !important;
1.3408 + border-radius: 2px !important;
1.3409 + border: 1px solid black !important;
1.3410 + background: black !important;
1.3411 + opacity: 0 !important;
1.3412 +}
1.3413 + #afModalMask {
1.3414 + position:absolute;
1.3415 + top:0px;
1.3416 + left:0px;
1.3417 + width:100%;
1.3418 + height:100%;
1.3419 + background:transparent;
1.3420 + display:none;
1.3421 + z-index:9999;
1.3422 + }
1.3423 +
1.3424 + #afSelectBoxContainer {
1.3425 + position:absolute;
1.3426 + display:block;
1.3427 + width:90%;
1.3428 + max-width:280px;
1.3429 + margin-right:auto;
1.3430 + min-height:100px;
1.3431 + background:#303030;
1.3432 + color:white;
1.3433 + overflow:hidden;
1.3434 + z-index:9999;
1.3435 + max-height:300px;
1.3436 + margin-top: -150px;
1.3437 + top: 50%;
1.3438 + left: 50%;
1.3439 + margin-left: -138px;
1.3440 + }
1.3441 +
1.3442 +
1.3443 + #afSelectBoxfix ul {
1.3444 + list-style-type:none;
1.3445 + padding:0px;
1.3446 + margin:0px;
1.3447 + }
1.3448 + #afSelectBoxfix li {
1.3449 + font-size: 1.1em;
1.3450 + color: #fff;
1.3451 + display: block;
1.3452 + line-height: 2.5em;
1.3453 + padding: 0 1em;
1.3454 + border-bottom: 1px solid #444;
1.3455 + }
1.3456 + #afSelectBoxfix .selected {
1.3457 + background:#33B5E5;
1.3458 + }
1.3459 +
1.3460 + .afFakeSelect {
1.3461 + width: 200px;
1.3462 + height: 30px;
1.3463 + display: inline-block;
1.3464 + border: 1px solid #ccc;
1.3465 + border-radius: 5px;
1.3466 + line-height: 2em;
1.3467 + font-size: 1em;
1.3468 + padding-left: 10px;
1.3469 + position: relative;
1.3470 + padding-right: 35px;
1.3471 + text-overflow: ellipsis;
1.3472 + white-space: nowrap;
1.3473 + overflow: hidden;
1.3474 + }
1.3475 +
1.3476 + .afFakeSelect:after {
1.3477 + position:absolute;
1.3478 + top:5px;
1.3479 + right:5px;
1.3480 + border: 14px solid transparent;
1.3481 + border-top-color: #ccc;
1.3482 + content:'';
1.3483 + }
1.3484 +
1.3485 + #afSelectBoxContainer #afSelectDone,#afSelectBoxContainer #afSelectCancel{
1.3486 + margin-top:10px;
1.3487 + display: inline-block;
1.3488 + height: 30px;
1.3489 + width: 100px;
1.3490 + background:#33B5E5;
1.3491 + border: 1px solid #33B5E5;
1.3492 + text-align: center;
1.3493 + line-height: 2em;
1.3494 + float: left;
1.3495 + margin-left: 10px;
1.3496 + }
1.3497 + #afSelectBoxContainer #afSelectCancel {
1.3498 + float:right;
1.3499 + margin-right:10px;
1.3500 + }
1.3501 + #afSelectBoxContainer #afSelectClose {
1.3502 + overflow: hidden;
1.3503 + border-bottom: 1px solid #444;
1.3504 + padding-bottom:5px;
1.3505 + }
1.3506 +
1.3507 + select:disabled~.afFakeSelect {
1.3508 + background:#ccc;
1.3509 + color:black;
1.3510 + }
