#af_actionsheet { position: absolute; left: 0px; right: 0px; padding-left: 10px; padding-right: 10px; padding-top: 10px; margin: auto; background: black; float: left; z-index: 9999; border-top: #fff 1px solid; background: rgba(71, 71, 71, 0.95); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0)), color-stop(0.08, rgba(255, 255, 255, 0.1)), color-stop(0.08, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 8%, rgba(255, 255, 255, 0) 8%); box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.4); bottom: 0px; } #af_actionsheet a { text-decoration: none; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; text-shadow: 0px -1px rgba(0, 0, 0, 0.8); padding: 0px .25em; border: 1px solid rgba(0, 0, 0, 0.8); text-overflow: ellipsis; border-radius: .75em; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 50%); box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7); display: block; color: white; text-align: center; line-height: 36px; font-size: 20px; font-weight: bold; margin-bottom: 10px; background-color: #828282; } #af_actionsheet a.selected { background-color: #969696; } #af_actionsheet a.cancel { background-color: #2b2b2b; color: white; } #af_actionsheet a.cancel.selected { background-color: #494949; } #af_actionsheet a.red { color: white; background-color: #cc0000; } #af_actionsheet a.red.selected { background-color: #ff0000; } #mask { display: block; width: 100%; height: 100%; background: #000; z-index: 999999; position: fixed; top: 0; left: 0; } .afPopup { display: block; width: 280px; float: left; border: solid 1px #72767b; border-radius: 10px; padding: 10px; opacity: 1; -webkit-transform: scale(1); transform: scale(1); position: absolute; z-index: 1000000; top: 50%; left: 50%; margin: 0px auto; background: #464646; color: white; } .afPopup > * { color: inherit; } .afPopup > HEADER { font-weight: bold; font-size: 20px; margin: 0; padding: 5px; } .afPopup > DIV { font-size: 14px; margin: 8px; } .afPopup > FOOTER { width: 100%; text-align: center; display: block !important; } .afPopup > FOOTER > A#cancel { float: left; } .afPopup > FOOTER > A#action { float: right; } .afPopup > FOOTER > A.center { float: none!important; width: 80%; margin: 8px; } .afPopup.hidden { opacity: 0; -webkit-transform: scale(0.1); } .afPopup.show { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #splashscreen { position: absolute; top: 0; bottom: 0; width: 100%; left: 0; min-height: 120%; background: #1d1d1c !important; color: white !important; font-size: 30px; text-align: center; z-index: 9999; display: block; margin-left: auto !important; margin-right: auto !important; padding-top: 80px !important; } .ui-icon { background: #666; background: rgba(0, 0, 0, 0.4); background-repeat: no-repeat; } .ui-loader { display: none; margin: 10px; 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, 0.4); color: white; } .ui-loader h1 { font-size: 15px; text-align: center; } .ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 10px auto; width: 35px; height: 35px; background-color: #eee; } .ui-loader.heavy { opacity: 1; } .spin { -webkit-transform: rotate(360deg); -webkit-animation-name: spin; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; transform: rotate(360deg); animation-name: spin; animation-duration: 1s; animation-iteration-count: infinite; } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .ui-icon-loading { width: 40px; height: 40px; border-left: 2px solid #ccc; border-right: 2px solid #ccc; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; background: white; border-radius: 10px; } .ui-corner-all { border-radius: .6em; } .swipe-reveal .swipe-hidden { position: absolute; right: 0px; top: 0px; z-index: 1; bottom: 0px; } .swipe-reveal .swipe-content { position: relative; display: block; color: inherit; margin: -20px -20px -20px -10px; text-decoration: none; padding: 20px 20px 20px 10px; background: inherit; z-index: 2; } .swipe-hidden .button, .swipe-hidden .button.pressed { display: inline-block; height: 100%; background: #ccc !important; color: white; border-radius: 0 !important; border: none; padding: 20px 15px; margin: 0; float: left; color: white !important; } .swipe-hidden .archive, .swipe-hidden .archive.pressed { background: red !important; } .afToast { width: auto; border: solid 1px #72767b; z-index: 1000000; margin: 0px auto; background: #464646; color: white; opacity: 0.95; height: auto; font-size: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: left; line-height: 46px; margin: 5px 10px; border-radius: 5px; overflow: hidden; } .afToast > * { color: inherit; } .afToast > DIV { font-size: 16px; margin: 8px; } .afToast.hidden { opacity: 0.1; height: 5px; overflow: hidden; } .afToastContainer { position: absolute; top: 0px; left: 0px; z-index: 99999; } .afToast.success { background: #499349; } .afToast.error { background: #AA312A; } .afToast.warning { background: #DF8505; } .afToastContainer.br { bottom: 0px; right: 0px; top: auto; left: auto; } .afToastContainer.bl { bottom: 0px; left: 0px; top: auto; right: auto; } .afToastContainer.tl { top: 0px; left: 0px; right: auto; bottom: auto; } .afToastContainer.tr { top: 0px; right: 0px; left: auto; bottom: auto; } .afToastContainer.tc { top: 0px; right: 0px; bottom: auto; left: 0px; } .afToastContainer.bc { top: auto; right: 0px; bottom: 0px; left: 0px; } .android, .android .view, .android .view .pages { font: 14px 'Roboto', sans-serif; background: #000; color: #fff; border-color: #fff; } .android.light .view, .android.light .view .pages { background: #FDFDFD; color: #000; } .android .view header { background: inherit; color: inherit; border-color: #33b5e5; } .android .view header .button { color: inherit; background: none; font-size: 14px; box-shadow: none; } .android .view header .backButton { background: inherit; color: inherit; } .android .view footer { box-shadow: none; background: inherit; border-top: 2px solid #33b5e5; border-bottom: none; padding: 0; } .android .view footer > a:not(.button) { color: inherit; top: 0px; } .android .view footer > a.pressed:not(.button) { border: 0px; border-top: 1px solid #33b5e5; border-radius: 0px; background: none; } .android .view footer > a.icon.pressed:not(.button):before { color: inherit; } .android .menuButton:after { border-color: white; } .android .af-badge { border: none; } .android .list { background: inherit; color: inherit; border-color: #303030; } .android .list .divider { color: black; } .android .panel h2 { color: inherit; } .android .collapsed:after { border-top: 6px solid; } .android .collapsed:before { border: 2px solid; } .android .expanded:after { border-bottom: 6px solid; } .android .expanded:before { border: 2px solid; } .android .afScrollbar { background: white !important; } .android input[type="range"] { -webkit-appearance: none; background-color: #ccc; height: 2px !important; position: relative; top: -10px; margin-top: 15px; } .android input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; position: relative; z-index: 1; width: 21px; height: 21px; border-radius: 40px; background: #33b5e5; } .android input.toggle + label:after { color: inherit; } .android input.toggle + label { border-radius: 0; } .android input.toggle + label > span { border-radius: 0; top: 0; width: 27px; height: 29px; } .android input.toggle:checked + label { background: #33b5e5; } .android label { color: inherit; } .android input[type="checkbox"] + label:before { border-radius: 0; } .android input[type="checkbox"]:not(.toggle):checked + label:before { color: #33b5e5; background: white; } .android .button { border-radius: 0; border: none; background: #424343; border-color: transparent; color: inherit; text-shadow: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); } .android .button.previous::after { width: 20px; height: 20px; background-color: inherit; top: 5px; left: -12px; border-radius: 0; box-shadow: none; border-color: transparent; } .android .button.next::after { width: 20px; height: 20px; background-color: inherit; top: 5px; right: -12px; border-radius: 0; box-shadow: none; border-color: transparent; } .android header .button-grouped > .button { border-color: #777; } .android .button-grouped * { border: 1px solid rgba(255, 255, 255, 0.25); border-left-width: 0; box-shadow: none; } .android .button-grouped.vertical * { border-left: 1px solid rgba(255, 255, 255, 0.25); border-bottom-width: 0; } .android .button-grouped.vertical .button:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.25); } .android .afPopup { border: solid 1px #aaa; padding: 0; border-radius: 0; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; background: inherit; background-color: rgba(0, 0, 0, 0.9); color: inherit; } .android .afPopup > HEADER { font-weight: normal; font-size: 20px; text-align: left; padding: 10px; } .android .afPopup > DIV { font-size: 14px; text-align: left; padding: 10px; margin: 0; border-top: solid 1px #aaa; border-bottom: solid 1px #aaa; } .android .afPopup > FOOTER { background: #bbb; } .android .afPopup > FOOTER > A#cancel { margin-left: 10px; width: 120px; } .android .afPopup > FOOTER > A#action { margin-right: 10px; width: 120px; } .android .afPopup > FOOTER > A.center { margin: 8px; } .android #af_actionsheet { border: #666 1px solid; border-top: #33b5e5 3px solid; background: #555; color: inherit; margin: -20px 20px 0 20px; padding: 0px; } .android #af_actionsheet a { border-radius: 0; border: 0px solid #777; background: #424343; color: inherit; line-height: 50px; margin-bottom: 1px; } .android #af_actionsheet a.cancel { margin-bottom: 0px; background: #424343; color: red; } .android.light .menuButton:after { border-color: black; } .android.light .afScrollbar { background: black !important; } .android.light .button { background: #eee; border-color: #D1D1D1; } .android.light .afPopup { background-color: rgba(255, 255, 255, 0.9); } .android.light #af_actionsheet { border: #bbb 1px solid; border-top: #33b5e5 3px solid; background: #bbb; } .android.light #af_actionsheet a { background: #fff; } .android .view .panel { background: inherit; color: inherit; } .android .collapsed:before, .android .expanded:before { border-color: inherit; } .android .collapsed:after, .android .expanded:after { border-top-color: inherit; } .android select, .android textarea, .android input[type="text"], .android input[type=search], .android input[type="password"], .android input[type="datetime"], .android input[type="datetime-local"], .android input[type="date"], .android input[type="month"], .android input[type="time"], .android input[type="week"], .android input[type="number"], .android input[type="email"], .android input[type="url"], .android input[type="tel"], .android input[type="color"], .android .input-group { background: inherit; color: inherit; border: none; border-radius: 0; border-bottom: 1px solid #ccc; } .android:not(.light) input[type="radio"]:not(.toggle):checked + label:before { background: #33b5e5; border: 2px solid white; } .android .button.pressed, .android header .button-grouped > .button.pressed { background: #33b5e5; border-color: #33b5e5; } .android .afPopup > FOOTER > A, .android.light .afPopup > FOOTER > A { background: #fff; color: #111; } .panel.active, .panel.animation-active { display: block !important; z-index: 100; -webkit-animation-timing-function: linear !important; animation-timing-function: linear !important; } .animation-active { -webkit-animation-timing-function: linear !important; animation-timing-function: linear !important; } .panel.animation-active { -webkit-transition-duration: 300ms; transition-duration: 300ms; } .fast { -webkit-transition-duration: 100ms !important; transition-duration: 100ms !important; } .none-in, .none-out { -webkit-animation: noTransition 1ms forwards; animation: noTransition 1ms forwards; } .blank-in, .blank-out, .blank { -webkit-animation: noTransition 300ms forwards; animation: noTransition 300ms forwards; } @-webkit-keyframes noTransition { from { opacity: 1.0; } to { opacity: 0.99; } } @keyframes noTransition { from { opacity: 1.0; } to { opacity: 0.99; } } .slide-in { -webkit-animation: slide-inAnimation 300ms forwards; animation: slide-inAnimation 300ms forwards; } @-webkit-keyframes slide-inAnimation { 0% { -webkit-transform: translate3d(100%, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); } } @keyframes slide-inAnimation { 0% { transform: translate3d(100%, 0, 0); } 100% { transform: translate3d(0, 0, 0); } } .slide-in.animation-reverse { -webkit-animation: slide-inAnimationReverse 450ms forwards; animation: slide-inAnimationReverse 450ms forwards; } @-webkit-keyframes slide-inAnimationReverse { 100% { -webkit-transform: translate3d(100%, 0, 0); } 0% { -webkit-transform: translate3d(0, 0, 0); } } @keyframes slide-inAnimationReverse { 100% { transform: translate3d(100%, 0, 0); } 0% { transform: translate3d(0, 0, 0); } } .slide-out { -webkit-animation: slide-outAnimation 300ms forwards; animation: slide-outAnimation 300ms forwards; } @-webkit-keyframes slide-outAnimation { 0% { -webkit-transform: translate3d(0%, 0, 0); } 100% { -webkit-transform: translate3d(-200px, 0, 0); } } @keyframes slide-outAnimation { 0% { transform: translate3d(0%, 0, 0); } 100% { transform: translate3d(-200px, 0, 0); } } .slide-out.animation-reverse { -webkit-animation: slide-outAnimationReverse 450ms forwards; animation: slide-outAnimationReverse 450ms forwards; } @-webkit-keyframes slide-outAnimationReverse { 100% { -webkit-transform: translate3d(0%, 0, 0); } 0% { -webkit-transform: translate3d(-200px, 0, 0); } } @keyframes slide-outAnimationReverse { 100% { transform: translate3d(0%, 0, 0); } 0% { transform: translate3d(-200px, 0, 0); } } .slide-full-in { -webkit-animation: slide-full-inAnimation 300ms forwards; animation: slide-full-inAnimation 300ms forwards; } @-webkit-keyframes slide-full-inAnimation { 0% { -webkit-transform: translate3d(100%, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); } } @keyframes slide-full-inAnimation { 0% { transform: translate3d(100%, 0, 0); } 100% { transform: translate3d(0, 0, 0); } } .slide-full-in.animation-reverse { -webkit-animation: slide-full-inAnimationReverse 450ms forwards; animation: slide-full-inAnimationReverse 450ms forwards; } @-webkit-keyframes slide-full-inAnimationReverse { 100% { -webkit-transform: translate3d(100%, 0, 0); } 0% { -webkit-transform: translate3d(0, 0, 0); } } @keyframes slide-full-inAnimationReverse { 100% { transform: translate3d(100%, 0, 0); } 0% { transform: translate3d(0, 0, 0); } } .slide-full-out { -webkit-animation: slide-full-outAnimation 300ms forwards; animation: slide-full-outAnimation 300ms forwards; } @-webkit-keyframes slide-full-outAnimation { 0% { -webkit-transform: translate3d(0%, 0, 0); } 100% { -webkit-transform: translate3d(-100%, 0, 0); } } @keyframes slide-full-outAnimation { 0% { transform: translate3d(0%, 0, 0); } 100% { transform: translate3d(-100%, 0, 0); } } .slide-full-out.animation-reverse { -webkit-animation: slide-full-outAnimationReverse 450ms forwards; animation: slide-full-outAnimationReverse 450ms forwards; } @-webkit-keyframes slide-full-outAnimationReverse { 100% { -webkit-transform: translate3d(0%, 0, 0); } 0% { -webkit-transform: translate3d(-100%, 0, 0); } } @keyframes slide-full-outAnimationReverse { 100% { transform: translate3d(0%, 0, 0); } 0% { transform: translate3d(-100%, 0, 0); } } .pop-in { -webkit-animation: pop-inAnimation 300ms forwards; animation: pop-inAnimation 300ms forwards; } @-webkit-keyframes pop-inAnimation { 0% { opacity: 0; -webkit-transform: scale(0.5); } 100% { opacity: 1; -webkit-transform: scale(1); } } @keyframes pop-inAnimation { 0% { opacity: 0; transform: scale(0.5); } 100% { opacity: 1; transform: scale(1); } } .pop-in.animation-reverse { -webkit-animation: pop-inAnimationReverse 450ms forwards; animation: pop-inAnimationReverse 450ms forwards; } @-webkit-keyframes pop-inAnimationReverse { 100% { opacity: 0; -webkit-transform: scale(0.5); } 0% { opacity: 1; -webkit-transform: scale(1); } } @keyframes pop-inAnimationReverse { 100% { opacity: 0; transform: scale(0.5); } 0% { opacity: 1; transform: scale(1); } } .pop-out { -webkit-animation: noTransition 300ms forwards; animation: noTransition 300ms forwards; } .fade-in { -webkit-animation: fade-inAnimation 300ms forwards; animation: fade-inAnimation 300ms forwards; } @-webkit-keyframes fade-inAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-inAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } .fade-in.animation-reverse { -webkit-animation: fade-inAnimationReverse 450ms forwards; animation: fade-inAnimationReverse 450ms forwards; } @-webkit-keyframes fade-inAnimationReverse { 100% { opacity: 0; } 0% { opacity: 1; } } @keyframes fade-inAnimationReverse { 100% { opacity: 0; } 0% { opacity: 1; } } .fade-out { -webkit-animation: noTransition 300ms forwards; animation: noTransition 300ms forwards; } .up-in { -webkit-animation: up-inAnimation 300ms forwards; animation: up-inAnimation 300ms forwards; } @-webkit-keyframes up-inAnimation { 0% { -webkit-transform: translate3d(0%, 100%, 0); } 100% { -webkit-transform: translate3d(0%, 0%, 0); } } @keyframes up-inAnimation { 0% { transform: translate3d(0%, 100%, 0); } 100% { transform: translate3d(0%, 0%, 0); } } .up-in.animation-reverse { -webkit-animation: up-inAnimationReverse 450ms forwards; animation: up-inAnimationReverse 450ms forwards; } @-webkit-keyframes up-inAnimationReverse { 100% { -webkit-transform: translate3d(0%, 100%, 0); } 0% { -webkit-transform: translate3d(0%, 0%, 0); } } @keyframes up-inAnimationReverse { 100% { transform: translate3d(0%, 100%, 0); } 0% { transform: translate3d(0%, 0%, 0); } } .up-out { -webkit-animation: up-outAnimation 300ms forwards; animation: up-outAnimation 300ms forwards; } @-webkit-keyframes up-outAnimation { 0% { -webkit-transform: translate3d(0%, 0, 0); } 100% { -webkit-transform: translate3d(0%, -200px, 0); } } @keyframes up-outAnimation { 0% { transform: translate3d(0%, 0, 0); } 100% { transform: translate3d(0%, -200px, 0); } } .up-out.animation-reverse { -webkit-animation: up-outAnimationReverse 450ms forwards; animation: up-outAnimationReverse 450ms forwards; } @-webkit-keyframes up-outAnimationReverse { 100% { -webkit-transform: translate3d(0%, 0, 0); } 0% { -webkit-transform: translate3d(0%, -200px, 0); } } @keyframes up-outAnimationReverse { 100% { transform: translate3d(0%, 0, 0); } 0% { transform: translate3d(0%, -200px, 0); } } .down-in { -webkit-animation: down-inAnimation 300ms forwards; animation: down-inAnimation 300ms forwards; } @-webkit-keyframes down-inAnimation { 0% { -webkit-transform: translate3d(0%, -100%, 0); } 100% { -webkit-transform: translate3d(0%, 0%, 0); } } @keyframes down-inAnimation { 0% { transform: translate3d(0%, -100%, 0); } 100% { transform: translate3d(0%, 0%, 0); } } .down-in.animation-reverse { -webkit-animation: down-inAnimationReverse 450ms forwards; animation: down-inAnimationReverse 450ms forwards; } @-webkit-keyframes down-inAnimationReverse { 100% { -webkit-transform: translate3d(0%, -100%, 0); } 0% { -webkit-transform: translate3d(0%, 0%, 0); } } @keyframes down-inAnimationReverse { 100% { transform: translate3d(0%, -100%, 0); } 0% { transform: translate3d(0%, 0%, 0); } } .down-out { -webkit-animation: down-outAnimation 300ms forwards; animation: down-outAnimation 300ms forwards; } @-webkit-keyframes down-outAnimation { 0% { -webkit-transform: translate3d(0%, 0%, 0); } 100% { -webkit-transform: translate3d(0%, 200px, 0); } } @keyframes down-outAnimation { 0% { transform: translate3d(0%, 0%, 0); } 100% { transform: translate3d(0%, 200px, 0); } } .down-out.animation-reverse { -webkit-animation: down-outAnimationReverse 450ms forwards; animation: down-outAnimationReverse 450ms forwards; } @-webkit-keyframes down-outAnimationReverse { 100% { -webkit-transform: translate3d(0%, 0%, 0); } 0% { -webkit-transform: translate3d(0%, 200px, 0); } } @keyframes down-outAnimationReverse { 100% { transform: translate3d(0%, 0%, 0); } 0% { transform: translate3d(0%, 200px, 0); } } .flip-in { -webkit-animation: flip-inAnimation 300ms forwards; animation: flip-inAnimation 300ms forwards; z-index: 5; backface-visibility: hidden; -webkit-backface-visibility: hidden; } @-webkit-keyframes flip-inAnimation { 0% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); } } @keyframes flip-inAnimation { 0% { transform: rotateY(180deg); } 100% { transform: rotateY(0deg); } } .flip-in.animation-reverse { -webkit-animation: flip-inAnimationReverse 450ms forwards; animation: flip-inAnimationReverse 450ms forwards; } @-webkit-keyframes flip-inAnimationReverse { 100% { -webkit-transform: rotateY(180deg); } 0% { -webkit-transform: rotateY(0deg); } } @keyframes flip-inAnimationReverse { 100% { transform: rotateY(180deg); } 0% { transform: rotateY(0deg); } } .flip-out { -webkit-animation: flip-outAnimation 300ms forwards; animation: flip-outAnimation 300ms forwards; z-index: 4; backface-visibility: hidden; -webkit-backface-visibility: hidden; } @-webkit-keyframes flip-outAnimation { 0% { -webkit-transform: rotateY(0deg); } 100% { -webkit-transform: rotateY(180deg); } } @keyframes flip-outAnimation { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(180deg); } } .flip-out.animation-reverse { -webkit-animation: flip-outAnimationReverse 450ms forwards; animation: flip-outAnimationReverse 450ms forwards; } @-webkit-keyframes flip-outAnimationReverse { 100% { -webkit-transform: rotateY(0deg); } 0% { -webkit-transform: rotateY(180deg); } } @keyframes flip-outAnimationReverse { 100% { transform: rotateY(0deg); } 0% { transform: rotateY(180deg); } } .slide-left-in { -webkit-animation: slide-left-inAnimation 300ms forwards; animation: slide-left-inAnimation 300ms forwards; } @-webkit-keyframes slide-left-inAnimation { 0% { -webkit-transform: translate3d(-100%, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); } } @keyframes slide-left-inAnimation { 0% { transform: translate3d(-100%, 0, 0); } 100% { transform: translate3d(0, 0, 0); } } .slide-left-in.animation-reverse { -webkit-animation: slide-left-inAnimationReverse 450ms forwards; animation: slide-left-inAnimationReverse 450ms forwards; } @-webkit-keyframes slide-left-inAnimationReverse { 100% { -webkit-transform: translate3d(-100%, 0, 0); } 0% { -webkit-transform: translate3d(0, 0, 0); } } @keyframes slide-left-inAnimationReverse { 100% { transform: translate3d(-100%, 0, 0); } 0% { transform: translate3d(0, 0, 0); } } .slide-left-out { -webkit-animation: slide-left-outAnimation 300ms forwards; animation: slide-left-outAnimation 300ms forwards; } @-webkit-keyframes slide-left-outAnimation { 0% { -webkit-transform: translate3d(0%, 0, 0); } 100% { -webkit-transform: translate3d(200px, 0, 0); } } @keyframes slide-left-outAnimation { 0% { transform: translate3d(0%, 0, 0); } 100% { transform: translate3d(200px, 0, 0); } } .slide-left-out.animation-reverse { -webkit-animation: slide-left-outAnimationReverse 450ms forwards; animation: slide-left-outAnimationReverse 450ms forwards; } @-webkit-keyframes slide-left-outAnimationReverse { 100% { -webkit-transform: translate3d(0%, 0, 0); } 0% { -webkit-transform: translate3d(200px, 0, 0); } } @keyframes slide-left-outAnimationReverse { 100% { transform: translate3d(0%, 0, 0); } 0% { transform: translate3d(200px, 0, 0); } } .slide-right-in { -webkit-animation: slide-right-inAnimation 300ms forwards; animation: slide-right-inAnimation 300ms forwards; } @-webkit-keyframes slide-right-inAnimation { 0% { -webkit-transform: translate3d(100%, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); } } @keyframes slide-right-inAnimation { 0% { transform: translate3d(100%, 0, 0); } 100% { transform: translate3d(0, 0, 0); } } .slide-right-in.animation-reverse { -webkit-animation: slide-right-inAnimationReverse 450ms forwards; animation: slide-right-inAnimationReverse 450ms forwards; } @-webkit-keyframes slide-right-inAnimationReverse { 100% { -webkit-transform: translate3d(100%, 0, 0); } 0% { -webkit-transform: translate3d(0, 0, 0); } } @keyframes slide-right-inAnimationReverse { 100% { transform: translate3d(100%, 0, 0); } 0% { transform: translate3d(0, 0, 0); } } .slide-right-out { -webkit-animation: slide-right-outAnimation 300ms forwards; animation: slide-right-outAnimation 300ms forwards; } @-webkit-keyframes slide-right-outAnimation { 0% { -webkit-transform: translate3d(0%, 0, 0); } 100% { -webkit-transform: translate3d(-200px, 0, 0); } } @keyframes slide-right-outAnimation { 0% { transform: translate3d(0%, 0, 0); } 100% { transform: translate3d(-200px, 0, 0); } } .slide-right-out.animation-reverse { -webkit-animation: slide-right-outAnimationReverse 450ms forwards; animation: slide-right-outAnimationReverse 450ms forwards; } @-webkit-keyframes slide-right-outAnimationReverse { 100% { -webkit-transform: translate3d(0%, 0, 0); } 0% { -webkit-transform: translate3d(-200px, 0, 0); } } @keyframes slide-right-outAnimationReverse { 100% { transform: translate3d(0%, 0, 0); } 0% { transform: translate3d(-200px, 0, 0); } } .invoke-out { -webkit-animation: invoke-outAnimation 500ms forwards; animation: invoke-outAnimation 500ms forwards; z-index: 11; } @-webkit-keyframes invoke-outAnimation { 0% { -webkit-transform: scale(1) translate3d(0%, 0, 0); } 50% { -webkit-transform: scale(0.8) translate3d(10%, 0, 0); } 100% { -webkit-transform: scale(0.8) translate3d(100%, 0, 0); } } @keyframes invoke-outAnimation { 0% { transform: scale(1) translate3d(0%, 0, 0); } 50% { transform: scale(0.8) translate3d(10%, 0, 0); } 100% { transform: scale(0.8) translate3d(100%, 0, 0); } } .invoke-out.animation-reverse { -webkit-animation: invoke-outAnimationReverse 750ms forwards; animation: invoke-outAnimationReverse 750ms forwards; } @-webkit-keyframes invoke-outAnimationReverse { 100% { -webkit-transform: scale(1) translate3d(0%, 0, 0); } 50% { -webkit-transform: scale(0.8) translate3d(10%, 0, 0); } 0% { -webkit-transform: scale(0.8) translate3d(100%, 0, 0); } } @keyframes invoke-outAnimationReverse { 100% { transform: scale(1) translate3d(0%, 0, 0); } 50% { transform: scale(0.8) translate3d(10%, 0, 0); } 0% { transform: scale(0.8) translate3d(100%, 0, 0); } } .invoke-in { -webkit-animation: invoke-inAnimation 500ms forwards; animation: invoke-inAnimation 500ms forwards; z-index: 10; } @-webkit-keyframes invoke-inAnimation { 0% { -webkit-transform: scale(0.6) translate3d(-130%, 0, 0); } 50% { -webkit-transform: scale(0.8) translate3d(-110%, 0, 0); } 100% { -webkit-transform: scale(1) translate3d(0, 0, 0); } } @keyframes invoke-inAnimation { 0% { transform: scale(0.6) translate3d(-130%, 0, 0); } 50% { transform: scale(0.8) translate3d(-110%, 0, 0); } 100% { transform: scale(1) translate3d(0, 0, 0); } } .invoke-in.animation-reverse { -webkit-animation: invoke-inAnimationReverse 750ms forwards; animation: invoke-inAnimationReverse 750ms forwards; } @-webkit-keyframes invoke-inAnimationReverse { 100% { -webkit-transform: scale(0.6) translate3d(-130%, 0, 0); } 50% { -webkit-transform: scale(0.8) translate3d(-110%, 0, 0); } 0% { -webkit-transform: scale(1) translate3d(0, 0, 0); } } @keyframes invoke-inAnimationReverse { 100% { transform: scale(0.6) translate3d(-130%, 0, 0); } 50% { transform: scale(0.8) translate3d(-110%, 0, 0); } 0% { transform: scale(1) translate3d(0, 0, 0); } } .header-load { -webkit-animation: header-loadAnimation 300ms forwards; animation: header-loadAnimation 300ms forwards; } @-webkit-keyframes header-loadAnimation { 0% { -webkit-transform: translate3d(0%, 0, 0); } 100% { -webkit-transform: translate3d(-90px, 0, 0); opacity: 0.1; } } @keyframes header-loadAnimation { 0% { transform: translate3d(0%, 0, 0); } 100% { transform: translate3d(-90px, 0, 0); opacity: 0.1; } } .header-load.animation-reverse { -webkit-animation: header-loadAnimationReverse 450ms forwards; animation: header-loadAnimationReverse 450ms forwards; } @-webkit-keyframes header-loadAnimationReverse { 100% { -webkit-transform: translate3d(0%, 0, 0); } 0% { -webkit-transform: translate3d(-90px, 0, 0); opacity: 0.1; } } @keyframes header-loadAnimationReverse { 100% { transform: translate3d(0%, 0, 0); } 0% { transform: translate3d(-90px, 0, 0); opacity: 0.1; } } .header-unload { -webkit-animation: header-unloadAnimation 300ms forwards; animation: header-unloadAnimation 300ms forwards; } @-webkit-keyframes header-unloadAnimation { 0% { -webkit-transform: translate3d(0%, 0, 0); } 100% { -webkit-transform: translate3d(90px, 0, 0); opacity: 0.1; } } @keyframes header-unloadAnimation { 0% { transform: translate3d(0%, 0, 0); } 100% { transform: translate3d(90px, 0, 0); opacity: 0.1; } } .header-unload.animation-reverse { -webkit-animation: header-unloadAnimationReverse 450ms forwards; animation: header-unloadAnimationReverse 450ms forwards; } @-webkit-keyframes header-unloadAnimationReverse { 100% { -webkit-transform: translate3d(0%, 0, 0); } 0% { -webkit-transform: translate3d(90px, 0, 0); opacity: 0.1; } } @keyframes header-unloadAnimationReverse { 100% { transform: translate3d(0%, 0, 0); } 0% { transform: translate3d(90px, 0, 0); opacity: 0.1; } } .header-load-to { -webkit-animation: header-load-toAnimation 500ms forwards; animation: header-load-toAnimation 500ms forwards; } @-webkit-keyframes header-load-toAnimation { 0% { -webkit-transform: translate3d(90px, 0, 0); opacity: 0.1; } 100% { -webkit-transform: translate3d(0%, 0, 0); opacity: 1; } } @keyframes header-load-toAnimation { 0% { transform: translate3d(90px, 0, 0); opacity: 0.1; } 100% { transform: translate3d(0%, 0, 0); opacity: 1; } } .header-load-to.animation-reverse { -webkit-animation: header-load-toAnimationReverse 750ms forwards; animation: header-load-toAnimationReverse 750ms forwards; } @-webkit-keyframes header-load-toAnimationReverse { 100% { -webkit-transform: translate3d(90px, 0, 0); opacity: 0.1; } 0% { -webkit-transform: translate3d(0%, 0, 0); opacity: 1; } } @keyframes header-load-toAnimationReverse { 100% { transform: translate3d(90px, 0, 0); opacity: 0.1; } 0% { transform: translate3d(0%, 0, 0); opacity: 1; } } .header-unload-to { -webkit-animation: header-unload-toAnimation 500ms forwards; animation: header-unload-toAnimation 500ms forwards; } @-webkit-keyframes header-unload-toAnimation { 0% { -webkit-transform: translate3d(-90px, 0, 0); opacity: 0.1; } 100% { -webkit-transform: translate3d(0%, 0, 0); opacity: 1; } } @keyframes header-unload-toAnimation { 0% { transform: translate3d(-90px, 0, 0); opacity: 0.1; } 100% { transform: translate3d(0%, 0, 0); opacity: 1; } } .header-unload-to.animation-reverse { -webkit-animation: header-unload-toAnimationReverse 750ms forwards; animation: header-unload-toAnimationReverse 750ms forwards; } @-webkit-keyframes header-unload-toAnimationReverse { 100% { -webkit-transform: translate3d(-90px, 0, 0); opacity: 0.1; } 0% { -webkit-transform: translate3d(0%, 0, 0); opacity: 1; } } @keyframes header-unload-toAnimationReverse { 100% { transform: translate3d(-90px, 0, 0); opacity: 0.1; } 0% { transform: translate3d(0%, 0, 0); opacity: 1; } } @-ms-viewport { width: device-width; } body .afPopup { border: solid 1px #33B5E5; border-radius: 5px; background: inherit; color: inherit; } body .afPopup > FOOTER > A { width: 120px; } body #af_actionsheet { background: #0190d6; color: inherit; } body #af_actionsheet a { border-radius: 0; color: black; background: white; border: none; text-shadow: none; } .view header { background: #0088d1; border: none; border-bottom: 1px solid #0088d1; color: #ffffff; } .view header h1 { text-shadow: none; width: 45%; } .view header .backButton { background: #f9f9f9; color: #fff; display: block; line-height: 44px; left: 25px; text-overflow: ellipsis; font-size: 14px; padding: 0; text-shadow: none; background-color: transparent; border: none; border-color: transparent; height: 44px; top: 0; border-radius: 0; box-shadow: none; margin: 0; padding-left: 0; text-align: center; width: 50px; padding: 0 !important; margin: 0 !important; position: absolute; } .view footer { background: #0088d1; border: none; border-top: 1px solid #0088d1; box-shadow: none; } .view footer > a { color: #ffffff; } .view footer > a.pressed:not(.button) { border-radius: 0; background-color: #00AEEF; } .view footer > a.icon.pressed:not(.button):before { color: inherit; } .backButton::before { z-index: -1; font-size: 22px; position: absolute; top: -2px; left: -30px; text-align: center; border-radius: 0; border: none; border-color: transparent; box-shadow: none; -webkit-transform: none; transform: none; font-family: 'chevron'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; content: "\f054"; -webkit-transform: rotate(180deg); transform: rotate(180deg); background-color: transparent; padding: 12px; } .af-badge { border: none; box-shadow: none; } .list { background: inherit; color: inherit; border-color: #303030; font-weight: normal; } .list .divider { color: black; } .list > li > a:after { color: #0088D1; } .panel { color: inherit; background: inherit; } .panel h2 { color: #0088D1; } .collapsed:after { border-top: 6px solid; } .collapsed:before { border: 2px solid; } .expanded:after { border-bottom: 6px solid; } .expanded:before { border: 2px solid; } .collapsed:before, .expanded:before { border-color: inherit; } .collapsed:after, .expanded:after { border-top-color: inherit; } select, textarea, input[type="text"], input[type=search], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="color"], .input-group { background: inherit; color: inherit; } input.toggle + label:after { color: inherit; } input.toggle + label { border-radius: 0; } input.toggle + label > span { border-radius: 0; top: 0; width: 27px; height: 23px; } label { color: inherit; } input[type="radio"]:checked + label:before, input[type="checkbox"]:checked + label:before { background: #33B5E5; } .button { border-radius: 0; text-shadow: none; } .button.previous { border: none; } .button.next { border: none; } .button.previous::after { color: black; z-index: -1; font-size: 22px; position: absolute; top: 2px; left: -25px; text-align: center; border-radius: 0; border: none; border-color: transparent; box-shadow: none; -webkit-transform: none; transform: none; font-family: 'chevron'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; content: "\f054"; -webkit-transform: rotate(180deg); transform: rotate(180deg); background-color: transparent; } .button.next::after { color: black; z-index: -1; font-size: 22px; position: absolute; top: 6px; right: -25px; text-align: center; border-radius: 0; border: none; border-color: transparent; box-shadow: none; -webkit-transform: none; transform: none; font-family: 'chevron'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; content: "\f054"; background-color: transparent; } .af-badge { position: absolute; top: 2px; right: 2px; display: inline-block; min-width: 20px; max-width: 90%; height: 20px; padding: 0 3px; background-color: red; border-radius: 20px; font-size: 12px; line-height: 19px; font-weight: bold; color: #fff; text-overflow: ellipsis; text-align: center; text-shadow: 0 -1px 0 rgba(64, 0, 0, 0.6); } .af-badge.br { bottom: 2px; right: 2px; top: auto; left: auto; } .af-badge.bl { bottom: 2px; left: 2px; top: auto; right: auto; } .af-badge.tl { top: 2px; left: 2px; right: auto; bottom: auto; } .bb { font-family: "Slate Pro", Slate, "Myriad Pro", "BBAlpha Sans", Helvetica; font-size: 12pt; background: white; color: black; } .bb .view header { background: #00609E; background: -ms-linear-gradient(65deg, #00609e 0%, #00afee 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #00609e), color-stop(100%, #00afee)); background: -webkit-linear-gradient(65deg, #00609e 0%, #00afee 100%); background: linear-gradient(65deg, #00609e 0%, #00afee 100%); border-style: solid; border-width: 1px; border-color: #009CE1 transparent #004E92 transparent; } .bb .view header .backButton { display: block; position: absolute; line-height: 70px; left: 5px; text-overflow: ellipsis; font-size: 10px; padding: 0; color: #fff; text-shadow: none; background-color: transparent; border: none; border-color: transparent; height: 44px; top: 0; border-radius: 0; box-shadow: none; margin: 0; padding-left: 0; text-align: center; width: 50px; padding: 0 !important; margin: 0 !important; } .bb .view header .backButton::before { z-index: -1; font-size: 22px; position: absolute; left: 5px; text-align: center; border-radius: 0; border: none; border-color: transparent; box-shadow: none; -webkit-transform: none; transform: none; font-family: 'chevron'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; content: "\f054"; top: -10px; -webkit-transform: rotate(180deg); transform: rotate(180deg); background-color: transparent; } .bb .view header .backButton::after { z-index: -1; font-size: 24px; content: ' '; position: absolute; font-weight: bold; background-color: transparent; left: 55px; height: 48px; top: -5px; width: 2px; background: #0aa9dc; margin: auto; text-align: center; border-radius: 0; border: none; border-color: transparent; box-shadow: none; -webkit-transform: rotate(10deg); transform: rotate(10deg); } .bb .view header .button-grouped > .button.pressed { background: #07a; } .bb .view footer { border: none; border-radius: 0px; background: black; padding: 0; -webkit-box-shadow: none; box-shadow: none; } .bb .view footer > a:not(.button) { height: 49px; top: 0px; border-top: 4px solid #000; background: #1e1e1e; } .bb .view footer > a.pressed:not(.button) { border: 0px; border-top: 4px solid #0aa9dc; border-radius: 0px; background: #3a3a3a; color: white; } .bb .view footer > a:not(:last-of-type):not(.pressed):not(.button) { border-right: 1px solid black; } .bb .view footer > a.icon.pressed:not(.button):before { color: white; } .bb .view .panel { background: #fff; } .bb view header h1 { text-shadow: rgba(0, 0, 0, 0.8) 0 1px 0; font-weight: normal; } .bb view header .button { color: #fff; background: none; text-shadow: 0 -1px 0 #333333; border-color: transparent; } .bb .list { font-weight: normal; } .bb .afPopup { border: solid 1px #ccc; border-radius: 3px; background: inherit; color: inherit; padding: 0; } .bb .afPopup > header { font-weight: normal; font-size: 20px; text-align: center; margin: 0; padding: 8px; color: white; border-radius: 2px; background: #00609E; background: -ms-linear-gradient(65deg, #00609e 0%, #00afee 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #00609e), color-stop(100%, #00afee)); background: -webkit-linear-gradient(65deg, #00609e 0%, #00afee 100%); background: linear-gradient(65deg, #00609e 0%, #00afee 100%); } .bb .afPopup > div { text-align: center; padding: 10px; } .bb .afPopup > footer { padding: 5px; } .bb .afPopup > footer > a#cancel { width: 120px; } .bb .afPopup > footer > a#action { width: 120px; } .bb #af_actionsheet { background: white; color: inherit; } .bb #af_actionsheet a { border-radius: 5px; border: 1px solid #ccc; background: #eee; color: #111; } .bb .button, .bb .button-grouped *, .bb .button-grouped > .button:first-child, .bb .button-grouped.vertical *, .bb .button-grouped.vertical > .button:last-child, .bb > .header .button-grouped > .button { border-color: #ccc; } .button { position: relative; display: inline-block; padding: 8px 12px; margin: 8px 0; font-weight: bold; color: #000; text-align: center; vertical-align: top; cursor: pointer; background-color: #eee; border: 1px solid #666; text-decoration: none; z-index: 2; } .button.pressed { background: #fff; } .button.previous { margin-left: 16px; padding-left: 6px; border-color: #666 #666 transparent transparent !important; } .button.next { border-color: #666 transparent #666 #666 !important; margin-right: 16px; padding-right: 6px; } .button.previous::after { z-index: -1; content: ''; position: absolute; width: 25px; height: 27px; background-color: inherit; top: 3px; left: -11px; border-radius: 5px; border: 1px solid; border-color: transparent transparent inherit transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .button.next::after { z-index: -1; content: ''; position: absolute; width: 25px; height: 27px; background-color: inherit; top: 3px; right: -11px; border-radius: 5px; border: 1px solid; border-color: transparent transparent transparent transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .button.block { display: block; } .button.flat { border-radius: 0; box-shadow: none; } .header .button-grouped > .button { margin: 0; border-color: #fff; } .header .button { color: #fff; background: none; border-color: transparent; font-size: 12px; padding: 7px; height: 32px; margin: 5px; text-overflow: ellipsis; white-space: nowrap; } .header .button.icon:before { padding-left: 6px; } .button-grouped { display: inline-block; margin: 5px; } .button-grouped * { border-radius: 0px; float: left; border-left: 0px solid transparent; border-right: 1px solid #666; border-bottom: 1px solid #666; border-top: 1px solid #666; margin: 0; } .button-grouped > .button:first-child { border-left: 1px solid #666; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .button-grouped > .button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .button-grouped.flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .button-grouped.flex > .button { -webkit-box-flex: 1; -moz-box-flex: 1 auto; -webkit-flex: 1 auto; -ms-flex: 1 auto; flex: 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .button-grouped.flex.vertical { display: inline-block; } .button-grouped.vertical * { border-radius: 0px; display: block; float: none; width: 100%; border-left: 1px solid #666; border-right: 1px solid #666; border-top: 1px solid #666; border-bottom: 0px solid #666; } .button-grouped.vertical > .button:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .button-grouped.vertical > .button:last-child { border-top-right-radius: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom: 1px solid #666; } .button.gray { background: #999; border-color: #666; } .button.yellow { background-color: #F1C222; border-color: #999; } .button.red { color: #fff; text-shadow: 0 -1px 0 #666666; background: #B20000; border-color: #666; } .button.green { color: #fff; text-shadow: 0 -1px 0 #666666; background: #009C0C; border-color: #666; } .button.orange { color: #fff; text-shadow: 0 -1px 0 #666666; background-color: #FF8000; border-color: #666; } .button.black { color: #fff; text-shadow: none; background: #000; border-color: #666; } .button.slate { color: #fff; text-shadow: 0 -1px 0 #000000; background: #171F28; border-color: #666; } .backButton { text-overflow: ellipsis; white-space: nowrap; } /* Bg #33B5E5/* Font header #C6C6C6* reg white-space:border 303030hover : #111*/ .firefox, .firefox .view { font: 14px 'Roboto', sans-serif; background: #fff; color: #000; border-color: #000; } .firefox .view .panel { color: #5E5E5E; background: white; } .firefox .view .panel.light { background: #FDFDFD; color: #000; } .firefox .view header { /* background: #00a900; */ background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); color: #ffffff; border-color: transparent; height: 44px; } .firefox .view header h1 { left: 23px; text-align: left; padding-left: 3px; } .firefox .view header .button { color: white; background: none; font-size: 14px; box-shadow: none; } .firefox .view header .backButton { background: inherit; color: inherit; left: -60px; } .firefox .view header .backButton::before { left: 54px; } .firefox .view header .menuButton { right: 0px; } .firefox .view header .menuButton:after { border-color: #AE5900; } .firefox .view footer { box-shadow: none; background: inherit; color: inherit; border-top: 1px solid #FFFFFF; border-bottom: none; padding: 0; } .firefox .view footer > a:not(.button) { color: #5E5E5E; padding-top: 3px; } .firefox .view footer > a.pressed:not(.button) { border: 0px; border-bottom: 4px solid #00a900; border-radius: 0px; color: #00a900; background: none; } .firefox .view footer > a.icon.pressed:not(.button):before { color: inherit; } .firefox .view footer > a.icon:not(.button):before { font-size: 21px; } .firefox .af-badge { border: none; } .firefox .list { background: inherit; color: inherit; border-color: #303030; margin: 10px; } .firefox .list .divider { color: black; } .firefox .panel h2 { color: inherit; } .firefox .collapsed:after { border-top: 6px solid; } .firefox .collapsed:before { border: 2px solid; } .firefox .expanded:after { border-bottom: 6px solid; } .firefox .expanded:before { border: 2px solid; } .firefox label { color: inherit; } .firefox input.toggle:checked + label { background: #00CAF2; } .firefox .button { border-radius: 0; background: #d4d4d4; border-color: #A6A6A6; color: inherit; text-shadow: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); } .firefox .button[disabled="disabled"] { opacity: 0.6; } .firefox .button.previous::after { width: 20px; height: 20px; background-color: inherit; top: 5px; left: -12px; border-radius: 0; box-shadow: none; border-color: transparent; } .firefox .button.next::after { width: 20px; height: 20px; background-color: inherit; top: 5px; right: -12px; border-radius: 0; box-shadow: none; border-color: transparent; } .firefox header .button-grouped > .button { border-color: #777; } .firefox .button-grouped * { border: 1px solid rgba(255, 255, 255, 0.25); border-left-width: 0; box-shadow: none; } .firefox .button-grouped.vertical * { border-left: 1px solid rgba(255, 255, 255, 0.25); border-bottom-width: 0; } .firefox .button-grouped.vertical .button:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.25); } .firefox .afPopup { border: solid 1px #aaa; padding: 0; border-radius: 0; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; background: inherit; background-color: #373737; color: white; position: absolute; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 100%; } .firefox .afPopup > HEADER { font-weight: normal; font-size: 20px; text-align: left; margin: 10px 20px; margin-top: 140px; } .firefox .afPopup > DIV { font-size: 20px; text-align: left; padding: 10px; margin: 10px 15px; border-top: solid 1px #aaa; } .firefox .afPopup > FOOTER { height: 70px; position: absolute; bottom: 0px; background: #2A2A2A; } .firefox .afPopup > FOOTER > A#cancel { margin-left: 10px; width: 140px; background: #EB3020; color: white; } .firefox .afPopup > FOOTER > A#action { margin-right: 10px; background: #D8D8D8; } .firefox #af_actionsheet { border: #2c2c2c 1px solid; border-top: #2c2c2c 3px solid; background: #2c2c2c; color: inherit; padding: 0px; } .firefox #af_actionsheet a { border-radius: 0; background: #424343; color: white; line-height: 50px; margin-bottom: 1px; margin: 10px 20px; box-shadow: none; text-align: left; padding-left: 20px; font-style: italic; font-weight: normal; } .firefox #af_actionsheet a.cancel { margin-bottom: 10px; background: #f7f7f7; color: black; text-align: center; padding: 0; border-radius: 30px; } .firefox.light .view header .menuButton:after { border-color: black; } .firefox.light .button { background: #eee; border-color: #D1D1D1; } .firefox.light .afPopup { background-color: #373737; } .firefox.light #af_actionsheet { border: #bbb 1px solid; border-top: #33B5E5 3px solid; background: #bbb; } .firefox.light #af_actionsheet a { background: #fff; } .firefox .collapsed:before, .firefox .expanded:before { border-color: inherit; } .firefox .collapsed:after, .firefox .expanded:after { border-top-color: inherit; } .firefox select, .firefox textarea, .firefox input[type="text"], .firefox input[type=search], .firefox input[type="password"], .firefox input[type="datetime"], .firefox input[type="datetime-local"], .firefox input[type="date"], .firefox input[type="month"], .firefox input[type="time"], .firefox input[type="week"], .firefox input[type="number"], .firefox input[type="email"], .firefox input[type="url"], .firefox input[type="tel"], .firefox input[type="color"], .firefox .input-group { background: inherit; color: inherit; border-radius: 0; } .firefox input[type="radio"]:not(.toggle):checked + label:before, .firefox input[type="checkbox"]:not(.toggle):checked + label:before { background: #00CAF2; color: white; border-color: #00CAF2; } .firefox .afPopup > FOOTER > A, .firefox.light .afPopup > FOOTER > A { background: #D8D8D8; color: black; border-radius: 30px; height: 40px; line-height: 22px; margin-top: 15px; font-size: 18px; font-style: italic; } select, textarea, input[type="text"], input[type=search], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="color"], .input-group { width: 100%; height: 40px; padding: 10px; margin-bottom: 10px; background: #fff; border: 1px solid #ccc; border-radius: 5px; font-size: 14px; font-weight: normal; -webkit-appearance: none; box-sizing: border-box; } form { position: relative; } input[type="radio"], input[type="checkbox"] { display: none; } input[type="radio"] + label, input[type="checkbox"] + label { display: inline-block; width: 60%; float: right; position: relative; text-align: left; padding: 13px 0 0 8px; margin-top: 3px; } input[type="radio"]:not(.toggle) + label:before { background-color: #fafafa; border: 1px solid #cacece; border-radius: 3px; display: block; position: absolute; top: 8px; left: -25px; height: 28px; width: 28px; font-size: 13px; text-align: center; line-height: 28px; content: " "; } input[type="radio"]:checked + label:before { background-color: #1eb0e9; -webkit-transition: background-color 150ms; transition: background-color 150ms; } input[type="checkbox"] + label:before { background-color: #fafafa; border: 1px solid #cacece; border-radius: 3px; display: block; position: absolute; top: 8px; left: -25px; height: 28px; width: 28px; font-size: 13px; text-align: center; line-height: 28px; content: " "; } input[type="checkbox"]:checked + label:before { content: '\00a0\2714'; padding: 0px; display: inline-block; background-color: #1eb0e9; -webkit-transition: background-color 150ms; transition: background-color 150ms; } input[type="radio"]:after, input[type="checkbox"]:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } input[type="search"] { border-radius: 20px; } label { float: left; width: 33%; font-weight: normal; font-size: 14px; color: inherit; text-align: right; padding: 15px 18px; } label + select, label + input[type="radio"], label + input[type="checkbox"] label + textarea, label + input[type="text"], label + input[type=search], label + input[type="password"], label + input[type="datetime"], label + input[type="datetime-local"], label + input[type="date"], label + input[type="month"], label + input[type="time"], label + input[type="week"], label + input[type="number"], label + input[type="email"], label + input[type="url"], label + input[type="tel"], label + input[type="color"], label + textarea { width: 66%; } textarea { height: auto; } .input-group { width: auto; height: auto; padding: 12px; overflow: hidden; } .input-group input:not([type='button']):not([type='submit']), .input-group textarea, .input-group select { margin-bottom: 0; background-color: transparent; border: 0; border-bottom: 1px solid #ccc; border-radius: 0; box-shadow: none; } .input-group input:not([type="submit"]):not([type="button"]):last-child, .input-group textarea:last-child, .input-group select:last-child { border-bottom: none; } .input-group input[type=button], .input-group input[type=submit] { margin: 5px; } input.toggle + label:before, input.toggle:checked + label:before { content: attr(data-on); position: absolute; color: #fff; left: 5px; width: 42px; text-align: left; z-index: 3; top: 0px; overflow: hidden; background-color: transparent; border: none; border-radius: 0px; text-transform: uppercase; display: none; height: 30px; line-height: 29px !important; } input.toggle:checked + label:before { display: block; } input.toggle:checked + label:after { display: none; } input.toggle:checked + label { background: #1eb0e9; line-height: -1em; -webkit-transition: background 150ms; transition: background 150ms; } input.toggle:checked + label > span { transform: translate3d(37px, 0, 0); -webkit-transform: translate3d(37px, 0, 0); } input.toggle + label:after { content: attr(data-off); position: absolute; color: #505050; width: 42px; text-align: left; z-index: 1; top: 0px; left: 30px; overflow: hidden; background-color: transparent; border: none; border-radius: 0px; text-transform: uppercase; height: 30px; line-height: 29px; } input.toggle + label { position: relative; margin: 5px; border-radius: 50px; display: block; height: 30px; width: 65px; border: 1px solid #ccc; left: 33%; float: none; } input.toggle + label > span { display: block; width: 29px; height: 31px; background: #ccc; border-radius: 50px; z-index: 5; top: -2px; left: 0px; position: absolute; transition: transform 100ms linear; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 100ms linear; } .formGroupHead { font-size: 18px; font-weight: bold; color: inherit; margin: 16px 0 8px; } input[type=button], input[type=submit], button { font-size: inherit; } .grid { width: 100%; overflow: hidden; } .col2, .col3, .col1-3, .col2-3 { float: none; width: 100%; } .grid:after { content: ''; clear: both; } @media handheld, only screen and (min-width: 768px) { .col2 { width: 50%; float: left; } .col3 { width: 33.3%; float: left; } .col1-3 { width: 33.3%; float: left; } .col2-3 { width: 66.6%; float: left; } } @font-face { font-family: 'IcoMoon'; src: url(data:application/x-font-woff; charset=utf-8; base64,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) format('woff'), url(data:application/x-font-ttf; charset=utf-8; base64,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) format('truetype'); font-weight: normal; font-style: normal; } .icon:before { font-family: 'IcoMoon'; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; color: inherit; position: relative; font-size: 1em; left: -3px; top: 2px; } li .icon:before { position: relative; width: 24px; height: 100%; top: 2px; line-height: 0 !important; margin-right: 4px; } .icon.mini:before { font-size: .7em; } .icon.big:before { font-size: 1.5em; } .icon.home:before { content: "\5a"; } .icon.pencil:before { content: "\5b"; } .icon.picture:before { content: "\5c"; } .icon.camera:before { content: "\5d"; } .icon.headset:before { content: "\5e"; } .icon.paper:before { content: "\5f"; } .icon.stack:before { content: "\61"; } .icon.folder:before { content: "\60"; } .icon.tag:before { content: "\62"; } .icon.basket:before { content: "\63"; } .icon.phone:before { content: "\64"; } .icon.mail:before { content: "\65"; } .icon.location:before { content: "\66"; } .icon.clock:before { content: "\67"; } .icon.calendar:before { content: "\68"; } .icon.message:before { content: "\69"; } .icon.chat:before { content: "\6a"; } .icon.user:before { content: "\6b"; } .icon.loading:before { content: "\6c"; } .icon.refresh:before { content: "\6d"; } .icon.magnifier:before { content: "\6e"; } .icon.key:before { content: "\6f"; } .icon.settings:before { content: "\70"; } .icon.graph:before { content: "\71"; } .icon.trash:before { content: "\72"; } .icon.download:before { content: "\73"; } .icon.upload:before { content: "\74"; } .icon.star:before { content: "\75"; } .icon.heart:before { content: "\76"; } .icon.warning:before { content: "\77"; } .icon.add:before { content: "\78"; } .icon.remove:before { content: "\79"; } .icon.question:before { content: "\7a"; } .icon.info:before { content: "\7b"; } .icon.error:before { content: "\7c"; } .icon.check:before { content: "\7d"; } .icon.minimize:before { content: "\7e"; } .icon.close:before { content: "\e000"; } .icon.up:before { content: "\e001"; } .icon.right:before { content: "\e002"; } .icon.down:before { content: "\e003"; } .icon.left:before { content: "\e004"; } .icon.html5:before { content: "\e005"; } .icon.css:before { content: "\e006"; } .icon.js:before { content: "\e007"; } .icon.lamp:before { content: "\e008"; } .icon.tools:before { content: "\e009"; } .icon.new:before { content: "\e00a"; } .icon.wifi:before { content: "\e00b"; } .icon.mic:before { content: "\e00c"; } .icon.database:before { content: "\e00d"; } .icon.bug:before { content: "\e00e"; } .icon.busy:before { content: "\e00f"; } .icon.target:before { content: "\e010"; } .icon.tv:before { content: "\e011"; } .icon.cloud:before { content: "\e012"; } .icon.pin:before { content: "\e013"; } .overlayStatusbar > .view { padding-top: 20px; } .overlayStatusbar { background: #f8f8f8; } .ios7 { font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; } .ios7 .view header { background: #f8f8f8; color: inherit; border: none; border-bottom: 1px solid #c8c7cc; } .ios7 .view header .button { color: #157dfb; border-color: transparent; font-size: 14px; font-weight: normal; } .ios7 .view header h1 { color: inherit; text-shadow: none; } .ios7 .view header .backButton { background: #f8f8f8; color: #157dfb; display: block; position: absolute; line-height: 44px; left: 25px; text-overflow: ellipsis; font-size: 14px; padding: 0; text-shadow: none; background-color: transparent; border: none; border-color: transparent; height: 44px; top: auto; border-radius: 0; box-shadow: none; margin: 0; padding-left: 0; text-align: center; width: 50px; padding: 0 !important; margin: 0 !important; } .ios7 .view footer { background: #f8f8f8; color: black; border-top: 1px solid #c8c7cc; box-shadow: none; } .ios7 .view footer > a:not(.button) { color: #606060; } .ios7 .view footer > a.pressed:not(.button) { border-radius: 0; background: transparent; } .ios7 .panel { background: #eeeeee; } .ios7 .panel h2 { color: inherit; } .ios7 .menuButton:after { border-color: #157dfb; } .ios7 .list { font-weight: normal; } .ios7 .list li { margin-left: 10px; } .ios7 .list > li > a:after { color: #d9d9d9; } .ios7 .button { background-color: transparent; box-shadow: none; border-radius: 5px; border-color: #157dfb; color: #157dfb; text-shadow: none; } .ios7 .backButton::before { z-index: -1; font-size: 22px; position: absolute; left: -20px; text-align: center; border-radius: 0; border: none; border-color: transparent; box-shadow: none; -webkit-transform: none; transform: none; font-family: 'chevron'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; content: "\f054"; -webkit-transform: rotate(180deg); transform: rotate(180deg); background-color: transparent; } .ios7 .backButton::after { content: ''; width: 0; height: 0; border: none; } .ios7 .afPopup { border: 1px solid #c8c7cc; border-radius: 10px; padding: 0px; text-align: center; color: inherit; background: #f8f8f8; } .ios7 .afPopup > HEADER { padding: 10px 0; } .ios7 .afPopup > DIV { padding-bottom: 10px; } .ios7 .afPopup > FOOTER { border-top: 1px solid #aaa; } .ios7 .afPopup > FOOTER > A.center { width: 100%!important; } .ios7 .afPopup .button { border: none; width: 50%; margin: 0; background: transparent; color: #157dfb; padding: 12px 0; border-radius: 0; } .ios7 .afPopup .button.pressed { background: transparent; } .ios7 .afPopup a:not(:first-of-type) { border-left: 1px solid #c8c7cc; } .ios7 .button.pressed { font-weight: bold; background: white; } .ios7 #af_actionsheet { background-color: transparent; color: black; padding-left: 10px; padding-right: 10px; border-top: transparent 1px solid; box-shadow: 0px -1px 2px rgba(0, 0, 0, 0); } .ios7 #af_actionsheet a:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; } .ios7 #af_actionsheet a:nth-last-child(2) { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .ios7 #af_actionsheet a.cancel { font-weight: bold; margin: 9px 0; border-radius: 5px; background-color: white; color: #157dfb; } .ios7 #af_actionsheet a.red { background-color: white; color: red; } .ios7 .button.previous { border: none; } .ios7 .button.next { border: none; } .ios7 .button.previous::after { color: #157dfb; z-index: -1; font-size: 22px; position: absolute; top: 2px; left: -25px; text-align: center; border-radius: 0; border: none; border-color: transparent; box-shadow: none; -webkit-transform: none; transform: none; font-family: 'chevron'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; content: "\f054"; -webkit-transform: rotate(180deg); transform: rotate(180deg); background-color: transparent; } .ios7 .button.next::after { color: #157dfb; z-index: -1; font-size: 22px; position: absolute; top: 6px; right: -25px; text-align: center; border-radius: 0; border: none; border-color: transparent; box-shadow: none; -webkit-transform: none; transform: none; font-family: 'chevron'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; content: "\f054"; background-color: transparent; } .ios7 .button.gray { color: #999; background-color: transparent; } .ios7 .button.yellow { color: #F1C222; background-color: transparent; } .ios7 .button.red { color: #b20000; background-color: transparent; } .ios7 .button.green { color: #009C0C; background-color: transparent; } .ios7 .button.orange { color: #FF8000; background-color: transparent; } .ios7 .button.black { color: black; background-color: transparent; } .ios7 .button.slate { color: #171F28; background-color: transparent; } .ios7 .af-badge { border: none; box-shadow: none; font-size: 12px; } .ios7 input[type="range"] { -webkit-appearance: none; background-color: #c7c7c7; height: 2px; position: relative; top: -10px; margin-top: 15px; border-radius: 2px; } .ios7 input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; position: relative; z-index: 1; width: 25px; height: 25px; border-radius: 60px; border: 1px solid #c7c7c7; background: white; } .ios7 input.toggle:checked + label { background: #4cd964; line-height: -1em; -webkit-transition: background 150ms; transition: background 150ms; } .ios7 input.toggle:checked + label > span { transform: translate3d(24px, 0, 0); -webkit-transform: translate3d(24px, 0, 0); } .ios7 input.toggle + label:after { content: ''; } .ios7 input.toggle + label { position: relative; margin: 5px; border-radius: 50px; display: block; height: 28px; width: 50px; border: 1px solid #c7c7c7; left: 33%; float: none; } .ios7 input.toggle + label > span { background: white; border: 1px solid #c7c7c7; top: -1px; left: -1px; height: 29px; } .ios7 .button-grouped:not(.vertical) > .button:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .ios7 .button-grouped:not(.vertical) > .button:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .ios7 .button-grouped *, .ios7 .button-grouped > .button:first-child, .ios7 .button-grouped.vertical *, .ios7 .button-grouped.vertical > .button:last-child, .ios7 header .button-grouped > .button { border-color: #157dfb; } .ios7 .button-grouped > .button { border-radius: 0; } .ios7 .button-grouped > .button.pressed, .ios7 header .button-grouped > .button.pressed { color: white; background: #157dfb; } .ios7 #af_actionsheet a, .ios7 #af_actionsheet a.cance { background-image: none; text-shadow: none; box-shadow: none; font-weight: normal; border-radius: 0; border: none; -webkit-box-shadow: none; color: #157dfb; background-color: white; cursor: pointer; border-radius: 0px; line-height: 40px; font-size: 20px; margin-bottom: 1px; } .ios7 footer > a.pressed:not(.button), .ios7 footer > a.icon.pressed:not(.button):before { color: #157dfb; } .ios7 input.toggle + label:before, .ios7 input.toggle:checked + label:before { content: ''; } .ios7 input[type="radio"]:checked:not(.toggle) + label:before, .ios7 input[type="checkbox"]:checked:not(.toggle) + label:before { background: #007aff; color: white; } .ios7 input[type="radio"]:not(.toggle) + label:before, .ios7 input[type="checkbox"]:not(.toggle) + label:before { background: white; border: 1px solid #c7c7c7; border-radius: 30px; } .list { margin: 0px; padding: 0px; list-style: none; background-color: #fff; margin: 0 -10px; box-sizing: border-box; -webkit-box-sizing: border-box; } .list li { display: block; list-style: none; position: relative; padding: 20px 20px 20px 10px; border-bottom: 1px solid #ccc; background: inherit; } .list li:first-child { /* border-top: 1px solid #ccc;*/ } .list > li > a { position: relative; display: block; color: inherit; margin: -20px -20px -20px -10px; text-decoration: none; padding: 20px 20px 20px 10px; } .list > li > a:after, .list > li .chevron:after { position: absolute; right: 8px; font-family: 'chevron'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; content: "\f054"; top: 50%; margin-top: -0.5em; color: inherit; } .list a .af-badge { position: absolute; right: 30px; top: 48%; margin-top: -10px; } .list .divider { position: relative; top: -1px; padding-top: 6px; padding-bottom: 6px; font-size: 12px; font-weight: bold; line-height: 18px; background-color: #dfe0e2; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4); padding-right: 60px; } .list.inset { border: 1px solid #ccc; border-radius: 6px; margin: 10px; } .list.inset li:first-child { border-top: none; margin-top: 3px; } .list.inset li:last-child { border-bottom: none; margin-bottom: 3px; } *, *:before, *:after { -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); -moz-user-select: -moz-none; -webkit-touch-callout: none; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-touch-action: pan-y; } body, html { -ms-overflow-style: none !important; width: 100%; height: 100%; overflow: hidden; } body { overflow-x: hidden; -webkit-text-size-adjust: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #000000; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-align: stretch; background: #ffffff; } input, textarea { -webkit-user-select: text; -moz-user-select: -moz-text; -moz-user-select: text; } img { border: none; } p { display: block; margin: 6px 0; font-size: 14px; line-height: 20px; color: inherit; } .view { display: none; overflow: hidden; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; } .view header { position: relative; overflow: hidden; display: block; z-index: 250; -webkit-box-sizing: border-box; box-sizing: border-box; height: 44px; left: 0; right: 0; } .view header h1 { position: absolute; width: 45%; z-index: 1; height: 44px; font-size: 18px; font-weight: bold; left: 27.5%; color: #ffffff; padding: 10px 0; text-shadow: rgba(0, 0, 0, 0.8) 0 -1px 0; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .view footer { z-index: 180; height: 49px; display: block; left: 0; right: 0; position: relative; padding: 0 3px; display: -webkit-box; display: -moz-box; display: box; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; } .view footer a { height: 100%; font-size: 12px; font-weight: normal; text-decoration: none; color: #ffffff; text-align: center; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding-top: 3px; } .view footer a.button { color: black; } .view footer .icon:not(.button):before { display: block; position: relative; top: 2px; left: 0; font-size: 25px; margin: auto; width: 100%; margin-bottom: 5px; } .view.active { display: -webkit-box; display: -moz-box; display: box; display: -ms-flexbox; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; width: 100%; } .pages { z-index: 180; position: relative; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: #ffffff; color: #000000; overflow: hidden; } .panel { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: none; padding: 10px; padding-top: 0px; overflow-x: hidden; overflow-y: auto; touch-action: pan-y; -webkit-overflow-scrolling: touch; } .panel.active { display: block; } .panel.x-scroll { overflow-x: auto; overflow-y: hidden; touch-action: pan-x; } .panel.no-scroll { overflow: hidden; touch-action: none; } nav { height: 100%; width: 200px; position: absolute; top: 0px; left: 0px; background: #ccc; display: none; box-shadow: 0 0 8px 0 black; z-index: 30; } nav.right { height: 100%; width: 200px; position: absolute; top: 0px; left: auto; right: 0px; } nav.active { display: block; } .splashscreen { background: #1d1d1c !important; padding-left: 40px; padding-top: 30px !important; min-height: 100%; } h2 { display: block; height: 34px; font-weight: bold; font-size: 18px; color: #000; padding: 6px 0; margin-bottom: 8px; } .afui_mask { position: absolute; top: 45%; z-index: 999999; } .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; } /* Chevrons */ @font-face { font-family: 'chevron'; 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'), 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'); font-weight: normal; font-style: normal; } .chevron { font-family: 'chevron'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .chevron:after { content: "\f054"; } .chevron.left { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .card { padding: 1.5rem; box-shadow: 0 1px 4px #aaa; background: inherit; color: inherit; margin: 0 1rem 1rem; border-radius: 3px; -webkit-user-select: none; position: relative; } .card h1 { font-size: 2rem; font-weight: 200; } .card h1.info:after { position: absolute; right: 1.5rem; top: 1.5rem; content: 'i'; color: #ccc; border: thin solid #ccc; font-size: 10px; border-radius: 14px; width: 14px; height: 14px; text-align: center; } .card h2 { font-size: .9rem; line-height: 2.5; color: #ccc; font-weight: 400; } .card p { margin: 0px; padding: 10px; } #afui_mask { position: absolute; top: 45%; z-index: 999999; border-radius: 30px; } @media print { body { overflow: visible; } .panel { overflow-x: visible !important; overflow-y: visible !important; overflow: visible !important; } } @media handheld, only screen and (min-width: 768px) { .splitview > *:not(nav) { margin-left: 256px; z-index: 9; -webkit-transform: none !important; transform: none !important; -webkit-animation: none !important; animation: none !important; } .splitview > nav { left: 0px !important; width: 256px !important; display: block !important; z-index: 10; -webkit-animation: none !important; animation: none !important; } .splitview header .menuButton { display: none !important; } } header .menuButton { position: relative; top: 5px; right: -8px; height: 36px; width: 36px; z-index: 2; float: right; } header .menuButton:after { border-bottom: 9px double white; border-top: 3px solid white; top: 9px; left: 3px; content: ""; height: 15px; position: absolute; width: 15px; } .tizen, .tizen .view, .tizen .view .pages { font: 14px 'TizenSans', sans-serif; background: #000; color: #fff; border-color: #fff; } .tizen.light, .tizen.light .view, .tizen.light .view .pages { background: #FDFDFD; color: #000; } .tizen .view header { background: #313f66; color: inherit; border-color: #313f66; } .tizen .view header .button { color: inherit; border-color: transparent; font-size: 14px; } .tizen .view header .button-grouped > .button { border-color: #aaa; } .tizen .view header .backButton { background: inherit; color: inherit; } .tizen .view footer { box-shadow: none; background: none; border-color: #000; padding: 0; } .tizen .view footer > a:not(.button) { color: inherit; height: 49px; top: 0px; border-top: 4px solid #414f6e; background: #414f6e; } .tizen .view footer > a.pressed:not(.button) { border-top: 4px solid #316fc6; background: #313f66; } .tizen .view footer > a.icon.pressed:not(.button):before { color: inherit; } .tizen .menuButton:after { border-color: white; } .tizen .af-badge { border: none; } .tizen .list { background: inherit; color: inherit; border-color: #303030; } .tizen .list .divider { color: black; } .tizen .panel h2 { color: inherit; } .tizen .collapsed:after { border-top: 6px solid; } .tizen .collapsed:before { border: 2px solid; } .tizen .expanded:after { border-bottom: 6px solid; } .tizen .expanded:before { border: 2px solid; } .tizen input.toggle + label:after { color: inherit; } .tizen input.toggle + label { border-radius: 0; } .tizen input.toggle + label > span { border-radius: 0; top: 0; width: 27px; height: 28px; } .tizen label { color: inherit; } .tizen .afPopup { border: solid 1px #888; padding: 5px; border-radius: 5px; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; background: #313f66; color: inherit; } .tizen .afPopup > HEADER { text-align: center; padding: 5px; } .tizen .afPopup > DIV { font-size: 14px; text-align: center; padding: 5px; margin: 0; } .tizen .afPopup > FOOTER > A { width: 120px; } .tizen #af_actionsheet { background: inherit; color: inherit; } .tizen #af_actionsheet a { border-radius: 0; border: 1px solid #ccc; background: #313f66; color: inherit; } .tizen.light .view header { background: #e9e6df; color: inherit; border-color: #e9e6df; } .tizen.light .view footer { border-color: #fff; } .tizen.light .view footer > a:not(.button) { border-top: 4px solid #dedcd5; background: #dedcd5; } .tizen.light .view footer > a.pressed:not(.button) { border-top: 4px solid #ceccc5; background: #e9e6df; } .tizen.light .menuButton:after { border-color: black; } .tizen.light .afPopup { background: #e9e6df; } .tizen.light #af_actionsheet a { background: #e9e6df; } .tizen .panel, .tizen #modalContainer { background: #000; color: #fff; } .tizen .collapsed:before, .tizen .expanded:before { border-color: inherit; } .tizen .collapsed:after, .tizen .expanded:after { border-top-color: inherit; } .tizen select, .tizen textarea, .tizen input[type="text"], .tizen input[type=search], .tizen input[type="password"], .tizen input[type="datetime"], .tizen input[type="datetime-local"], .tizen input[type="date"], .tizen input[type="month"], .tizen input[type="time"], .tizen input[type="week"], .tizen input[type="number"], .tizen input[type="email"], .tizen input[type="url"], .tizen input[type="tel"], .tizen input[type="color"], .tizen .input-group { background: inherit; color: inherit; } .tizen input.toggle:checked + label { background: #313f66; } .tizen input[type="radio"]:not(.toggle):checked + label:before, .tizen input[type="checkbox"]:not(.toggle):checked + label:before { background: #313f66; } .tizen .view footer .icon:not(.button):before { margin-bottom: 2px; top: 0px; } /* Bg #00ABA9 /* * reg white-space: border 303030 hover : #111 */ @-ms-viewport { width: device-width; } @font-face { font-family: 'win8back'; 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'), 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'); font-weight: normal; font-style: normal; } .win8, .win8 .view, .win8 .view .pages { font: 14px "Segoe UI Semilight", "HelveticaNeue-light", Helvetica, Arial, sans-serif; font-size: 14px; background: #000; color: #fff; } .win8.light, .win8.light .view, .win8.light .view .pages { background: #fff; color: #000; } .win8 .view header { border: 0px; background: inherit; border-bottom: inherit; color: inherit; } .win8 .view header .button { color: inherit; border-color: transparent; font-size: 14px; } .win8 .view header .backButton.pressed { background: inherit; } .win8 .view header .backButton { color: inherit; background: inherit; margin: 0; font-family: 'win8back'; width: 0px; height: 0px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; padding: 0px; margin: 0px; border: none; position: absolute; left: -185px; -webkit-font-smoothing: antialiased; } .win8 .view header .backButton::before { content: "\e000"; font-size: 30px; position: absolute; top: -6px; right: -235px; left: auto; color: inherit; font-family: inherit; -webkit-transform: none; transform: none; } .win8 .view header h1 { text-align: left; color: inherit; } .win8 .view footer { padding: 0px; background: inherit; height: 65px; background: rgba(33, 32, 33, 0.9); border-top: none; display: block; text-align: center; } .win8 .view footer > a:not(.button) { position: relative; width: 56px !important; height: 65px; display: inline-block; font: normal 10px/24px Segoe WP, Segoe UI, Verdana, Helvetica, Sans-Serif; text-decoration: none; color: inherit; text-align: center; text-shadow: 0 0 rgba(0, 0, 0, 0); overflow: hidden; background: inherit; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } .win8 .view footer > a.icon.pressed:not(.button):before { background-color: #00aba9; } .win8 .view footer > a.icon:not(.button):before { width: 35px; top: 4px; left: 2px; font-size: 19px; padding: 5px; border: 3px solid #fff; border-radius: 20px; } .win8 .view footer > a:not(:last-of-type):not(.button) { border: none; } .win8 .view .panel { background: inherit; color: inherit; } .win8 .af-badge { border: none; } .win8 .list { background: inherit; color: inherit; border-color: #303030; } .win8 .list li { border-top: none; border-bottom: none; font-size: 20px; } .win8 .panel h2 { color: inherit; font-weight: normal; font-size: 34px; line-height: 34px; height: auto; } .win8 .collapsed:after { border-top: 6px solid; } .win8 .collapsed:before { border: 2px solid; } .win8 .expanded:after { border-bottom: 6px solid; } .win8 .expanded:before { border: 2px solid; } .win8 input.toggle + label:after { color: inherit; } .win8 input.toggle + label { border-radius: 0; } .win8 input.toggle + label > span { border-radius: 0; top: 0; width: 27px; height: 28px; } .win8 input.toggle:checked + label { background: #00aba9; } .win8 .button { border-radius: 0; border: none; background: inherit; border: 3px solid #fff; color: inherit; text-shadow: none; box-shadow: none; } .win8 .button.pressed { background: #00aba9; } .win8 .button-grouped > .button { border: 3px solid #fff; border-right: 0; } .win8 .button-grouped > .button:last-child { border-right: 3px solid #fff; } .win8 .button-grouped.vertical > .button { border: 3px solid #fff; border-bottom: 0; } .win8 .button-grouped.vertical > .button:last-child { border-bottom: 3px solid #fff; } .win8 .header .button-grouped > .button { border-color: #fff; } .win8 .header .button-grouped > .button.pressed { background: #00aba9; } .win8 .afPopup { width: 100%; border: solid 0px #72767b; left: 0px !important; border-radius: 0; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; top: 0 !important; background: #222; color: inherit; padding: 15px; } .win8 .afPopup > HEADER { font-size: 20px; } .win8 .afPopup > DIV { font-size: 16px; padding: 10px 0; margin: 0; } .win8 .afPopup > FOOTER { width: 100%; text-align: left; display: block !important; } .win8 .afPopup > FOOTER > A#cancel { float: left; min-width: 100px; } .win8 .afPopup > FOOTER > A#action { float: left; min-width: 100px; margin-left: 10px; } .win8 .afPopup > FOOTER > A.center { width: auto; } .win8 #af_actionsheet { background: #aaa; color: black; } .win8 #af_actionsheet a { border-radius: 0; border: 0px solid black; background-color: transparent; font-weight: normal; color: black; box-shadow: 0px 1px 1px rgba(255, 255, 255, 0); } .win8 input[type="range"] { -webkit-appearance: none; background-color: #ccc; height: 4px; position: relative; top: -10px; margin-top: 15px; } .win8 input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; position: relative; z-index: 1; width: 15px; height: 15px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #cccccc)); background-image: gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #cccccc)); } .win8.light .view footer { background: #F2F2F2; color: black; display: block; } .win8.light .view footer > a:not(.button) { text-shadow: 0 0 rgba(0, 0, 0, 0); } .win8.light .view footer > a.icon:not(.button):before { border: 3px solid #000; } .win8.light .button { border: 3px solid #000; } .win8.light .afPopup { background: #eee; } .win8 .list .divider, .win8 #menu.tabletMenu .list .divider { background: #00aba9; padding: 5px; display: inline; font-size: 16px; font-weight: normal; border-top: none; border-bottom: none; color: inherit; } .win8 .collapsed:before, .win8 .expanded:before { border-color: inherit; } .win8 .collapsed:after, .win8 .expanded:after { border-top-color: inherit; } .win8 select, .win8 textarea, .win8 input[type="text"], .win8 input[type="search"], .win8 input[type="password"], .win8 input[type="datetime"], .win8 input[type="datetime-local"], .win8 input[type="date"], .win8 input[type="month"], .win8 input[type="time"], .win8 input[type="week"], .win8 input[type="number"], .win8 input[type="email"], .win8 input[type="url"], .win8 input[type="tel"], .win8 input[type="color"], .win8 .input-group { background: black; color: inherit; } .win8.light select, .win8.light textarea, .win8.light input[type="text"], .win8.light input[type="search"], .win8.light input[type="password"], .win8.light input[type="datetime"], .win8.light input[type="datetime-local"], .win8.light input[type="date"], .win8.light input[type="month"], .win8.light input[type="time"], .win8.light input[type="week"], .win8.light input[type="number"], .win8.light input[type="email"], .win8.light input[type="url"], .win8.light input[type="tel"], .win8.light input[type="color"], .win8.light .input-group { background: white; } .win8 .button.next, .win8 .button.previous { border-color: #fff !important; } .win8 .button.next::after, .win8 .button.previous::after { border: none; } .win8 .button-grouped > .button:first-child, .win8 .button-grouped > .button:last-child { border-radius: 0; } .win8.light .button-grouped > .button, .win8.light .button-grouped.vertical > .button, .win8.light .header .button-grouped > .button { border-color: #111; } .win8 input[type="radio"]:not(.toggle):checked + label:before, .win8 input[type="checkbox"]:not(.toggle):checked + label:before { background: #00aba9; }