/* 46f259de-8808-4478-8705-cf88a7cc8c12 */ @font-face { font-family: 'icons_mobiscroll'; src: url('icons_mobiscroll.eot?noveut'); src: url('icons_mobiscroll.eot?#iefixnoveut') format('embedded-opentype'),url('icons_mobiscroll.ttf?noveut') format('truetype'),url('icons_mobiscroll.woff?noveut') format('woff'),url('icons_mobiscroll.woff') format('woff'),url('icons_mobiscroll.svg?noveut#icons_mobiscroll') format('svg'); font-style: normal } .mbsc-ic:before { font-family: 'icons_mobiscroll'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .mbsc-ic-aid:before { content: "\f100" } .mbsc-ic-airplane:before { content: "\f101" } .mbsc-ic-alarm2:before { content: "\f102" } .mbsc-ic-arrow-down5:before { content: "\f103" } .mbsc-ic-arrow-down6:before { content: "\f104" } .mbsc-ic-arrow-left2:before { content: "\f105" } .mbsc-ic-arrow-left4:before { content: "\f106" } .mbsc-ic-arrow-left5:before { content: "\f107" } .mbsc-ic-arrow-left6:before { content: "\f108" } .mbsc-ic-arrow-right2:before { content: "\f109" } .mbsc-ic-arrow-right4:before { content: "\f10a" } .mbsc-ic-arrow-right5:before { content: "\f10b" } .mbsc-ic-arrow-right6:before { content: "\f10c" } .mbsc-ic-arrow-up5:before { content: "\f10d" } .mbsc-ic-arrow-up6:before { content: "\f10e" } .mbsc-ic-attachment:before { content: "\f10f" } .mbsc-ic-backspace:before { content: "\f110" } .mbsc-ic-backspace3:before { content: "\f111" } .mbsc-ic-backspace4:before { content: "\f112" } .mbsc-ic-bars:before { content: "\f113" } .mbsc-ic-book:before { content: "\f114" } .mbsc-ic-bubble:before { content: "\f115" } .mbsc-ic-bubbles:before { content: "\f116" } .mbsc-ic-bullhorn:before { content: "\f117" } .mbsc-ic-calendar:before { content: "\f118" } .mbsc-ic-camera:before { content: "\f119" } .mbsc-ic-cart:before { content: "\f11a" } .mbsc-ic-checkmark:before { content: "\f11b" } .mbsc-ic-clock:before { content: "\f11c" } .mbsc-ic-close:before { content: "\f11d" } .mbsc-ic-cloud-download:before { content: "\f11e" } .mbsc-ic-cloud-upload:before { content: "\f11f" } .mbsc-ic-cogs:before { content: "\f120" } .mbsc-ic-connection:before { content: "\f121" } .mbsc-ic-copy2:before { content: "\f122" } .mbsc-ic-copy3:before { content: "\f123" } .mbsc-ic-credit:before { content: "\f124" } .mbsc-ic-disk:before { content: "\f125" } .mbsc-ic-download:before { content: "\f126" } .mbsc-ic-drawer:before { content: "\f127" } .mbsc-ic-droplet:before { content: "\f128" } .mbsc-ic-earth:before { content: "\f129" } .mbsc-ic-eye:before { content: "\f12a" } .mbsc-ic-eye-blocked:before { content: "\f12b" } .mbsc-ic-fa-leaf:before { content: "\f12c" } .mbsc-ic-fa-rotate-left:before { content: "\f12d" } .mbsc-ic-file4:before { content: "\f12e" } .mbsc-ic-film:before { content: "\f12f" } .mbsc-ic-flag:before { content: "\f130" } .mbsc-ic-folder:before { content: "\f131" } .mbsc-ic-forward:before { content: "\f132" } .mbsc-ic-foundation-mail:before { content: "\f133" } .mbsc-ic-foundation-minus-circle:before { content: "\f134" } .mbsc-ic-globe:before { content: "\f135" } .mbsc-ic-heart:before { content: "\f136" } .mbsc-ic-history:before { content: "\f137" } .mbsc-ic-home:before { content: "\f138" } .mbsc-ic-image2:before { content: "\f139" } .mbsc-ic-ion-android-system-windows:before { content: "\f13a" } .mbsc-ic-ion-bluetooth:before { content: "\f13b" } .mbsc-ic-ion-ios7-checkmark-empty:before { content: "\f13c" } .mbsc-ic-ion-navigate:before { content: "\f13d" } .mbsc-ic-key2:before { content: "\f13e" } .mbsc-ic-library:before { content: "\f13f" } .mbsc-ic-link:before { content: "\f140" } .mbsc-ic-location:before { content: "\f141" } .mbsc-ic-lock2:before { content: "\f142" } .mbsc-ic-loop2:before { content: "\f143" } .mbsc-ic-map:before { content: "\f144" } .mbsc-ic-material-arrow-back:before { content: "\f145" } .mbsc-ic-material-backspace:before { content: "\f146" } .mbsc-ic-material-check-box-outline-blank:before { content: "\f147" } .mbsc-ic-material-equalizer:before { content: "\f148" } .mbsc-ic-material-keyboard-arrow-down:before { content: "\f149" } .mbsc-ic-material-keyboard-arrow-left:before { content: "\f14a" } .mbsc-ic-material-keyboard-arrow-right:before { content: "\f14b" } .mbsc-ic-material-keyboard-arrow-up:before { content: "\f14c" } .mbsc-ic-material-pause:before { content: "\f14d" } .mbsc-ic-material-play-arrow:before { content: "\f14e" } .mbsc-ic-material-repeat:before { content: "\f14f" } .mbsc-ic-material-shuffle:before { content: "\f150" } .mbsc-ic-material-skip-next:before { content: "\f151" } .mbsc-ic-material-skip-previous:before { content: "\f152" } .mbsc-ic-material-star:before { content: "\f153" } .mbsc-ic-material-star-outline:before { content: "\f154" } .mbsc-ic-material-stop:before { content: "\f155" } .mbsc-ic-minus:before { content: "\f156" } .mbsc-ic-mobile:before { content: "\f157" } .mbsc-ic-music:before { content: "\f158" } .mbsc-ic-newspaper:before { content: "\f159" } .mbsc-ic-office:before { content: "\f15a" } .mbsc-ic-pause2:before { content: "\f15b" } .mbsc-ic-pencil:before { content: "\f15c" } .mbsc-ic-phone:before { content: "\f15d" } .mbsc-ic-play:before { content: "\f15e" } .mbsc-ic-play3:before { content: "\f15f" } .mbsc-ic-plus:before { content: "\f160" } .mbsc-ic-redo2:before { content: "\f161" } .mbsc-ic-remove:before { content: "\f162" } .mbsc-ic-reply:before { content: "\f163" } .mbsc-ic-sad2:before { content: "\f164" } .mbsc-ic-share:before { content: "\f165" } .mbsc-ic-smiley2:before { content: "\f166" } .mbsc-ic-stack:before { content: "\f167" } .mbsc-ic-star:before { content: "\f168" } .mbsc-ic-star2:before { content: "\f169" } .mbsc-ic-star3:before { content: "\f16a" } .mbsc-ic-stop2:before { content: "\f16b" } .mbsc-ic-stopwatch:before { content: "\f16c" } .mbsc-ic-support:before { content: "\f16d" } .mbsc-ic-tag:before { content: "\f16e" } .mbsc-ic-thumbs-up:before { content: "\f16f" } .mbsc-ic-thumbs-up2:before { content: "\f170" } .mbsc-ic-undo2:before { content: "\f171" } .mbsc-ic-unlocked:before { content: "\f172" } .mbsc-ic-upload:before { content: "\f173" } .mbsc-ic-user4:before { content: "\f174" } .mbsc-ic-volume-medium:before { content: "\f175" } .mbsc-progress { position: relative; display: block; margin: 0; z-index: 0; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .mbsc-progress progress { display: none } .mbsc-progress .mbsc-input-wrap { position: relative; display: block } .mbsc-progress .mbsc-input-ic { position: absolute; height: 2em; width: 2em; line-height: 2em; text-align: center } .mbsc-progress-cont { position: relative; display: block; width: 100%; height: 100% } .mbsc-progress-track { position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mbsc-progress-bar { position: absolute; top: 0; left: 0; width: 0; height: 100% } .mbsc-progress-anim .mbsc-progress-bar { -webkit-transition: width .1s ease-in-out; -moz-transition: width .1s ease-in-out; transition: width .1s ease-in-out } .mbsc-progress-value { position: absolute; top: 50%; width: 3em; overflow: hidden; margin-top: -.5em; line-height: 1em } .mbsc-progress-value-right .mbsc-progress-value { right: 0; text-align: right } .mbsc-progress-value-left .mbsc-progress-value { left: 0; text-align: left } .mbsc-progress-step-label { position: absolute; top: 1em; width: 3.5em; margin-left: -1.75em; font-size: .75em; text-align: center; overflow: hidden } .mbsc-mobiscroll.mbsc-progress { padding: 1em } .mbsc-mobiscroll.mbsc-progress .mbsc-label { font-size: .75em } .mbsc-mobiscroll.mbsc-progress .mbsc-input-ic { top: .0625em; margin: 0; color: #787878 } .mbsc-mobiscroll.mbsc-progress.mbsc-ic-left { padding-left: 3.25em } .mbsc-mobiscroll.mbsc-progress.mbsc-ic-right { padding-right: 3.25em } .mbsc-mobiscroll.mbsc-progress.mbsc-ic-left .mbsc-left-ic { right: auto; left: -2.625em } .mbsc-mobiscroll.mbsc-progress.mbsc-ic-right .mbsc-right-ic { left: auto; right: -2.625em } .mbsc-mobiscroll .mbsc-progress-cont { padding: 1em 0 } .mbsc-mobiscroll .mbsc-progress-track { background: #dedede; border-radius: 1em; height: .125em } .mbsc-mobiscroll .mbsc-progress-bar { background: #4eccc4 } .mbsc-mobiscroll .mbsc-progress-value { width: 3.75em; font-size: .875em } .mbsc-mobiscroll.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap { padding-left: 3.5em } .mbsc-mobiscroll.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap { padding-right: 3.5em } .mbsc-android-holo.mbsc-progress { padding: .75em } .mbsc-android-holo.mbsc-progress .mbsc-input-ic { top: .25em } .mbsc-android-holo.mbsc-progress.mbsc-ic-right { padding-right: 3.25em } .mbsc-android-holo.mbsc-progress.mbsc-ic-left { padding-left: 3.25em } .mbsc-android-holo.mbsc-progress.mbsc-ic-right .mbsc-right-ic { left: auto; right: -2.375em } .mbsc-android-holo.mbsc-progress.mbsc-ic-left .mbsc-left-ic { right: auto; left: -2.375em } .mbsc-android-holo.mbsc-progress .mbsc-input-wrap { padding: 0 } .mbsc-android-holo.mbsc-progress .mbsc-label { padding: 0; font-size: .75em } .mbsc-android-holo .mbsc-progress-cont { padding: 1em 0 } .mbsc-android-holo .mbsc-progress-track { background: #818181; height: .125em } .mbsc-android-holo .mbsc-progress-bar { background: #31c6e7 } .mbsc-android-holo .mbsc-progress-value { font-size: .75em; width: 4em } .mbsc-android-holo.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap { padding-left: 3.25em } .mbsc-android-holo.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap { padding-right: 3.25em } .mbsc-android-holo .mbsc-progress-step-label { top: 1.5em } .mbsc-wp.mbsc-progress { padding: .75em 1em } .mbsc-wp.mbsc-progress .mbsc-label { padding-bottom: .3125em; color: #878787; font-size: 1em } .mbsc-wp.mbsc-progress .mbsc-input-wrap { padding: 0 } .mbsc-wp.mbsc-progress .mbsc-input-ic { color: #fff; top: -.1875em } .mbsc-wp.mbsc-progress.mbsc-ic-right { padding-right: 3.25em } .mbsc-wp.mbsc-progress.mbsc-ic-left { padding-left: 3.25em } .mbsc-wp.mbsc-progress.mbsc-ic-right .mbsc-right-ic { left: auto; right: -2.375em } .mbsc-wp.mbsc-progress.mbsc-ic-left .mbsc-left-ic { right: auto; left: -2.375em } .mbsc-wp.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap { padding-left: 3.5em } .mbsc-wp.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap { padding-right: 3.5em } .mbsc-wp .mbsc-progress-cont { padding: .75em 0 } .mbsc-wp .mbsc-progress-track { background: #1f1f1f; height: .125em } .mbsc-wp .mbsc-progress-bar { background: #1a9fe0 } .mbsc-wp .mbsc-progress-value { margin-top: -.4375em; width: 3.5em } .mbsc-wp .mbsc-progress-step-label { top: 1.5em } .mbsc-material.mbsc-progress { padding: .75em 1em } .mbsc-material.mbsc-progress .mbsc-input-wrap { padding: 0 } .mbsc-material.mbsc-progress .mbsc-input-ic { top: .3125em; margin: 0 } .mbsc-material.mbsc-progress.mbsc-ic-left { padding-left: 3.25em } .mbsc-material.mbsc-progress.mbsc-ic-right { padding-right: 3.25em } .mbsc-material.mbsc-progress.mbsc-ic-left .mbsc-left-ic { right: auto; left: -2.625em } .mbsc-material.mbsc-progress.mbsc-ic-right .mbsc-right-ic { left: auto; right: -2.625em } .mbsc-material.mbsc-progress .mbsc-label { font-size: .75em } .mbsc-material .mbsc-progress-cont { padding: 1.25em 0 } .mbsc-material .mbsc-progress-track { background: #b2b2b2; height: .125em } .mbsc-material .mbsc-progress-bar { background: #009688 } .mbsc-material .mbsc-progress-value { font-size: .75em; width: 4em } .mbsc-material .mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap { padding-left: 3.25em } .mbsc-material .mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap { padding-right: 3.25em } .mbsc-ios.mbsc-progress { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 2.75em; margin-top: -1px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: .625em 1em; background: #fff; align-items: center } .mbsc-ios.mbsc-progress.mbsc-progress-w .mbsc-label { padding: 0 } .mbsc-ios.mbsc-progress .mbsc-input-ic { top: .0625em; margin: 0 } .mbsc-ios.mbsc-progress.mbsc-ic-left .mbsc-left-ic { right: auto; left: -.375em } .mbsc-ios.mbsc-progress.mbsc-ic-right .mbsc-right-ic { left: auto; right: -.375em } .mbsc-ios.mbsc-progress .mbsc-input-wrap { position: relative; padding: 0 .75em } .mbsc-ios.mbsc-progress.mbsc-progress-w.mbsc-ic-left .mbsc-input-wrap { padding-left: 2.5em } .mbsc-ios.mbsc-progress.mbsc-progress-w.mbsc-ic-right .mbsc-input-wrap { padding-right: 2.5em } .mbsc-ios.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap { padding-left: 3.5em } .mbsc-ios.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap { padding-right: 3.5em } .mbsc-ios.mbsc-progress.mbsc-ic-left.mbsc-progress-value-left .mbsc-input-wrap { padding-left: 5.5em } .mbsc-ios.mbsc-progress.mbsc-ic-right.mbsc-progress-value-right .mbsc-input-wrap { padding-left: 5.5em } .mbsc-ios.mbsc-progress.mbsc-ic-left.mbsc-progress-value-left .mbsc-progress-value { left: 2.2857em } .mbsc-ios.mbsc-progress.mbsc-ic-right.mbsc-progress-value-right .mbsc-progress-value { right: 2.2857em } .mbsc-ios .mbsc-progress-cont { padding: 1em 0 } .mbsc-ios .mbsc-progress-track { background: #dedede; border-radius: 1em; height: .125em } .mbsc-ios .mbsc-progress-bar { background: #1272dc; z-index: 1 } .mbsc-ios .mbsc-progress-value { width: 3.715em; font-size: .875em; color: #b6b6b6 } .mbsc-ios .mbsc-progress-step-label { top: 1.25em; color: #b6b6b6 } .mbsc-progress.mbsc-slider input { display: none } .mbsc-progress-anim .mbsc-slider-handle-cont { -webkit-transition: left .1s ease-in-out; -moz-transition: left .1s ease-in-out; transition: left .1s ease-in-out } .mbsc-slider-handle-cont { position: absolute; width: 2em; height: 2em; right: -1em; top: .0625em; margin-top: -1em; cursor: pointer } .mbsc-slider-handle-cont.mbsc-slider-handle-left { left: 0 } .mbsc-progress-track .mbsc-slider-handle-cont { margin-left: -1em } .mbsc-slider-handle { position: absolute; top: .125em; right: 50%; margin: -.5em -.5em 0 0; z-index: 2; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .mbsc-slider .mbsc-slider-handle:focus, .mbsc-slider .mbsc-active .mbsc-slider-handle { outline: 0; z-index: 15 } .mbsc-slider-tooltip { position: absolute; right: 50%; opacity: 0; color: #000 } .mbsc-slider-step { position: absolute; top: 0; width: .125em; height: 100%; margin-left: -.0625em } .mbsc-mobiscroll.mbsc-slider .mbsc-input-wrap { padding: 0 .5em } .mbsc-mobiscroll .mbsc-slider-step { background: #f7f7f7 } .mbsc-mobiscroll .mbsc-slider-handle { top: 50%; width: 1em; height: 1em; border-radius: 1.125em; background: #4eccc4; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .2s ease-in-out; -moz-transition: -moz-transform .2s ease-in-out; transition: transform .2s ease-in-out } .mbsc-mobiscroll .mbsc-slider-handle:focus, .mbsc-mobiscroll .mbsc-active .mbsc-slider-handle { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); transform: scale(1.3) } .mbsc-mobiscroll.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { opacity: .4 } .mbsc-mobiscroll.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-handle { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1) } .mbsc-mobiscroll .mbsc-slider-tooltip { top: -1.91666em; width: 2.33333333em; height: 2.33333333em; border-radius: 2em; margin-right: -1.1666em; line-height: 2.33333333em; text-align: center; font-size: .75em; color: #eee; background-color: #4eccc4; z-index: 5; -webkit-transform: scale(.4) translate3d(0,5em,0); -moz-transform: scale(.4) translate3d(0,5em,0); transform: scale(.4) translate3d(0,5em,0); -webkit-transition: -webkit-transform .2s ease-in-out,opacity .2s ease-in-out; -moz-transition: -moz-transform .2s ease-in-out,opacity .2s ease-in-out; transition: transform .2s ease-in-out,opacity .2s ease-in-out } .mbsc-mobiscroll .mbsc-slider-handle:focus ~ .mbsc-slider-tooltip, .mbsc-mobiscroll .mbsc-active .mbsc-slider-tooltip { opacity: 1; -webkit-transform: translate3d(0,0,0) scale(1); -moz-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1) } .mbsc-mobiscroll.mbsc-slider-has-tooltip .mbsc-slider-handle:focus, .mbsc-mobiscroll.mbsc-slider-has-tooltip .mbsc-active .mbsc-slider-handle { -webkit-transform: scale(.5); -moz-transform: scale(.5); transform: scale(.5) } .mbsc-android-holo.mbsc-slider .mbsc-input-wrap { padding: 0 .9375em } .mbsc-android-holo .mbsc-slider-step { background: #fff } .mbsc-android-holo .mbsc-slider-handle { top: 50%; width: .625em; height: .625em; margin: -.3125em -.3125em 0 0; border-radius: .625em; background: #31c6e7 } .mbsc-android-holo .mbsc-slider-handle.mbsc-active { background: #fff } .mbsc-android-holo .mbsc-slider-handle:after { position: absolute; top: 50%; left: 50%; margin-top: -.9375em; margin-left: -.9375em; border-radius: 1.875em; height: 1.875em; width: 1.875em; content: ' '; background: rgba(67,198,231,.3) } .mbsc-android-holo .mbsc-slider-handle:focus:after, .mbsc-android-holo .mbsc-active .mbsc-slider-handle:after { margin-top: -1em; margin-left: -1em; border: 1px solid #29799c } .mbsc-android-holo .mbsc-slider-tooltip { width: 3em; top: -1.25em; margin-right: -1.5em; text-align: center; color: #fff; background: #000; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out } .mbsc-android-holo .mbsc-slider-handle:focus ~ .mbsc-slider-tooltip, .mbsc-android-holo .mbsc-active .mbsc-slider-tooltip { opacity: 1 } .mbsc-android-holo.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { background: #fff; opacity: .4 } .mbsc-android-holo.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-handle { width: .25em; height: .25em; margin: -.125em -.125em 0 0; border-radius: .625em; background: #fff } .mbsc-android-holo.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-handle:after { margin-top: -.9375em; margin-left: -.9375em; border: 0; background: rgba(200,200,200,.5) } .mbsc-android-holo.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-bar { background: #a9a9a9 } .mbsc-wp.mbsc-slider .mbsc-input-wrap { padding: 0 .3125em } .mbsc-wp.mbsc-slider .mbsc-input-ic { top: .125em } .mbsc-wp.mbsc-slider .mbsc-progress-track { height: .75em } .mbsc-wp .mbsc-slider-handle { top: 50%; width: .625em; height: 1.125em; margin: -.25em -.3125em 0 0; background: #fff } .mbsc-wp .mbsc-slider-tooltip { height: 2.16665em; width: 3.16665em; margin-right: -1.6666em; top: -2.75em; border: 2px solid #808080; line-height: 2.16665em; background: #fff; text-align: center; font-size: .75em; font-weight: bold; color: #808080; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out } .mbsc-wp .mbsc-slider-handle:focus ~ .mbsc-slider-tooltip, .mbsc-wp .mbsc-active .mbsc-slider-tooltip { opacity: 1 } .mbsc-wp .mbsc-slider-step { background: #000 } .mbsc-wp .mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { opacity: .4 } .mbsc-material.mbsc-slider .mbsc-input-wrap { padding: 0 .5em } .mbsc-material .mbsc-slider-step { background: #000 } .mbsc-material .mbsc-slider-handle { top: 50%; width: .75em; height: .75em; margin: -.5em -.5em 0 0; border: 2px solid #009688; border-radius: 1.125em; background: #009688; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .2s ease-in-out; -moz-transition: -moz-transform .2s ease-in-out; transition: transform .2s ease-in-out } .mbsc-material .mbsc-slider-handle:focus, .mbsc-material .mbsc-active .mbsc-slider-handle { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4) } .mbsc-material .mbsc-slider-start .mbsc-slider-handle { border-color: #b2b2b2; background: #eee } .mbsc-material .mbsc-slider-handle:before { content: ''; position: absolute; z-index: -1; top: -.625em; left: -.625em; width: 2em; height: 2em; opacity: 0; background: rgba(0,0,0,.1); border-radius: 2.875em; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out } .mbsc-material .mbsc-active .mbsc-slider-handle:before { opacity: 1 } .mbsc-material .mbsc-slider-tooltip { margin-right: -1.16665em; top: -2.5em; width: 2.33333333em; height: 2.33333333em; border-radius: 2.33333333em; line-height: 2.33333333em; text-align: center; font-size: .75em; color: #eee; background-color: #009688; -webkit-transform: scale(.4) translate3d(0,6em,0); -moz-transform: scale(.4) translate3d(0,6em,0); -ms-transform: scale(.4) translate(0,6em); transform: scale(.4) translate3d(0,6em,0); -webkit-transition: -webkit-transform .2s ease-in-out,opacity .2s ease-in-out; -moz-transition: -moz-transform .2s ease-in-out,opacity .2s ease-in-out; transition: transform .2s ease-in-out,opacity .2s ease-in-out } .mbsc-material .mbsc-slider-tooltip:before { position: absolute; content: ''; width: 0; height: 0; border-left: .8333em solid transparent; border-right: .8333em solid transparent; border-top: 1em solid #009688; bottom: -.66666em; left: .3333em } .mbsc-material.mbsc-slider-has-tooltip .mbsc-slider-handle:focus ~ .mbsc-slider-tooltip, .mbsc-material.mbsc-slider-has-tooltip .mbsc-active .mbsc-slider-tooltip { opacity: 1; -webkit-transform: translate3d(0,0,0) scale(1); -moz-transform: translate3d(0,0,0) scale(1); -ms-transform: translate(0,0) scale(1); transform: translate3d(0,0,0) scale(1) } .mbsc-material.mbsc-slider-has-tooltip .mbsc-slider-handle:focus, .mbsc-material.mbsc-slider-has-tooltip .mbsc-active .mbsc-slider-handle { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0) } .mbsc-material.mbsc-slider-has-tooltip .mbsc-slider-start .mbsc-slider-tooltip { background: #b2b2b2 } .mbsc-material.mbsc-slider-has-tooltip .mbsc-slider-start .mbsc-slider-tooltip:before { border-top-color: #b2b2b2 } .mbsc-material.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { opacity: .4 } .mbsc-material.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-bar { background: #b2b2b2 } .mbsc-material.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-handle { background: #b2b2b2; border-color: #b2b2b2; -webkit-transform: scale(.7); -moz-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: 0 0 0 .3125em #eee; box-shadow: 0 0 0 .3125em #eee } .mbsc-material.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-start .mbsc-slider-handle { border-color: #b2b2b2; background: #eee } .mbsc-ios .mbsc-slider-handle { top: 50%; width: 1.5em; height: 1.5em; margin: -.75em -.75em 0 0; background: #fff; border-radius: 1.25em; -webkit-box-shadow: 0 0 1em rgba(0,0,0,.1),0 0 .0625em rgba(0,0,0,.15),0 .125em .125em rgba(0,0,0,.15); box-shadow: 0 0 1em rgba(0,0,0,.1),0 0 .0625em rgba(0,0,0,.15),0 .125em .125em rgba(0,0,0,.15) } .mbsc-ios .mbsc-slider-tooltip { font-size: .875em; width: 3em; margin-right: -1.5em; top: -1em; text-align: center; color: #b6b6b6; opacity: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out } .mbsc-ios .mbsc-slider-handle:focus ~ .mbsc-slider-tooltip, .mbsc-ios .mbsc-active .mbsc-slider-tooltip { opacity: 1 } .mbsc-ios .mbsc-slider-step { height: .5em; margin-top: -.1875em; margin-left: -.0625em; background: #dedede } .mbsc-ios.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { opacity: .4 } @-webkit-keyframes mbsc-lv-spin { from { -webkit-transform: rotate(180deg); opacity: 0 } to { -webkit-transform: rotate(0); opacity: 1 } } @-webkit-keyframes mbsc-lv-remove-right { to { -webkit-transform: translateX(100%) } } @-webkit-keyframes mbsc-lv-remove-left { to { -webkit-transform: translateX(-100%) } } @-webkit-keyframes mbsc-lv-add-right { from { -webkit-transform: translateX(100%) } to { -webkit-transform: translateX(0) } } @-webkit-keyframes mbsc-lv-add-left { from { -webkit-transform: translateX(-100%) } to { -webkit-transform: translateX(0) } } @-webkit-keyframes mbsc-lv-pop-in { from { -webkit-transform: scale(0); opacity: 0 } to { -webkit-transform: scale(1); opacity: 1 } } @-webkit-keyframes mbsc-lv-pop-out { from { -webkit-transform: scale(1); opacity: 1 } to { -webkit-transform: scale(0); opacity: 0 } } @-webkit-keyframes mbsc-lv-collapse { from { padding: 0; border: 0 } to { padding: 0; border: 0; height: 0 } } @-webkit-keyframes mbsc-lv-expand { from { padding: 0; border: 0; height: 0 } to { padding: 0; border: 0 } } @-webkit-keyframes mbsc-lv-fill { from { -webkit-transform: scale(1,0) } to { -webkit-transform: scale(1,1) } } @-moz-keyframes mbsc-lv-spin { from { -moz-transform: rotate(180deg); opacity: 0 } to { -moz-transform: rotate(0); opacity: 1 } } @-moz-keyframes mbsc-lv-remove-right { to { -moz-transform: translateX(100%) } } @-moz-keyframes mbsc-lv-remove-left { to { -moz-transform: translateX(-100%) } } @-moz-keyframes mbsc-lv-add-right { from { -moz-transform: translateX(100%) } } @-moz-keyframes mbsc-lv-add-left { from { -moz-transform: translateX(-100%) } } @-moz-keyframes mbsc-lv-pop-in { from { -moz-transform: scale(0); opacity: 0 } } @-moz-keyframes mbsc-lv-pop-out { to { -moz-transform: scale(0); opacity: 0 } } @-moz-keyframes mbsc-lv-collapse { from { padding: 0; border: 0 } to { padding: 0; border: 0; height: 0 } } @-moz-keyframes mbsc-lv-expand { from { padding: 0; border: 0; height: 0 } to { padding: 0; border: 0 } } @-moz-keyframes mbsc-lv-fill { from { -moz-transform: scale(1,0) } to { -moz-transform: scale(1,1) } } @keyframes mbsc-lv-spin { from { transform: rotate(180deg); opacity: 0 } to { transform: rotate(0); opacity: 1 } } @keyframes mbsc-lv-remove-right { to { transform: translateX(100%) } } @keyframes mbsc-lv-remove-left { to { transform: translateX(-100%) } } @keyframes mbsc-lv-add-right { from { transform: translateX(100%) } to { transform: translateX(0) } } @keyframes mbsc-lv-add-left { from { transform: translateX(-100%) } to { transform: translateX(0) } } @keyframes mbsc-lv-pop-in { from { transform: scale(0); opacity: 0 } to { transform: scale(1) } } @keyframes mbsc-lv-pop-out { from { transform: scale(1) } to { transform: scale(0); opacity: 0 } } @keyframes mbsc-lv-collapse { from { padding: 0; border: 0 } to { padding: 0; border: 0; height: 0 } } @keyframes mbsc-lv-expand { from { padding: 0; border: 0; height: 0 } to { padding: 0; border: 0 } } @keyframes mbsc-lv-fill { from { transform: scale(1,0) } to { transform: scale(1,1) } } .mbsc-lv-stage-c-v, .mbsc-lv-item, .mbsc-lv-gr-title, .mbsc-lv-ic-text { -webkit-transform: translate3d(0,0,0) } .mbsc-lv, .mbsc-lv-fill-item { -webkit-backface-visibility: hidden } .mbsc-lv-cont { overflow: hidden; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -ms-touch-action: pan-y; user-select: none; touch-action: pan-y } .mbsc-lv-rtl { direction: rtl } .mbsc-lv { display: none; position: relative; list-style: none; margin: 0; padding: 0 } .mbsc-lv-dummy { display: block; margin-top: -1px; -webkit-backface-visibility: visible } .mbsc-lv-v { display: block } .mbsc-lv-gr-title { position: relative; z-index: 2 } .mbsc-lv-fixed-header { position: fixed; display: none; top: 0; left: 0; list-style: none; width: 100%; z-index: 10 } .mbsc-lv-fixed-header-ctx { position: absolute } .mbsc-lv .mbsc-lv-item { position: relative; z-index: 1; list-style: none } .mbsc-lv .mbsc-lv-item.mbsc-lv-item-swiping { overflow: visible } .mbsc-lv-stage-c { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; display: none } .mbsc-lv-stage-c-v { display: block } .mbsc-lv-item-new-left { -webkit-transform: translateX(-100%) } .mbsc-lv-item-new-right { -webkit-transform: translateX(100%) } .mbsc-lv-item-remove-right { -webkit-animation: mbsc-lv-remove-right 200ms; -webkit-animation-delay: 1ms; -moz-animation: mbsc-lv-remove-right 200ms; animation: mbsc-lv-remove-right 200ms } .mbsc-lv-item-remove-left { -webkit-animation: mbsc-lv-remove-left 200ms; -webkit-animation-delay: 1ms; -moz-animation: mbsc-lv-remove-left 200ms; animation: mbsc-lv-remove-left 200ms } .mbsc-lv-item-add-right { -webkit-animation: mbsc-lv-add-right 200ms; -moz-animation: mbsc-lv-add-right 200ms; animation: mbsc-lv-add-right 200ms } .mbsc-lv-item-add-left { -webkit-animation: mbsc-lv-add-left 200ms; -moz-animation: mbsc-lv-add-left 200ms; animation: mbsc-lv-add-left 200ms } .mbsc-lv-item-pop-in { -webkit-animation: mbsc-lv-pop-in 200ms; -moz-animation: mbsc-lv-pop-in 200ms; animation: mbsc-lv-pop-in 200ms } .mbsc-lv-item-pop-out { -webkit-animation: mbsc-lv-pop-out 200ms; -moz-animation: mbsc-lv-pop-out 200ms; animation: mbsc-lv-pop-out 200ms } .mbsc-lv-item-collapse { visibility: hidden; -webkit-animation: mbsc-lv-collapse 200ms; -moz-animation: mbsc-lv-collapse 200ms; animation: mbsc-lv-collapse 200ms } .mbsc-lv-item-expand { visibility: hidden; -webkit-animation: mbsc-lv-expand 200ms; -moz-animation: mbsc-lv-expand 200ms; animation: mbsc-lv-expand 200ms } .mbsc-lv .mbsc-lv-item.mbsc-lv-item-undo { position: absolute; left: 0; right: 0 } .mbsc-lv-cont .mbsc-lv-item.mbsc-lv-item-dragging { z-index: 100; position: absolute; left: 0; right: 0; opacity: .9; -webkit-box-shadow: 0 0 .625em rgba(0,0,0,.5); box-shadow: 0 0 .625em rgba(0,0,0,.5); cursor: pointer; cursor: -webkit-grabbing; cursor: grabbing } .mbsc-lv-item-dragging .mbsc-lv-handle-c { cursor: -webkit-grabbing; cursor: grabbing } .mbsc-lv .mbsc-lv-item.mbsc-lv-ph { padding: 0; border: 0; visibility: hidden } .mbsc-lv-fill-item { position: absolute; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .1 } .mbsc-lv-handle-c { position: absolute; z-index: 4; top: 0; height: 100%; width: 40px; -ms-touch-action: none; touch-action: none; cursor: pointer; cursor: -webkit-grab; cursor: grab } .mbsc-lv-item-h-right { right: 0 } .mbsc-lv-item-h-left { left: 0 } .mbsc-lv-cont.mbsc-lv-handle-left .mbsc-lv-item { padding-left: 40px } .mbsc-lv-cont.mbsc-lv-handle-right .mbsc-lv-item { padding-right: 40px } .mbsc-lv-handle-bar-c { position: absolute; width: 100%; top: 50%; margin-top: -7px } .mbsc-lv-handle-bar { position: relative; height: 2px; margin: 2px 10px; background: #888 } .mbsc-lv-ic, .mbsc-lv-ic-m { top: 0; text-align: center; text-shadow: none; font-size: .75em } .mbsc-lv-ic-s { position: absolute; top: 50%; margin-top: -0.9375em; width: 2.8em; height: 1.875em; line-height: 1.875em; font-size: 1.25em } .mbsc-lv-ic-c { position: absolute; top: 0; height: 100%; line-height: 1.875em; color: #fff; cursor: pointer } .mbsc-lv-ic-text { text-shadow: none; font-size: 1em } .mbsc-ic-none { border: 0 } .mbsc-ic-none:before { content: "0"; font-size: 0; color: rgba(0,0,0,0) } .mbsc-lv-ic-anim .mbsc-lv-ic-s { opacity: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg) } .mbsc-lv-ic-anim .mbsc-lv-ic-a { opacity: 1; -webkit-animation: mbsc-lv-spin 200ms; -webkit-transform: rotate(0); -moz-animation: mbsc-lv-spin 200ms; -moz-transform: rotate(0); animation: mbsc-lv-spin 200ms; transform: rotate(0) } .mbsc-lv-ic-anim .mbsc-lv-ic-v { opacity: 1; -webkit-animation: none; -webkit-transform: rotate(0); -moz-animation: none; -moz-transform: rotate(0); animation: none; transform: rotate(0) } .mbsc-lv-ic-left { left: 0 } .mbsc-lv-ic-move-left { left: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%) } .mbsc-lv-ic-right .mbsc-lv-ic, .mbsc-lv-ic-move-left .mbsc-lv-ic { right: 0 } .mbsc-lv-ic-right .mbsc-lv-ic-text, .mbsc-lv-ic-move-left .mbsc-lv-ic-text { padding: 0 3.5em 0 .625em } .mbsc-lv-ic-right { right: 0 } .mbsc-lv-ic-move-right { right: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%) } .mbsc-lv-ic-left .mbsc-lv-ic, .mbsc-lv-ic-move-right .mbsc-lv-ic { left: 0 } .mbsc-lv-ic-left .mbsc-lv-ic-text, .mbsc-lv-ic-move-right .mbsc-lv-ic-text { padding: 0 .625em 0 3.5em } .mbsc-lv-ic-c .mbsc-lv-ic-only { width: 0; padding: 0 0 0 3.5em } .mbsc-lv-ic-c .mbsc-lv-ic-text-only { padding: 0 .625em } .mbsc-lv-multi { position: absolute; top: 0; display: none; width: 90%; height: 100%; table-layout: fixed } .mbsc-lv-multi-ic-right { right: 0 } .mbsc-lv-multi-ic-left { left: 0 } .mbsc-lv-right .mbsc-lv-multi-ic-right { display: table } .mbsc-lv-left .mbsc-lv-multi-ic-left { display: table } .mbsc-lv-ic-m { display: table-cell; vertical-align: middle; padding: 0 .25em; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .mbsc-lv-ic-m:before { display: block; padding: .25em 0; font-size: 1.333334em } .mbsc-lv-ic-disabled { opacity: .5; filter: alpha(opacity=50) } .mbsc-lv-sl-c { position: relative; -webkit-animation-fill-mode: forwards; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0) } .mbsc-lv-sl-r { -webkit-animation: mbsc-lv-remove-left 300ms; -moz-animation: mbsc-lv-remove-left 300ms; animation: mbsc-lv-remove-left 300ms } .mbsc-lv-sl-l { -webkit-animation: mbsc-lv-remove-right 300ms; -moz-animation: mbsc-lv-remove-right 300ms; animation: mbsc-lv-remove-right 300ms } .mbsc-lv-sl-l .mbsc-lv-sl-curr, .mbsc-lv-sl-r .mbsc-lv-sl-curr { position: absolute; top: 0; left: 0; width: 100% } .mbsc-lv-sl-r .mbsc-lv-sl-new { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%) } .mbsc-lv-sl-l .mbsc-lv-sl-new { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%) } .mbsc-lv-arr { position: absolute; top: 50%; width: 2em; height: 2em; font-size: 1em; line-height: 2em; margin-top: -1em } .mbsc-lv .mbsc-lv-item.mbsc-lv-parent { padding-right: 2.25em } .mbsc-lv .mbsc-lv-item.mbsc-lv-back { padding-left: 2.25em } .mbsc-lv-parent .mbsc-lv-arr { right: 0 } .mbsc-lv-handle-right .mbsc-lv-parent .mbsc-lv-arr { right: 40px } .mbsc-lv-back .mbsc-lv-arr { left: 0 } .mbsc-lv .mbsc-lv-txt { margin: 0; font-weight: normal } .mbsc-lv h1.mbsc-lv-txt { font-size: 2em } .mbsc-lv h2.mbsc-lv-txt { font-size: 1.5em } .mbsc-lv h3.mbsc-lv-txt { font-size: 1.125em } .mbsc-lv h4.mbsc-lv-txt { font-size: 1em } .mbsc-lv h5.mbsc-lv-txt { font-size: .875em } .mbsc-lv h6.mbsc-lv-txt { font-size: .625em } .mbsc-lv p.mbsc-lv-txt { font-size: .75em } .mbsc-lv-img { position: absolute; max-height: 2.8em; max-width: 2.8em; top: 50%; margin-top: -1.4em } .mbsc-lv-cont .mbsc-lv-item.mbsc-lv-img-left { padding-left: 4.5em } .mbsc-lv-cont .mbsc-lv-item.mbsc-lv-img-right { padding-right: 4.5em } .mbsc-lv-img-left .mbsc-lv-img { left: 1.25em } .mbsc-lv-img-right .mbsc-lv-img { right: 1.25em } .mbsc-lv-handle-left.mbsc-lv-cont .mbsc-lv-img-left { padding-left: 6.5em } .mbsc-lv-handle-left .mbsc-lv-img-left .mbsc-lv-img { left: 2.8em } .mbsc-lv-handle-right.mbsc-lv-cont .mbsc-lv-img-right { padding-right: 6.5em } .mbsc-lv-handle-right .mbsc-lv-img-right .mbsc-lv-img { right: 2.8em } .mbsc-lv-item-ic { position: absolute; top: 50%; margin-top: -1em; width: 2em; height: 2em; line-height: 2em; text-align: center } .mbsc-lv-cont .mbsc-lv-item.mbsc-lv-item-ic-left { padding-left: 3.2em } .mbsc-lv-cont .mbsc-lv-item.mbsc-lv-item-ic-right { padding-right: 3.2em } .mbsc-lv-item-ic-left .mbsc-lv-item-ic { left: .8em } .mbsc-lv-item-ic-right .mbsc-lv-item-ic { right: .8em } .mbsc-lv-handle-left.mbsc-lv-cont .mbsc-lv-item-ic-left { padding-left: 4.8em } .mbsc-lv-handle-left .mbsc-lv-item-ic-left .mbsc-lv-item-ic { left: 2.3em } .mbsc-lv-handle-right.mbsc-lv-cont .mbsc-lv-item-ic-right { padding-right: 4.8em } .mbsc-lv-handle-right .mbsc-lv-item-ic-right .mbsc-lv-item-ic { right: 2.3em } .mbsc-lv-mobiscroll { font-family: arial,verdana,sans-serif; padding-top: 1px } .mbsc-lv-mobiscroll .mbsc-lv { background: #b1b1b1 } .mbsc-lv-mobiscroll .mbsc-lv-item { margin-top: -1px; padding: 1.25em; background: #f7f7f7; color: #454545; font-weight: normal } .mbsc-lv-mobiscroll.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) { background: #eee } .mbsc-lv-mobiscroll .mbsc-lv-item-hl:after, .mbsc-lv-mobiscroll .mbsc-lv-item-active::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; background: rgba(78,204,196,.3) } .mbsc-lv-mobiscroll .mbsc-lv-gr-title { padding: 0 1.25em; font-size: .75em; text-transform: uppercase; line-height: 2em; background: #4eccc4; margin-top: -1px; color: #f7f7f7 } .mbsc-lv-mobiscroll .mbsc-lv-ic-m { color: #fff } .mbsc-lv-mobiscroll .mbsc-lv-arr { color: #4eccc4 } .mbsc-lv-mobiscroll .mbsc-lv-handle-bar { background: #4eccc4 } .mbsc-lv-mobiscroll .mbsc-lv-item.mbsc-lv-item-dragging { margin: 0; background: #4eccc4; color: #f7f7f7; -webkit-box-shadow: none; box-shadow: none } .mbsc-lv-mobiscroll .mbsc-lv-item-dragging .mbsc-lv-handle-bar { background: #f7f7f7 } .mbsc-lv-mobiscroll .mbsc-lv-item-dragging .mbsc-lv-arr { color: #f7f7f7 } .mbsc-lv-android-holo { font-family: arial,verdana,sans-serif } .mbsc-lv-android-holo .mbsc-lv { background: #484848 } .mbsc-lv-android-holo .mbsc-lv-item { margin-top: -1px; padding: 1.25em; background: #292829; border-top: 1px solid #484848; border-bottom: 1px solid #484848; color: #fff; font-weight: normal; text-shadow: none } .mbsc-lv-android-holo.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) { background: #383838 } .mbsc-lv-android-holo .mbsc-lv-item-hl, .mbsc-lv-android-holo .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active { background: #484848 } .mbsc-lv-android-holo .mbsc-lv-fill-item { background: rgba(255,255,255,.5) } .mbsc-lv-android-holo .mbsc-lv-handle-bar-c { margin-top: -9px; border-left: 1px solid #888 } .mbsc-lv-android-holo .mbsc-lv-handle-bar { margin: 3px 10px; background: #888 } .mbsc-lv-android-holo.mbsc-lv-handle-right .mbsc-lv-item { padding-right: 50px } .mbsc-lv-android-holo.mbsc-lv-handle-left .mbsc-lv-item { padding-left: 50px } .mbsc-lv-android-holo.mbsc-lv-handle-left .mbsc-lv-handle-bar-c { border-left: 0; border-right: 1px solid #888 } .mbsc-lv-android-holo .mbsc-lv-gr-title { background: #292829; line-height: 2em; color: #bbb; font-size: .8em; font-weight: bold; padding: 1em 1.625em 0 1.625em; margin-top: -1px; border-bottom: 2px solid #484848; text-transform: uppercase } .mbsc-lv-android-holo .mbsc-lv-ic-m { color: #fff } .mbsc-lv-android-holo .mbsc-lv .mbsc-lv-item.mbsc-lv-item-dragging { margin: 0; background: #31b6e7; background: rgba(49,182,231,.5); -webkit-box-shadow: none; box-shadow: none } .mbsc-lv-android-holo .mbsc-lv-gr-title .mbsc-lv-img { height: 2.4em; margin-top: -.1em } .mbsc-lv-android-holo.mbsc-lv-handle-right .mbsc-lv-img-right .mbsc-lv-img { right: 3.2em } .mbsc-lv-android-holo.mbsc-lv-handle-left .mbsc-lv-img-left .mbsc-lv-img { left: 3.2em } .mbsc-lv-android-holo.mbsc-lv-handle-right .mbsc-lv-item-ic-right .mbsc-lv-item-ic { right: 2.8em } .mbsc-lv-android-holo.mbsc-lv-handle-left .mbsc-lv-item-ic-left .mbsc-lv-item-ic { left: 2.8em } .mbsc-lv-android-holo.mbsc-lv-handle-left .mbsc-lv-img-left { padding-left: 6.8em } .mbsc-lv-android-holo.mbsc-lv-handle-right .mbsc-lv-img-right { padding-right: 6.8em } .mbsc-lv-android-holo.mbsc-lv-handle-left .mbsc-lv-item-ic-left { padding-left: 5em } .mbsc-lv-android-holo.mbsc-lv-handle-right .mbsc-lv-item-ic-right { padding-right: 5em } .mbsc-lv-wp .mbsc-lv { background: #b1b1b1 } .mbsc-lv-wp .mbsc-lv-item { margin-top: -1px; padding: 1.25em; background: #1f1f1f; color: #fff; font-family: Segoe UI,arial,verdana,sans-serif; font-weight: normal; text-shadow: none } .mbsc-lv-wp .mbsc-lv-fill-item { background: rgba(255,255,255,.5) } .mbsc-lv-wp .mbsc-lv .mbsc-lv-item.mbsc-lv-item-dragging { margin: 0; opacity: .7; -webkit-box-shadow: none; box-shadow: none } .mbsc-lv-wp .mbsc-lv-handle-bar { background: #888 } .mbsc-lv-wp .mbsc-lv-gr-title { background: #1f1f1f; color: #fff; font-size: 1.5em; padding: 0 .45em; line-height: 2em } .mbsc-lv-wp .mbsc-lv-ic-m { color: #1f1f1f } .mbsc-lv-wp.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) { background: #303030 } .mbsc-lv-wp .mbsc-lv-item-hl, .mbsc-lv-wp .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active { background: #b1b1b1; color: #000 } .mbsc-lv-material { font-family: arial,verdana,sans-serif; padding-top: 1px } .mbsc-lv-material .mbsc-lv { background: #b1b1b1 } .mbsc-lv-material .mbsc-lv-item { overflow: hidden; margin-top: -1px; padding: 1.1875em 1em; background: #eee; color: #5b5b5b; font-weight: normal } .mbsc-lv-material .mbsc-lv-item:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; pointer-events: none; -webkit-transition: background-color .2s ease-out; -moz-transition: background-color .2s ease-out; transition: background-color .2s ease-out } .mbsc-lv-material .mbsc-lv-item-hl:after, .mbsc-lv-material .mbsc-lv-item-active::after, .mbsc-lv-material .mbsc-lv-item-dragging:after { background: rgba(0,0,0,.1) } .mbsc-lv-material .mbsc-lv-item-dragging { margin: 0 } .mbsc-lv-material .mbsc-lv-item-swiping { overflow: visible } .mbsc-lv-material.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) { background: #f7f7f7 } .mbsc-lv-material.mbsc-lv-handle-left .mbsc-lv-item { padding-left: 3.125em } .mbsc-lv-material.mbsc-lv-handle-right .mbsc-lv-item { padding-right: 3.125em } .mbsc-lv-material .mbsc-lv-gr-title { margin-top: -1px; font-size: .875em; font-weight: bold; padding: .5714em 1.14285em; background: #eee; color: #009688 } .mbsc-lv-material .mbsc-lv-ic-m { color: #fff } .mbsc-lv-material .mbsc-lv-arr { color: #009688 } .mbsc-lv-material .mbsc-lv-arr:before { font-size: 1.5em } .mbsc-lv-material .mbsc-lv-handle-c { width: 3.125em } .mbsc-lv-material .mbsc-lv-handle-bar { margin: .125em 1em; background: #009688 } .mbsc-lv-material .mbsc-lv-img { max-height: 2.5em; max-width: 2.5em; margin-top: -1.25em } .mbsc-lv-material .mbsc-lv-img-left .mbsc-lv-img { left: 1em } .mbsc-lv-material .mbsc-lv-img-right .mbsc-lv-img { right: 1em } .mbsc-lv-material.mbsc-lv-handle-left .mbsc-lv-img-left .mbsc-lv-img { left: 3.125em } .mbsc-lv-material.mbsc-lv-handle-right .mbsc-lv-img-right .mbsc-lv-img { left: 3.125em } .mbsc-lv-material .mbsc-lv-item-ic-left .mbsc-lv-item-ic { left: 1em } .mbsc-lv-material.mbsc-lv-cont .mbsc-lv-item.mbsc-lv-item-ic-left { padding-left: 4em } .mbsc-lv-material .mbsc-lv-item-ic-right .mbsc-lv-item-ic { right: 1em } .mbsc-lv-material.mbsc-lv-cont .mbsc-lv-item.mbsc-lv-item-ic-right { padding-right: 4em } .mbsc-lv-material p.mbsc-lv-txt { color: #757575 } .mbsc-lv-ios { font-family: arial,verdana,sans-serif; border-top: 1px solid #ccc } .mbsc-lv-ios .mbsc-lv { background: #e3e3e3 } .mbsc-lv-ios .mbsc-lv-item { margin-top: -1px; padding: .938em 1.25em; background: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #000; font-weight: normal; text-shadow: none } .mbsc-lv-ios.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) { background: #fafafa } .mbsc-lv-ios .mbsc-lv-item-hl, .mbsc-lv-ios .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active { background: #d9d9d9; border-color: #d9d9d9 } .mbsc-lv-ios .mbsc-lv-item.mbsc-lv-item-dragging { margin: 0 } .mbsc-lv-ios .mbsc-lv-handle-c { width: 3.75em } .mbsc-lv-ios .mbsc-lv-handle-bar { margin: .125em .9375em; background: #ccc } .mbsc-lv-ios.mbsc-lv-handle-left .mbsc-lv-item { padding-left: 3.75em } .mbsc-lv-ios.mbsc-lv-handle-right .mbsc-lv-item { padding-right: 3.75em } .mbsc-lv-ios.mbsc-lv-handle-right .mbsc-lv-parent .mbsc-lv-arr { right: 3.125em } .mbsc-lv-ios .mbsc-lv-gr-title { margin-top: -1px; padding: 0 1.615em; background: #f5f5f5; color: #777; font-size: .875em; font-weight: bold; line-height: 2em; text-transform: uppercase; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc } .mbsc-lv-ios .mbsc-lv-ic-m { color: #777 } .mbsc-lv-ios .mbsc-lv-arr { color: #ccc } .mbsc-lv-ios.mbsc-lv-handle-right .mbsc-lv-img-right .mbsc-lv-img { right: 3.4em } .mbsc-lv-ios.mbsc-lv-handle-left .mbsc-lv-img-left .mbsc-lv-img { left: 3.4em } .mbsc-lv-ios.mbsc-lv-handle-right .mbsc-lv-item-ic-right .mbsc-lv-item-ic { right: 3em } .mbsc-lv-ios.mbsc-lv-handle-left .mbsc-lv-item-ic-left .mbsc-lv-item-ic { left: 3em } .mbsc-lv-ios.mbsc-lv-handle-left .mbsc-lv-img-left { padding-left: 7em } .mbsc-lv-ios.mbsc-lv-handle-right .mbsc-lv-img-right { padding-right: 7em } .mbsc-lv-ios.mbsc-lv-handle-left .mbsc-lv-item-ic-left { padding-left: 5.2em } .mbsc-lv-ios.mbsc-lv-handle-right .mbsc-lv-item-ic-right { padding-right: 5.2em } .mbsc-fr-popup, .mbsc-fr-overlay { -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0,0,0,0) } .mbsc-fr-lock { -ms-touch-action: none; touch-action: none } .mbsc-fr-popup { max-width: 98%; position: absolute; top: 0; left: 0; z-index: 2; font-size: 12px; text-shadow: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y } .mbsc-fr-popup:focus { outline: 0; outline-offset: -2px } .mbsc-rtl { direction: rtl } .mbsc-fr-popup, .mbsc-fr-btn-cont { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mbsc-fr-w { min-width: 200px; zoom: 1; overflow: hidden; text-align: center; /* font-family: arial,verdana,sans-serif; */ /* font-family: fantasy; */ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /*min-width: 200px; zoom: 1; overflow: hidden; text-align: center;*/ /*font-family: arial,verdana,sans-serif;*/ /*font-family: fantasy; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box*/ } .mbsc-fr-persp, .mbsc-fr-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0 } .mbsc-fr-persp { z-index: 99998; pointer-events: auto } .mbsc-fr-overlay { z-index: 1; background: rgba(0, 0, 0, 0.38); } .mbsc-fr-liq .mbsc-fr-popup { max-width: 100% } .mbsc-fr-top .mbsc-fr-popup, .mbsc-fr-bottom .mbsc-fr-popup { width: 100%; max-width: 100% } .mbsc-fr-inline .mbsc-fr-popup { position: static; display: inline-block; max-width: 100% } .mbsc-fr-inline.mbsc-fr-liq .mbsc-fr-persp .mbsc-fr-popup { display: block } .mbsc-fr-inline .mbsc-fr-persp { position: static } .mbsc-fr-bubble .mbsc-fr-popup { margin: 20px 0 } .mbsc-fr-bubble .mbsc-fr-arr-w { position: absolute; z-index: 1; left: 0; width: 100% } .mbsc-fr-bubble-top .mbsc-fr-arr-w { bottom: -36px } .mbsc-fr-bubble-bottom .mbsc-fr-arr-w { top: -36px } .mbsc-fr-bubble .mbsc-fr-arr-i { margin: 0 30px; position: relative; height: 36px } .mbsc-fr-bubble .mbsc-fr-arr { display: block } .mbsc-fr-arr { display: none; position: absolute; left: 0; width: 0; height: 0; border-width: 18px 18px; border-style: solid; margin-left: -18px } .mbsc-fr-bubble-bottom .mbsc-fr-arr { top: 0 } .mbsc-fr-bubble-top .mbsc-fr-arr { bottom: 0 } .mbsc-fr-hdn { width: 0; height: 0; margin: 0; padding: 0; border: 0; overflow: hidden } .mbsc-fr-hdr { overflow: hidden; text-overflow: ellipsis } .mbsc-fr-btn { overflow: hidden; display: block; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; vertical-align: top } .mbsc-fr-btn-e { cursor: pointer } .mbsc-fr-btn-d { cursor: default } .mbsc-fr-btn-cont { display: table; width: 100%; text-align: center } .mbsc-fr-btn-cont .mbsc-fr-btn-d { opacity: .3 } .mbsc-fr-btn-w { vertical-align: top; display: table-cell; position: relative; z-index: 5 } .mbsc-fr-btn-w .mbsc-fr-btn:before { padding: .375em } .mbsc-wdg .mbsc-wdg-c { position: relative; z-index: 0; padding: 1em; font-size: 14px; text-align: left; white-space: normal } .mbsc-mobiscroll .mbsc-fr-w { min-width: 16em; background: #f7f7f7; color: #454545; font-size: 16px } .mbsc-mobiscroll .mbsc-fr-hdr { padding: 0 .6666em; padding-top: .6666em; color: #4eccc4; font-size: .75em; text-transform: uppercase; min-height: 2em; line-height: 2em } .mbsc-mobiscroll .mbsc-fr-btn-cont { display: block; overflow: hidden; text-align: right; padding: 0 .5em .5em .5em } .mbsc-mobiscroll .mbsc-fr-btn-w { display: block; float: right } .mbsc-mobiscroll .mbsc-rtl .mbsc-fr-btn-w { float: left } .mbsc-mobiscroll .mbsc-fr-btn { height: 2.5em; line-height: 2.5em; padding: 0 1em; /*color: #4eccc4;*/ color: #756D6D; text-transform: uppercase; font-weight: 600; font-size: 19px; } .mbsc-mobiscroll .mbsc-fr-btn-a { background: rgba(78,204,196,.3) } .mbsc-mobiscroll .mbsc-fr-bubble-bottom .mbsc-fr-arr { border-color: transparent transparent #f7f7f7 transparent } .mbsc-mobiscroll .mbsc-fr-bubble-top .mbsc-fr-arr { border-color: #f7f7f7 transparent transparent transparent } .mbsc-android-holo .mbsc-fr-w { background: #292829; color: #fff; border-radius: .1875em; font-size: 16px } .mbsc-android-holo .mbsc-fr-hdr { color: #31b6e7; padding: 0 .5em; min-height: 2em; line-height: 2em; border-bottom: 2px solid #31b6e7; font-size: 1.125em } .mbsc-android-holo .mbsc-fr-btn-cont { border-top: 1px solid #424542 } .mbsc-android-holo .mbsc-fr-btn { height: 2.6em; line-height: 2.6em; color: #fff; font-size: .875em } .mbsc-android-holo .mbsc-fr-btn-a { background: #29799c } .mbsc-android-holo .mbsc-fr-btn-w .mbsc-fr-btn { border-left: 1px solid #424542 } .mbsc-android-holo .mbsc-fr-btn-w:first-child .mbsc-fr-btn { border: 0; border-radius: 0 0 0 .1875em } .mbsc-android-holo .mbsc-fr-btn-w:last-child .mbsc-fr-btn { border-radius: 0 0 .1875em 0 } .mbsc-android-holo .mbsc-rtl .mbsc-fr-btn-w .mbsc-fr-btn { border: 0; border-right: 1px solid #424542 } .mbsc-android-holo .mbsc-rtl .mbsc-fr-btn-w:last-child .mbsc-fr-btn { border-radius: 0 0 0 .1875em } .mbsc-android-holo .mbsc-rtl .mbsc-fr-btn-w:first-child .mbsc-fr-btn { border: 0; border-radius: 0 0 .1875em 0 } .mbsc-android-holo.mbsc-fr-liq .mbsc-fr-w, .mbsc-android-holo.mbsc-fr-top .mbsc-fr-w, .mbsc-android-holo.mbsc-fr-bottom .mbsc-fr-w, .mbsc-android-holo.mbsc-fr-liq .mbsc-fr-btn-w .mbsc-fr-btn, .mbsc-android-holo.mbsc-fr-top .mbsc-fr-btn-w .mbsc-fr-btn, .mbsc-android-holo.mbsc-fr-bottom .mbsc-fr-btn-w .mbsc-fr-btn { border-radius: 0 } .mbsc-android-holo .mbsc-fr-bubble-bottom .mbsc-fr-arr { border-color: transparent transparent #292829 transparent } .mbsc-android-holo .mbsc-fr-bubble-top .mbsc-fr-arr { border-color: #292829 transparent transparent transparent } .mbsc-wp .mbsc-fr-w { padding: .625em; background: #1f1f1f; color: #fff; font-size: 16px } .mbsc-wp .mbsc-fr-hdr { font-size: .75em; padding: .833em; min-height: 14px; padding-top: 0 } .mbsc-wp .mbsc-fr-btn-cont { display: block } .mbsc-wp .mbsc-fr-btn-w { display: inline-block } .mbsc-wp .mbsc-fr-btn, .mbsc-wp .mbsc-ic:before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .mbsc-wp .mbsc-fr-btn { position: relative; top: 0; min-width: 2.9em; display: inline-block; height: 1.818em; padding: 2.636em .455em 0 .455em; color: #fff; line-height: 1.818em; font-size: .688em; text-transform: lowercase; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear } .mbsc-wp .mbsc-fr-btn:before { position: absolute; top: .3em; left: 50%; width: 2.2em; height: 2.2em; margin: 0 -1.3em; padding: 0; border: 2px solid #fff; line-height: 2.2em; font-size: .909em; text-align: center; border-radius: 1000px } .mbsc-wp .mbsc-fr-btn-a { top: -.3em } .mbsc-wp .mbsc-fr-btn-a:before { background: #1a9fe0; border-color: #1a9fe0; color: #fff } .mbsc-wp .mbsc-fr-bubble-bottom .mbsc-fr-arr { border-color: transparent transparent #1f1f1f transparent } .mbsc-wp .mbsc-fr-bubble-top .mbsc-fr-arr { border-color: #1f1f1f transparent transparent transparent } .mbsc-material .mbsc-fr-overlay { background: rgba(0,0,0,.6); filter: Alpha(Opacity=60) } .mbsc-material .mbsc-fr-w { min-width: 15em; background: #eee; border-radius: .1875em; color: #5b5b5b; font-size: 16px; box-shadow: 0 .5em 1em rgba(0,0,0,.2) } .mbsc-material .mbsc-fr-hdr { padding: 0 .6666em; padding-top: .6666em; color: #009688; font-size: .75em; font-weight: bold; text-transform: uppercase; min-height: 2em; line-height: 2em } .mbsc-material .mbsc-fr-btn-cont { display: block; overflow: hidden; text-align: right; padding: 0 .5em .5em .5em } .mbsc-material .mbsc-fr-btn-w { display: block; float: right } .mbsc-material .mbsc-rtl .mbsc-fr-btn-w { float: left } .mbsc-material .mbsc-fr-btn { position: relative; height: 2.4em; line-height: 2.4em; padding: 0 1em; font-weight: bold; color: #009688; text-transform: uppercase } .mbsc-material .mbsc-fr-btn-cont .mbsc-fr-btn { font-size: .9375em } .mbsc-material .mbsc-fr-btn-e { -webkit-transition: background-color .2s ease-out; -moz-transition: background-color .2s ease-out; transition: background-color .2s ease-out } .mbsc-material .mbsc-fr-btn-a { background: rgba(0,0,0,.1); border-radius: 2px } .mbsc-material.mbsc-fr-inline .mbsc-fr-w { box-shadow: none } .mbsc-material.mbsc-fr-liq .mbsc-fr-w, .mbsc-material.mbsc-fr-top .mbsc-fr-w, .mbsc-material.mbsc-fr-bottom .mbsc-fr-w { border-radius: 0 } .mbsc-material .mbsc-fr-bubble-bottom .mbsc-fr-arr { border-color: transparent transparent #eee transparent } .mbsc-material .mbsc-fr-bubble-top .mbsc-fr-arr { border-color: #eee transparent transparent transparent } .mbsc-ios .mbsc-fr-overlay { background: rgba(0,0,0,.2); filter: Alpha(Opacity=20) } .mbsc-ios .mbsc-fr-w { position: relative; background: #f7f7f7; color: #000; padding-top: 3.333334em; font-size: 12px } .mbsc-ios .mbsc-fr-hdr { padding: 0 .416667em; color: #9d9d9d; line-height: 2.5em; min-height: 2.5em; border-bottom: 1px solid #acacac } .mbsc-ios .mbsc-fr-btn-cont { position: absolute; top: 0; left: 0; width: 100%; border-bottom: 1px solid #acacac } .mbsc-ios .mbsc-fr-btn { height: 2.352941em; line-height: 2.352941em; padding: 0 .588235em; display: inline-block; color: #007aff; font-size: 1.416667em } .mbsc-ios .mbsc-fr-btn-a { opacity: .5 } .mbsc-ios .mbsc-fr-btn-w { display: block; float: right } .mbsc-ios .mbsc-fr-btn-c { float: left } .mbsc-ios .mbsc-fr-btn-s .mbsc-fr-btn { font-weight: bold } .mbsc-ios .mbsc-fr-bubble-bottom .mbsc-fr-arr { border-color: transparent transparent #f7f7f7 transparent } .mbsc-ios .mbsc-fr-bubble-top .mbsc-fr-arr { border-color: #f7f7f7 transparent transparent transparent } .mbsc-ios.mbsc-fr-bubble .mbsc-fr-w { border-radius: 8px } .mbsc-ios.mbsc-fr-nobtn .mbsc-fr-w { padding-top: 0 } .mbsc-bootstrap .mbsc-fr-popup { display: block; padding: 0 } .mbsc-bootstrap .mbsc-fr-hdr { /* padding: 0 14px; */ padding: 0; /* min-height: 50px; */ line-height: 50px; /* font-family: initial; */ height: 50px; font-family: initial; color: #FFFFFF; font-family: PingFang-SC-Medium; font-size: 20px; background: #00C7BA; } .mbsc-bootstrap .mbsc-fr-w { font-family: PingFang-SC-Heavy; padding: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .mbsc-bootstrap .mbsc-fr-overlay { background: rgba(0,0,0,.5) } .mbsc-bootstrap .mbsc-fr-btn-cont { padding: 0 2px 4px 2px } .mbsc-bootstrap .mbsc-fr-btn { /*display: block; margin: 0 2px ;*/ display: block; margin: 5px 2px; border-radius: 20px; font-family: monospace; font-family: PingFang-SC-Bold; font-weight: bold; font-size: 16px; } .mbsc-bootstrap.mbsc-inline .mbsc-fr-popup { display: inline-block } .mbsc-bootstrap.mbsc-fr-liq .mbsc-fr-popup, .mbsc-bootstrap.mbsc-fr-top .mbsc-fr-popup, .mbsc-bootstrap.mbsc-fr-bottom .mbsc-fr-popup { border-radius: 0 } .mbsc-bootstrap.mbsc-fr-bubble .mbsc-fr-popup { margin: 11px 0; border: 0; } .mbsc-bootstrap .mbsc-fr-arr-i { height: 0; margin: 0 10px; padding: 0; border: 0; display: block } .mbsc-bootstrap .mbsc-fr-bubble-top .mbsc-fr-arr-w { bottom: 0 } .mbsc-bootstrap .mbsc-fr-bubble-bottom .mbsc-fr-arr-w { top: 0 } .mbsc-form { font-size: 16px; font-family: arial,verdana,sans-serif; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-text-size-adjust: 100% } .mbsc-wdg .mbsc-w-p .mbsc-form { background: 0 } .mbsc-rtl { direction: rtl } .mbsc-err-msg { display: block; font-size: .75em } .mbsc-checkbox, .mbsc-switch, .mbsc-radio, .mbsc-stepper-cont { line-height: 1.25em } .mbsc-checkbox, .mbsc-switch, .mbsc-btn, .mbsc-radio, .mbsc-segmented, .mbsc-stepper-cont { -ms-touch-action: pan-y; touch-action: pan-y } .mbsc-input, .mbsc-checkbox, .mbsc-switch, .mbsc-btn, .mbsc-radio, .mbsc-segmented, .mbsc-stepper-cont { position: relative; display: block; margin: 0; z-index: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .mbsc-input input, .mbsc-input select, .mbsc-input textarea, .mbsc-checkbox input, .mbsc-switch input, .mbsc-radio input, .mbsc-segmented input, .mbsc-btn { margin: 0; padding: 0; border: 0; border-radius: 0; outline: 0; font-family: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none } .mbsc-checkbox input, .mbsc-switch input, .mbsc-radio input, .mbsc-select select, .mbsc-segmented input { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; border: 0; opacity: 0; margin: 0; filter: alpha(opacity=0) } .mbsc-btn, .mbsc-input input, .mbsc-input textarea, .mbsc-checkbox-box, .mbsc-checkbox-box:after, .mbsc-radio-box, .mbsc-radio-box:after, .mbsc-switch-track, .mbsc-input-wrap, .mbsc-segmented, .mbsc-progress progress, .mbsc-stepper-cont { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mbsc-segmented-content, .mbsc-btn-flat .mbsc-btn-ic { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .mbsc-desc { display: block; font-size: .75em; color: #a0a0a0 } .mbsc-label { display: block } .mbsc-input textarea, .mbsc-input input, .mbsc-input select { display: block; width: 100%; font-size: 1em } .mbsc-input input:focus, .mbsc-input textarea:focus, .mbsc-input select:focus, .mbsc-btn:focus { outline: 0 } .mbsc-input .mbsc-label { font-size: .875em } .mbsc-input-wrap { position: relative; display: block } .mbsc-input-ic { position: absolute; height: 2em; width: 2em; line-height: 2em; text-align: center } .mbsc-ic-right .mbsc-input-ic { right: .5em } .mbsc-ic-left .mbsc-input-ic { left: .5em } .mbsc-ic-right input { padding-right: 2.4em } .mbsc-ic-left input { padding-left: 2.4em } .mbsc-input textarea { resize: none; overflow: hidden; line-height: 1.5em } .mbsc-input .mbsc-textarea-scroll { overflow: auto } .mbsc-select select { top: -1px } .mbsc-select-ic { display: none } .mbsc-checkbox { padding: .5em } .mbsc-checkbox-box { position: absolute; top: 50%; display: block; width: 1.375em; height: 1.375em } .mbsc-checkbox-box:after { content: ''; position: absolute; display: block; opacity: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .mbsc-checkbox input:checked + .mbsc-checkbox-box:after { opacity: 1 } .mbsc-radio { padding: .5em } .mbsc-radio-box { position: absolute; top: 50%; display: block; width: 1.25em; height: 1.25em; border-radius: 1.25em } .mbsc-radio-box:after { content: ''; position: absolute; top: 50%; left: 50%; width: .625em; height: .625em; margin-top: -.3125em; margin-left: -.3125em; border-radius: .625em; opacity: 0 } .mbsc-radio input:checked + .mbsc-radio-box:after { opacity: 1 } .mbsc-switch { padding: .5em } .mbsc-switch-track { position: absolute; top: 50%; display: block; width: 3.375em; height: 1.625em; -webkit-transition: background-color .2s ease-in-out,border .2s ease-in-out; -moz-transition: background-color .2s ease-in-out,border .2s ease-in-out; transition: background-color .2s ease-in-out,border .2s ease-in-out } .mbsc-switch .mbsc-switch-track .mbsc-progress-track { height: 100%; background: 0 } .mbsc-switch-track .mbsc-slider-handle-cont { top: 50%; z-index: 4 } .mbsc-switch-handle { position: absolute; display: block } .mbsc-switch-txt-off, .mbsc-switch-txt-on { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; font-size: .625em; text-align: center; line-height: 2em } .mbsc-segmented { display: table; table-layout: fixed; width: 100% } .mbsc-segmented-item { display: table-cell; position: relative; vertical-align: top; text-align: center } .mbsc-segmented-content { position: relative; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: .875em; z-index: 2 } .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-step-disabled .mbsc-segmented-content, .mbsc-segmented input:disabled + .mbsc-segmented-content { z-index: 0 } .mbsc-stepper { position: absolute; display: block; width: auto; right: 1em; top: 50% } .mbsc-stepper-cont .mbsc-label { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .mbsc-segmented-item:focus { outline: 0 } .mbsc-stepper input { position: absolute; left: 4.142857em; width: 4.142857em; height: 100%; padding: 0; margin: 0; border: 0; outline: 0; box-shadow: none; font-size: .875em; text-align: center; opacity: 1; z-index: 4; background: transparent; -webkit-appearance: none; -moz-appearance: textfield; appearance: none } .mbsc-stepper input::-webkit-outer-spin-button, .mbsc-stepper input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 } .mbsc-form .mbsc-stepper-val-right .mbsc-stepper input { left: auto; right: 0 } .mbsc-form .mbsc-stepper-val-left .mbsc-stepper input { left: 0 } .mbsc-stepper .mbsc-segmented-item { width: 3.625em } .mbsc-stepper-cont.mbsc-stepper-val-left .mbsc-stepper .mbsc-segmented-item:nth-child(2) .mbsc-segmented-content, .mbsc-stepper-cont.mbsc-stepper-val-right .mbsc-stepper .mbsc-segmented-item:last-child .mbsc-segmented-content { border: 0; background: transparent } .mbsc-form .mbsc-stepper-cont .mbsc-stepper { padding: 0 } .mbsc-segmented-item .mbsc-control, .mbsc-stepper .mbsc-segmented-content { cursor: pointer } .mbsc-step-disabled .mbsc-segmented-content, .mbsc-segmented input:disabled { cursor: auto } .mbsc-btn { position: relative; display: inline-block; overflow: hidden; vertical-align: middle; text-align: center; text-overflow: ellipsis; font-size: 1em; cursor: pointer } .mbsc-btn-ic { line-height: 1 } .mbsc-btn-block { display: block; width: 100%; margin-left: 0 !important; margin-right: 0 !important } .mbsc-padding { padding: 1em } .mbsc-form h1, .mbsc-form h2, .mbsc-form h3, .mbsc-form h4, .mbsc-form h5, .mbsc-form h6 { margin: 0; padding: 0; color: inherit; font-weight: normal; font-family: inherit } .mbsc-form p { margin: 1em 0; padding: 0; font-size: 1em } .mbsc-form a { text-decoration: none } .mbsc-form a:hover { text-decoration: underline } .mbsc-form h1 { margin: .347826em 0; font-size: 2.875em } .mbsc-form h2 { margin: .470588em 0; font-size: 2.125em } .mbsc-form h3 { margin: .666666em 0; font-size: 1.5em } .mbsc-form h4 { margin: .8em 0; font-size: 1.25em } .mbsc-form h5 { margin: 1.066666em 0; font-size: .9375em } .mbsc-form h6 { margin: 1.333333em 0; font-size: .75em } .mbsc-ultra-bold { font-weight: 900 } .mbsc-bold { font-weight: bold } .mbsc-medium { font-weight: 500 } .mbsc-light { font-weight: 300 } .mbsc-thin { font-weight: 100 } .mbsc-italic { font-style: italic } .mbsc-mobiscroll.mbsc-form { background: #f7f7f7; color: #454545 } .mbsc-mobiscroll.mbsc-form *::-moz-selection { color: #fff; background: #4eccc4 } .mbsc-mobiscroll.mbsc-form *::selection { color: #fff; background: #4eccc4 } .mbsc-mobiscroll .mbsc-desc { color: #6d6d6d } .mbsc-mobiscroll .mbsc-divider { padding: 1.5em 1em .5em 1em; color: #4eccc4 } .mbsc-mobiscroll .mbsc-err-msg { padding-top: .75em; font-size: .75em; color: #de3226 } .mbsc-mobiscroll .mbsc-input textarea, .mbsc-mobiscroll .mbsc-input input { height: 2.125em; padding: 0 0 1px 0; background: transparent; border-bottom: 1px solid #787878; font-size: 1em; color: #1f1f1f } .mbsc-mobiscroll .mbsc-input select:focus ~ input, .mbsc-mobiscroll .mbsc-input textarea:focus, .mbsc-mobiscroll .mbsc-input input:focus { border-color: #4eccc4 } .mbsc-mobiscroll .mbsc-input select:disabled ~ input, .mbsc-mobiscroll .mbsc-input select:disabled ~ .mbsc-select-ic, .mbsc-mobiscroll .mbsc-input textarea:disabled, .mbsc-mobiscroll .mbsc-input input:disabled { opacity: .4 } .mbsc-mobiscroll .mbsc-input textarea:-webkit-autofill, .mbsc-mobiscroll .mbsc-input input:-webkit-autofill { padding: 0 .25em } .mbsc-mobiscroll .mbsc-input { padding: .5em 1em } .mbsc-mobiscroll .mbsc-input-ic { top: .0625em; margin: -2px 0 0 0; color: #787878 } .mbsc-mobiscroll .mbsc-input.mbsc-ic-left { padding-left: 3.25em } .mbsc-mobiscroll .mbsc-input.mbsc-ic-right { padding-right: 3.25em } .mbsc-mobiscroll .mbsc-ic-left .mbsc-ic.mbsc-left-ic { right: auto; left: -2.625em } .mbsc-mobiscroll .mbsc-ic-right .mbsc-ic.mbsc-right-ic { left: auto; right: -2.625em } .mbsc-mobiscroll .mbsc-input.mbsc-err input, .mbsc-mobiscroll .mbsc-input.mbsc-err textarea { padding: 0; border-bottom: 1px solid #ec2a32 } .mbsc-mobiscroll .mbsc-input .mbsc-label { font-size: .75em } .mbsc-mobiscroll .mbsc-input textarea { padding-top: .25em } .mbsc-mobiscroll .mbsc-select input { padding-right: 1.25em } .mbsc-mobiscroll .mbsc-select-ic { position: absolute; display: block; height: 1.25em; width: 1.25em; top: .5625em; right: 0; text-align: center } .mbsc-mobiscroll .mbsc-checkbox { padding: 1em 3.125em 1em 1em } .mbsc-mobiscroll .mbsc-checkbox-box { background: #4eccc4; margin-top: -.5625em; width: 1.125em; height: 1.125em; right: 1em } .mbsc-mobiscroll .mbsc-checkbox-box:after { top: .25em; left: .185em; width: .8125em; height: .4375em; border: .125em solid #fff; border-top: 0; border-right: 0 } .mbsc-mobiscroll .mbsc-checkbox input:disabled + .mbsc-checkbox-box { background: #d6d6d6 } .mbsc-mobiscroll .mbsc-radio { padding: 1em 3.125em 1em 1em } .mbsc-mobiscroll .mbsc-radio-box { right: 1em; width: 1.125em; height: 1.125em; margin-top: -.5625em; background: transparent; border: .125em solid #4eccc4 } .mbsc-mobiscroll .mbsc-radio-box:after { width: .5em; height: .5em; margin-top: -.25em; margin-left: -.25em; background: #4eccc4; border-radius: .625em } .mbsc-mobiscroll .mbsc-radio input:checked + .mbsc-radio-box { background: transparent } .mbsc-mobiscroll .mbsc-radio input:disabled + .mbsc-radio-box { border-color: #d6d6d6 } .mbsc-mobiscroll .mbsc-radio input:disabled + .mbsc-radio-box:after { background: #d6d6d6 } .mbsc-mobiscroll .mbsc-checkbox input:disabled ~ .mbsc-label, .mbsc-mobiscroll .mbsc-checkbox input:disabled ~ .mbsc-desc, .mbsc-mobiscroll .mbsc-radio input:disabled ~ .mbsc-label, .mbsc-mobiscroll .mbsc-radio input:disabled ~ .mbsc-desc, .mbsc-mobiscroll .mbsc-switch input:disabled ~ .mbsc-label, .mbsc-mobiscroll .mbsc-switch input:disabled ~ .mbsc-desc { opacity: .4 } .mbsc-mobiscroll .mbsc-checkbox-box:after, .mbsc-mobiscroll .mbsc-radio-box:after { opacity: 1; -webkit-transform: scale(0) rotate(-45deg); -moz-transform: scale(0) rotate(-45deg); -ms-transform: scale(0) rotate(-45deg); transform: scale(0) rotate(-45deg); -webkit-transition: -webkit-transform .1s ease-out; -moz-transition: -moz-transform .1s ease-out; transition: transform .1s ease-out } .mbsc-mobiscroll .mbsc-checkbox input:checked + .mbsc-checkbox-box:after, .mbsc-mobiscroll .mbsc-radio input:checked + .mbsc-radio-box:after { opacity: 1; -webkit-transform: scale(1) rotate(-45deg); -moz-transform: scale(1) rotate(-45deg); -ms-transform: scale(1) rotate(-45deg); transform: scale(1) rotate(-45deg) } .mbsc-mobiscroll .mbsc-btn { margin: .5em; padding: .6875em; background: #4eccc4; color: #f0f0f0; font-size: 1em; text-transform: uppercase } .mbsc-mobiscroll .mbsc-btn-ic { padding-right: .6875em } .mbsc-mobiscroll .mbsc-btn-icon-only .mbsc-btn-ic { padding: 0 .5em } .mbsc-mobiscroll .mbsc-btn:disabled { background: #dedede } .mbsc-mobiscroll .mbsc-btn.mbsc-active { opacity: .6 } .mbsc-mobiscroll .mbsc-btn-flat.mbsc-active { opacity: 1; background: rgba(78,204,196,.3) } .mbsc-mobiscroll .mbsc-btn-flat { background: transparent; color: #4eccc4; border-color: transparent } .mbsc-mobiscroll .mbsc-btn-flat:disabled { background: transparent; color: #c9c9c9 } .mbsc-mobiscroll .mbsc-btn-group { padding: 0 .5em } .mbsc-mobiscroll a { color: #4eccc4 } .mbsc-mobiscroll .mbsc-switch { padding: 1em 4.375em 1em 1em } .mbsc-mobiscroll .mbsc-switch-track { right: 1em; width: 2.375em; height: .875em; padding: 0 .75em; margin-top: -.4375em; background: #dedede; border-radius: 1.25em } .mbsc-mobiscroll .mbsc-switch-handle { top: .25em; left: .25em; margin: 0; width: 1.5em; height: 1.5em; background: #c9c9c9; border-radius: 1.25em } .mbsc-mobiscroll .mbsc-active .mbsc-switch-handle { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1) } .mbsc-mobiscroll .mbsc-switch input:checked + .mbsc-switch-track { background: #b4e5e2 } .mbsc-mobiscroll .mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle { background: #4eccc4 } .mbsc-mobiscroll .mbsc-switch input:disabled + .mbsc-switch-track { background: #d6d6d6; opacity: .7 } .mbsc-mobiscroll .mbsc-switch input:disabled + .mbsc-switch-track .mbsc-switch-handle { background: #e2e2e2 } .mbsc-mobiscroll .mbsc-segmented { padding: .5em 1em } .mbsc-mobiscroll .mbsc-segmented-content { height: 2.28571428em; margin: 0 -.071428em; line-height: 2.28575em; padding: 0 .285714em; border: .142857em solid #4eccc4; text-transform: uppercase; color: #4eccc4 } .mbsc-mobiscroll .mbsc-stepper input { color: #454545 } .mbsc-mobiscroll .mbsc-stepper .mbsc-active .mbsc-segmented-content, .mbsc-mobiscroll .mbsc-segmented input:checked + .mbsc-segmented-content { background: #4eccc4; color: #f7f7f7 } .mbsc-mobiscroll .mbsc-segmented input.mbsc-active + .mbsc-segmented-content { background: rgba(78,204,196,.25); color: #f7f7f7 } .mbsc-mobiscroll .mbsc-stepper-cont { padding: 1.75em 12.875em 1.75em 1em } .mbsc-mobiscroll .mbsc-stepper { margin-top: -1.125em } .mbsc-mobiscroll .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-mobiscroll .mbsc-step-disabled .mbsc-segmented-content, .mbsc-mobiscroll .mbsc-segmented input:disabled + .mbsc-segmented-content { color: #d6d6d6; border-color: #d6d6d6 } .mbsc-mobiscroll .mbsc-stepper input:disabled { color: #d6d6d6; -webkit-text-fill-color: #d6d6d6 } .mbsc-mobiscroll .mbsc-segmented input:disabled:checked + .mbsc-segmented-content { background: #d6d6d6; color: #f0f0f0 } .mbsc-mobiscroll .mbsc-stepper .mbsc-active.mbsc-step-disabled .mbsc-segmented-content { background: transparent; color: #d6d6d6 } .mbsc-android-holo.mbsc-form { background: #000; color: #fff } .mbsc-android-holo.mbsc-form *::-moz-selection { color: #fff; background: #31c6e7 } .mbsc-android-holo.mbsc-form *::selection { color: #fff; background: #31c6e7 } .mbsc-android-holo .mbsc-padding { padding: .75em } .mbsc-android-holo .mbsc-divider { margin: 0 1em; padding: 2em 0 1em 0; border-bottom: 1px solid #31c6e7; font-size: .75em; color: #31c6e7; text-transform: uppercase } .mbsc-android-holo .mbsc-err-msg { color: #f35047; float: right; padding-top: .375em } .mbsc-android-holo .mbsc-input { padding: .75em } .mbsc-android-holo .mbsc-input textarea, .mbsc-android-holo .mbsc-input input { height: 2em; padding: 0 .75em; background: #000; border: 0; border-bottom: 5px solid #a9a9a9; outline: 4px solid #000; outline-offset: -5px; color: #fff } .mbsc-android-holo.mbsc-wdg .mbsc-input textarea, .mbsc-android-holo.mbsc-wdg .mbsc-input input, .mbsc-lv-android-holo .mbsc-input textarea, .mbsc-lv-android-holo .mbsc-input input { background: #292929; outline: 4px solid #292929 } .mbsc-android-holo .mbsc-input textarea { padding: .25em .75em 0 .75em } .mbsc-android-holo .mbsc-select input { padding: 0 .75em; outline: 0; border-width: 0 0 1px; padding-bottom: 4px } .mbsc-android-holo .mbsc-input-ic { top: 0; margin-top: -3px } .mbsc-android-holo .mbsc-input select:focus + input, .mbsc-android-holo .mbsc-input textarea:focus, .mbsc-android-holo .mbsc-input input:focus { border-color: #31c6e7 } .mbsc-android-holo .mbsc-input .mbsc-control:focus ~ .mbsc-select-ic { border-color: transparent #31c6e7 #31c6e7 transparent } .mbsc-android-holo .mbsc-input select:disabled ~ input, .mbsc-android-holo .mbsc-input textarea:disabled, .mbsc-android-holo .mbsc-input input:disabled { opacity: .4 } .mbsc-android-holo .mbsc-input textarea:-webkit-autofill, .mbsc-android-holo .mbsc-input input:-webkit-autofill { border-color: #faffbd; box-shadow: 0 0 0 50em #000 inset; -webkit-text-fill-color: #fff } .mbsc-android-holo .mbsc-input.mbsc-err input, .mbsc-android-holo .mbsc-input.mbsc-err textarea { border-color: #f35047 } .mbsc-android-holo .mbsc-input .mbsc-label { font-size: .75em; padding: 0 1em } .mbsc-android-holo .mbsc-ic-left input, .mbsc-android-holo .mbsc-ic-left textarea { padding-left: 2.4em } .mbsc-android-holo .mbsc-ic-right input, .mbsc-android-holo .mbsc-ic-right textarea { padding-right: 2.4em } .mbsc-android-holo .mbsc-select .mbsc-input-wrap .mbsc-select-ic { position: absolute; display: block; height: 0; width: 0; bottom: 0; right: 0; border: 5px solid black; border-color: transparent #a9a9a9 #a9a9a9 transparent } .mbsc-android-holo .mbsc-ic-left .mbsc-left-ic { right: auto; left: .125em } .mbsc-android-holo .mbsc-ic-right .mbsc-right-ic { left: auto; right: .125em } .mbsc-android-holo .mbsc-select-ic:before { display: none } .mbsc-android-holo .mbsc-checkbox input:disabled + .mbsc-checkbox-box, .mbsc-android-holo .mbsc-checkbox input:disabled ~ .mbsc-label, .mbsc-android-holo .mbsc-checkbox input:disabled ~ .mbsc-desc, .mbsc-android-holo .mbsc-radio input:disabled + .mbsc-radio-box, .mbsc-android-holo .mbsc-radio input:disabled ~ .mbsc-label, .mbsc-android-holo .mbsc-radio input:disabled ~ .mbsc-desc, .mbsc-android-holo .mbsc-switch input:disabled + .mbsc-switch-track, .mbsc-android-holo .mbsc-switch input:disabled ~ .mbsc-label, .mbsc-android-holo .mbsc-switch input:disabled ~ .mbsc-desc { opacity: .4 } .mbsc-android-holo .mbsc-checkbox { padding: 1.25em 3em 1.25em .75em } .mbsc-android-holo .mbsc-checkbox-box { width: 1em; height: 1em; border: 1px solid #4e4e4e; background: transparent; right: 1.25em; margin-top: -.5em } .mbsc-android-holo .mbsc-checkbox-box:after { top: 0; left: 16%; width: .925em; height: .438em; border: 3px solid #31c6e7; border-top: 0; border-right: 0 } .mbsc-android-holo .mbsc-checkbox input:disabled + .mbsc-checkbox-box:after { border-color: #444 } .mbsc-android-holo .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box:before { position: absolute; height: 2em; width: 2em; top: 50%; left: 50%; margin-top: -1em; margin-left: -1em; border-radius: 3px; content: ' '; background: rgba(55,55,55,.6) } .mbsc-android-holo .mbsc-radio { padding: 1.25em 3.25em 1.25em .75em } .mbsc-android-holo .mbsc-radio-box { background: transparent; border: 2px solid #4e4e4e; right: 1.25em; margin-top: -.625em } .mbsc-android-holo .mbsc-radio-box:after { background: #31c6e7 } .mbsc-android-holo .mbsc-radio input:checked:disabled + .mbsc-radio-box:after { background: #7b7e82 } .mbsc-android-holo .mbsc-radio input.mbsc-active + .mbsc-radio-box:before { position: absolute; top: 50%; left: 50%; margin-top: -1.25em; margin-left: -1.25em; border-radius: 2.5em; height: 2.5em; width: 2.5em; content: ' '; background: rgba(55,55,55,.6) } .mbsc-android-holo .mbsc-btn { margin: .5em .25em; padding: .625em; color: #fff; background: #5c5c5c; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.5); box-shadow: inset 0 1px 1px rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.5) } .mbsc-android-holo .mbsc-btn-ic { padding-right: .625em } .mbsc-android-holo .mbsc-btn-icon-only .mbsc-btn-ic { padding: 0 .625em } .mbsc-android-holo .mbsc-btn.mbsc-active { background: #757575 } .mbsc-android-holo .mbsc-btn:disabled { background: #e5e5e5; color: #b5b5b5; -webkit-box-shadow: none; box-shadow: none } .mbsc-android-holo .mbsc-btn-flat { padding: 0; border-color: transparent; background: transparent; font-weight: bold; -webkit-box-shadow: none; box-shadow: none } .mbsc-android-holo .mbsc-btn-flat.mbsc-active { opacity: .6; background: transparent; border-color: transparent; -webkit-box-shadow: none; box-shadow: none } .mbsc-android-holo .mbsc-btn-flat:disabled { opacity: .2; background: transparent; color: #fff } .mbsc-android-holo .mbsc-btn-group { padding: .25em .5em } .mbsc-android-holo a { color: #31c6e7 } .mbsc-android-holo .mbsc-switch { padding: 1.25em 7.25em 1.25em .75em } .mbsc-android-holo .mbsc-switch-track { background: #464646; width: 4.625em; height: 1.25em; right: 1.25em; padding: 0 1.125em; margin-top: -.625em } .mbsc-android-holo .mbsc-switch-handle { top: .375em; left: -.125em; height: 100%; width: 2.25em; height: 1.25em; margin: 0; background: #676767; border-radius: 0; text-transform: uppercase; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),inset 1px 0 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.1); box-shadow: inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),inset 1px 0 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.1) } .mbsc-android-holo .mbsc-switch-handle:after { display: none } .mbsc-android-holo .mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-txt-off { display: none } .mbsc-android-holo .mbsc-switch-handle .mbsc-switch-txt-off, .mbsc-android-holo .mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-txt-on { display: block } .mbsc-android-holo .mbsc-switch input.mbsc-active + .mbsc-switch-track .mbsc-switch-handle { background: #737373 } .mbsc-android-holo .mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle { background: #29799c } .mbsc-android-holo .mbsc-switch input:disabled + .mbsc-switch-track .mbsc-switch-handle { background: #a6a7a6 } .mbsc-android-holo .mbsc-segmented { padding: .75em } .mbsc-android-holo .mbsc-segmented-content { height: 2.2857145em; margin: 0 -.07142857em; line-height: 2.2857145em; padding: 0 .428571em; text-transform: capitalize; border: .142857em solid #31c6e7 } .mbsc-android-holo .mbsc-stepper-cont { padding: 1.75em 12.375em 1.75em .75em } .mbsc-android-holo .mbsc-segmented input:checked + .mbsc-segmented-content { background: #31c6e7 } .mbsc-android-holo .mbsc-segmented input.mbsc-active + .mbsc-segmented-content { background: rgba(49,198,231,.35) } .mbsc-android-holo .mbsc-stepper-control .mbsc-segmented-content { border: 0; -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.5); box-shadow: inset 0 1px 1px rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.5) } .mbsc-android-holo .mbsc-stepper-minus .mbsc-segmented-content, .mbsc-android-holo .mbsc-segmented-item:first-child .mbsc-segmented-content { border-top-left-radius: .142857em; border-bottom-left-radius: .142857em } .mbsc-android-holo .mbsc-stepper-plus .mbsc-segmented-content, .mbsc-android-holo .mbsc-segmented-item:last-child .mbsc-segmented-content { border-top-right-radius: .142857em; border-bottom-right-radius: .142857em } .mbsc-android-holo .mbsc-stepper .mbsc-stepper-val { border: 0; background: #f5f5f5; color: #000; -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.5); box-shadow: inset 0 1px 1px rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.5) } .mbsc-android-holo .mbsc-stepper-control .mbsc-segmented-content { background: #5c5c5c } .mbsc-android-holo .mbsc-stepper .mbsc-active .mbsc-segmented-content { background: #757575 } .mbsc-android-holo .mbsc-stepper { right: .75em; margin-top: -1em } .mbsc-android-holo .mbsc-stepper .mbsc-segmented-content { margin: 0 } .mbsc-android-holo .mbsc-segmented input:disabled + .mbsc-segmented-content { color: #b5b5b5; border-color: #5c5c5c } .mbsc-android-holo .mbsc-segmented input:disabled:checked + .mbsc-segmented-content, .mbsc-android-holo .mbsc-stepper input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-android-holo .mbsc-stepper .mbsc-step-disabled .mbsc-segmented-content { background: #e5e5e5; color: #b5b5b5; border-color: #e5e5e5 } .mbsc-android-holo .mbsc-stepper input:disabled ~ .mbsc-segmented-item .mbsc-stepper-val { background: #f5f5f5 } .mbsc-android-holo .mbsc-stepper-val-left .mbsc-segmented-item:nth-child(2) .mbsc-segmented-content, .mbsc-android-holo .mbsc-stepper-val-right .mbsc-segmented-item:last-child .mbsc-segmented-content { -webkit-box-shadow: none; box-shadow: none } .mbsc-android-holo .mbsc-stepper input { color: #000; z-index: 3 } .mbsc-android-holo .mbsc-stepper-val-left input, .mbsc-android-holo .mbsc-stepper-val-right input { color: #fff } .mbsc-android-holo .mbsc-stepper input:disabled { color: #b5b5b5; -webkit-text-fill-color: #b5b5b5 } .mbsc-wp.mbsc-form { background-color: #060709; color: #fff } .mbsc-wp.mbsc-form *::-moz-selection { color: #fff; background: #1a9fe0 } .mbsc-wp.mbsc-form *::selection { color: #fff; background: #1a9fe0 } .mbsc-wp .mbsc-input-ic { top: 0; margin-top: 0; color: #000 } .mbsc-wp .mbsc-divider { font-size: 1.5em; padding: 0 .5em; line-height: 2em } .mbsc-wp .mbsc-err-msg { color: #d30101 } .mbsc-wp .mbsc-input { padding: .75em 1em } .mbsc-wp .mbsc-input textarea, .mbsc-wp .mbsc-input input { height: 2em; padding: 0 .3125em; background: #ccc; border: .125em solid #ccc; font-size: 1em; color: #2b2b2b } .mbsc-wp .mbsc-input textarea { padding-top: .125em; padding-bottom: .125em } .mbsc-wp .mbsc-input input::-webkit-input-placeholder { color: #5c5c5c } .mbsc-wp .mbsc-input input::-ms-input-placeholder { color: #5c5c5c } .mbsc-wp .mbsc-input input::-moz-placeholder { color: #5c5c5c } .mbsc-wp .mbsc-input select:focus + input, .mbsc-wp .mbsc-input textarea:focus, .mbsc-wp .mbsc-input input:focus { background: #fff; border-color: #1a9fe0; color: #000 } .mbsc-wp .mbsc-input select:disabled + input, .mbsc-wp .mbsc-input textarea:disabled, .mbsc-wp .mbsc-input input:disabled { background: #000; border-color: #4e4e4e; color: #4e4e4e } .mbsc-wp .mbsc-ic-left input, .mbsc-wp .mbsc-ic-left textarea { padding-left: 2.25em } .mbsc-wp .mbsc-ic-right input, .mbsc-wp .mbsc-ic-right textarea { padding-right: 2.25em } .mbsc-wp .mbsc-ic-left .mbsc-left-ic { right: auto; left: .25em } .mbsc-wp .mbsc-ic-right .mbsc-right-ic { left: auto; right: .25em } .mbsc-wp .mbsc-input.mbsc-err input, .mbsc-wp .mbsc-input.mbsc-err textarea { border-color: #d30101 } .mbsc-wp .mbsc-input .mbsc-label { padding-bottom: .3125em; color: #878787; font-size: .8125em } .mbsc-wp .mbsc-select input { background: transparent; border-color: #fff; color: #fff } .mbsc-wp .mbsc-select .mbsc-input-wrap .mbsc-ic { color: #fff } .mbsc-wp .mbsc-input select.mbsc-active + input { background: #1a9fe0; border-color: #fff; color: #fff } .mbsc-wp .mbsc-select select:focus ~ .mbsc-ic { color: #000 } .mbsc-wp .mbsc-select select.mbsc-active ~ .mbsc-ic { color: #fff } .mbsc-wp .mbsc-checkbox-box, .mbsc-wp .mbsc-radio-box { margin-top: -.6875em; border: .125em solid #fff } .mbsc-wp .mbsc-checkbox input:disabled + .mbsc-checkbox-box, .mbsc-wp .mbsc-checkbox input:disabled ~ .mbsc-label, .mbsc-wp .mbsc-checkbox input:disabled ~ .mbsc-desc, .mbsc-wp .mbsc-radio input:disabled + .mbsc-radio-box, .mbsc-wp .mbsc-radio input:disabled ~ .mbsc-label, .mbsc-wp .mbsc-radio input:disabled ~ .mbsc-desc, .mbsc-wp .mbsc-switch input:disabled + .mbsc-switch-track, .mbsc-wp .mbsc-switch input:disabled ~ .mbsc-label, .mbsc-wp .mbsc-switch input:disabled ~ .mbsc-desc { opacity: .2 } .mbsc-wp .mbsc-checkbox { padding: 1.125em 1em 1.125em 2.875em } .mbsc-wp .mbsc-checkbox-box { width: 1.3125em; height: 1.3125em; left: 1em } .mbsc-wp .mbsc-checkbox-box:after { top: 20%; left: 10%; width: .875em; height: .475em; border: .1875em solid #fff; border-top: 0; border-right: 0 } .mbsc-wp .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box { background: #1a9fe0 } .mbsc-wp .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box:after { border-color: #fff } .mbsc-wp .mbsc-radio { padding: 1.125em 3.25em 1.125em 1em } .mbsc-wp .mbsc-radio-box { right: 1.125em } .mbsc-wp .mbsc-radio-box:after { background: #fff } .mbsc-wp .mbsc-radio input.mbsc-active + .mbsc-radio-box { background: #1a9fe0 } .mbsc-wp .mbsc-radio input.mbsc-active + .mbsc-radio-box:after { background: #1a9fe0 } .mbsc-wp .mbsc-btn { margin: .5em .25em; padding: .3125em .5em; background: transparent; border: .125em solid #fff; border-radius: 0; color: #fff; text-transform: lowercase; -webkit-transform: translate3d(0,0,0); -webkit-transition: -webkit-transform .2s ease-in-out; -moz-transition: -moz-transform .2s ease-in-out; transition: transform .2s ease-in-out } .mbsc-wp .mbsc-btn-ic { padding-right: .5em; color: #fff } .mbsc-wp .mbsc-btn-icon-only .mbsc-btn-ic { padding: 0 } .mbsc-wp .mbsc-btn:disabled { opacity: .3 } .mbsc-wp .mbsc-btn.mbsc-active { background: #1a9fe0; color: #fff; -webkit-transform: translate3d(0,-2px,0); -moz-transform: translate3d(0,-2px,0); transform: translate3d(0,-2px,0) } .mbsc-wp .mbsc-btn.mbsc-active .mbsc-btn-ic { background: #1a9fe0; color: #fff } .mbsc-wp .mbsc-btn-flat { border: 0; font-size: .75em } .mbsc-wp .mbsc-btn-flat .mbsc-btn-ic { display: block; width: 1.833334em; height: 1.833334em; margin: 0 auto .5em auto; padding: 0; border: .1666em solid #fff; border-radius: 2em; line-height: 1.833334em; text-align: center } .mbsc-wp .mbsc-btn-flat:disabled { border: 0 } .mbsc-wp .mbsc-btn-flat.mbsc-active { background: transparent; color: #fff } .mbsc-wp .mbsc-btn-flat.mbsc-active .mbsc-btn-ic { border-color: #1a9fe0 } .mbsc-wp .mbsc-btn-group { padding: .25em .75em } .mbsc-wp a { color: #1a9fe0 } .mbsc-wp .mbsc-switch { padding: 1.125em 5.875em 1.125em 1em } .mbsc-wp .mbsc-switch-track { right: 1.125em; width: 3.5em; height: 1.125em; margin-top: -0.645em; padding: 0 .375em; -webkit-box-shadow: inset 0 0 0 2px #000,0px 0 0 2px #fff; box-shadow: inset 0 0 0 2px #000,0px 0 0 2px #fff } .mbsc-wp .mbsc-switch-handle { z-index: 1; top: 50%; left: 50%; height: 1.625em; width: 1em; margin: -.9375em 0 0 -.625em; background: #fff; border: .125em solid #000 } .mbsc-wp .mbsc-switch input:checked + .mbsc-switch-track { background: #1a9fe0 } .mbsc-wp .mbsc-switch input:checked:disabled + .mbsc-switch-track { background: #fff } .mbsc-wp .mbsc-segmented { padding: .75em 1em } .mbsc-wp .mbsc-segmented-content { height: 2em; margin: 0 -.07142857em; line-height: 2em; padding: 0 .375em; border: .142857em solid #fff; color: #fff; text-transform: lowercase } .mbsc-wp .mbsc-segmented input:checked + .mbsc-segmented-content { background: #fff; color: #000 } .mbsc-wp .mbsc-segmented input.mbsc-active + .mbsc-segmented-content { background: #1a9fe0 } .mbsc-wp .mbsc-stepper { margin-top: -1em } .mbsc-wp .mbsc-stepper .mbsc-active .mbsc-segmented-content { background: #1a9fe0 } .mbsc-wp .mbsc-stepper-cont { padding: 1.75em 13em 1.75em 1em } .mbsc-wp .mbsc-stepper input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-wp .mbsc-step-disabled .mbsc-segmented-content, .mbsc-wp .mbsc-segmented input:disabled + .mbsc-segmented-content { color: #505050; border-color: #505050 } .mbsc-wp .mbsc-stepper input:disabled { color: #505050; -webkit-text-fill-color: #505050 } .mbsc-wp .mbsc-segmented input:disabled:checked + .mbsc-segmented-content { color: #000; background: #505050 } .mbsc-wp .mbsc-stepper .mbsc-active.mbsc-step-disabled .mbsc-segmented-content { background: transparent } .mbsc-wp .mbsc-stepper input { color: #fff } .mbsc-material.mbsc-form { background-color: #eee; color: #6d6d6d } .mbsc-material.mbsc-form *::-moz-selection { color: #fff; background: #009688 } .mbsc-material.mbsc-form *::selection { color: #fff; background: #009688 } .mbsc-material .mbsc-desc { color: #6d6d6d } .mbsc-material .mbsc-divider { padding: 1.5em 1em .5em 1em; color: #009688 } .mbsc-material .mbsc-err-msg { padding-top: .75em; font-size: .75em; color: #de3226 } .mbsc-material .mbsc-input textarea, .mbsc-material .mbsc-input input { height: 2.125em; padding: 0 0 1px 0; background-color: transparent; border-bottom: 1px solid #6d6d6d; font-size: 1em; color: #1f1f1f } .mbsc-material .mbsc-input select:focus ~ input, .mbsc-material .mbsc-input textarea:focus, .mbsc-material .mbsc-input input:focus { padding-bottom: 0; border-bottom: 2px solid #009688 } .mbsc-material .mbsc-input select:disabled ~ input, .mbsc-material .mbsc-input textarea:disabled, .mbsc-material .mbsc-input input:disabled { border-style: dotted; opacity: .5 } .mbsc-material .mbsc-input textarea:-webkit-autofill, .mbsc-material .mbsc-input input:-webkit-autofill { padding: 0 .25em } .mbsc-material .mbsc-input { padding: .5em 1em } .mbsc-material .mbsc-input-ic { top: .0625em; margin: -2px 0 0 0 } .mbsc-material .mbsc-input.mbsc-ic-left { padding-left: 3.25em } .mbsc-material .mbsc-input.mbsc-ic-right { padding-right: 3.25em } .mbsc-material .mbsc-ic-left .mbsc-left-ic { right: auto; left: -2.625em } .mbsc-material .mbsc-ic-right .mbsc-right-ic { left: auto; right: -2.625em } .mbsc-material .mbsc-input.mbsc-err input, .mbsc-material .mbsc-input.mbsc-err textarea { padding: 0; border-bottom: 2px solid #de3226 } .mbsc-material .mbsc-input .mbsc-label { font-size: .75em } .mbsc-material .mbsc-input textarea { padding-top: .25em } .mbsc-material .mbsc-select input { padding-right: 1em } .mbsc-material .mbsc-select .mbsc-input-wrap:after { content: ''; position: absolute; height: 0; width: 0; top: .875em; right: 0; border: 5px solid #6d6d6d; border-color: #6d6d6d transparent transparent transparent } .mbsc-material .mbsc-checkbox, .mbsc-material .mbsc-radio { padding: .9375em 3.5em .9375em 1em; line-height: 1.25em } .mbsc-material .mbsc-checkbox-box, .mbsc-material .mbsc-radio-box { right: 1.25em; width: 1.125em; height: 1.125em; margin-top: -.5625em; background: transparent; border: .125em solid #6d6d6d; -webkit-transition: background-color .1s ease-out; -moz-transition: background-color .1s ease-out; transition: background-color .1s ease-out } .mbsc-material .mbsc-checkbox-box:after, .mbsc-material .mbsc-radio-box:after { opacity: 1; -webkit-transform: scale(0) rotate(-45deg); -moz-transform: scale(0) rotate(-45deg); -ms-transform: scale(0) rotate(-45deg); transform: scale(0) rotate(-45deg); -webkit-transition: -webkit-transform .1s ease-out; -moz-transition: -moz-transform .1s ease-out; transition: transform .1s ease-out } .mbsc-material .mbsc-checkbox input:checked + .mbsc-checkbox-box:after, .mbsc-material .mbsc-radio input:checked + .mbsc-radio-box:after { -webkit-transform: scale(1) rotate(-45deg); -moz-transform: scale(1) rotate(-45deg); -ms-transform: scale(1) rotate(-45deg); transform: scale(1) rotate(-45deg) } .mbsc-material .mbsc-checkbox-box:before, .mbsc-material .mbsc-radio-box:before { content: ''; position: absolute; top: -1em; left: -1em; z-index: -1; width: 2.875em; height: 2.875em; opacity: 0; background: rgba(0,0,0,.1); border-radius: 2.875em; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out } .mbsc-material .mbsc-checkbox input:disabled + .mbsc-checkbox-box, .mbsc-material .mbsc-checkbox input:disabled ~ .mbsc-label, .mbsc-material .mbsc-checkbox input:disabled ~ .mbsc-desc, .mbsc-material .mbsc-radio input:disabled + .mbsc-radio-box, .mbsc-material .mbsc-radio input:disabled ~ .mbsc-label, .mbsc-material .mbsc-radio input:disabled ~ .mbsc-desc, .mbsc-material .mbsc-switch input:disabled ~ .mbsc-label, .mbsc-material .mbsc-switch input:disabled ~ .mbsc-desc { opacity: .3 } .mbsc-material .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box:before, .mbsc-material .mbsc-radio input.mbsc-active + .mbsc-radio-box:before, .mbsc-material .mbsc-switch input.mbsc-active + .mbsc-switch-track .mbsc-switch-handle:before { opacity: 1 } .mbsc-material .mbsc-checkbox-box { border-radius: .1875em } .mbsc-material .mbsc-checkbox-box:after { top: .125em; left: .0625em; width: .8125em; height: .4375em; border: .125em solid #fff; border-top: 0; border-right: 0 } .mbsc-material .mbsc-checkbox input:checked + .mbsc-checkbox-box { background: #009688; border-color: #009688 } .mbsc-material .mbsc-radio-box:after { width: .625em; height: .625em; margin-top: -.3125em; margin-left: -.3125em; background: #009688; border-radius: .625em } .mbsc-material .mbsc-radio input:checked + .mbsc-radio-box { background: transparent; border-color: #009688 } .mbsc-material .mbsc-btn { margin: .5em; padding: .7143em; background: #d6d6d6; border-radius: .2143em; color: #000; font-size: .875em; font-weight: bold; text-transform: uppercase; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25); box-shadow: 0 2px 5px 0 rgba(0,0,0,.25); -webkit-transition: -webkit-box-shadow .2s ease-out,background-color .2s ease-out; -moz-transition: box-shadow .2s ease-out,background-color .2s ease-out; transition: box-shadow .2s ease-out,background-color .2s ease-out } .mbsc-material .mbsc-btn-ic { padding: 0 .5em 0 0 } .mbsc-material .mbsc-btn-icon-only .mbsc-btn-ic { padding: 0 .5em } .mbsc-material .mbsc-btn.mbsc-active { background: #cbcbcb; -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4); box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4) } .mbsc-material .mbsc-btn:disabled { color: #a6a6a6; -webkit-box-shadow: none; box-shadow: none } .mbsc-material .mbsc-btn-flat { background: transparent; -webkit-box-shadow: none; box-shadow: none } .mbsc-material .mbsc-btn-flat.mbsc-active { background-color: #d6d6d6; -webkit-box-shadow: none; box-shadow: none } .mbsc-material .mbsc-btn-group { padding: 0 .5em; text-align: right } .mbsc-material a { color: #009688 } .mbsc-material .mbsc-switch { padding: .9375em 4em .9375em 1em; line-height: 1.25em } .mbsc-material .mbsc-switch-track { right: 1.25em; width: 1.75em; height: .875em; padding: 0 .25em; margin-top: -.4375em; background: #b2b2b2; border-radius: 1.25em } .mbsc-material .mbsc-switch .mbsc-switch-handle { z-index: auto; top: .375em; left: .375em; width: 1.25em; height: 1.25em; margin: 0; border: 0; background: #fafafa; border-radius: 1.25em; box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12) } .mbsc-material .mbsc-switch-handle:before { top: -.625em; left: -.625em; width: 2.5em; height: 2.5em } .mbsc-material .mbsc-switch-handle, .mbsc-material .mbsc-active .mbsc-switch-handle { -webkit-transform: none; -moz-transform: none; transform: none } .mbsc-material .mbsc-switch input:checked + .mbsc-switch-track { background-color: #a6d3cf } .mbsc-material .mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle { background: #009688 } .mbsc-material .mbsc-switch input:disabled + .mbsc-switch-track { background: #d6d6d6 } .mbsc-material .mbsc-switch input:disabled + .mbsc-switch-track .mbsc-switch-handle { background: #b9b9b9 } .mbsc-material .mbsc-segmented { padding: .75em } .mbsc-material .mbsc-segmented-content { height: 2.2857145em; margin: 0 -.07142857em; line-height: 2.2857145em; padding: 0 .428571em; border: .142857em solid #009688; color: #000; text-transform: capitalize; -webkit-backface-visibility: hidden } .mbsc-material .mbsc-segmented-item:first-child .mbsc-segmented-content, .mbsc-material .mbsc-stepper-minus .mbsc-segmented-content { border-top-left-radius: .214286em; border-bottom-left-radius: .214286em } .mbsc-material .mbsc-stepper-plus .mbsc-segmented-content, .mbsc-material .mbsc-segmented-item:last-child .mbsc-segmented-content { border-top-right-radius: .214286em; border-bottom-right-radius: .214286em } .mbsc-material .mbsc-segmented input:checked + .mbsc-segmented-content, .mbsc-material .mbsc-segmented input:checked ~ .mbsc-segmented-content { background: #009688; color: #eee } .mbsc-material .mbsc-segmented input.mbsc-active + .mbsc-segmented-content, .mbsc-material .mbsc-segmented .mbsc-active .mbsc-segmented-content { background: #cbcbcb; color: #000 } .mbsc-material .mbsc-segmented input:disabled + .mbsc-segmented-content { color: #a6a6a6; border-color: #b2b2b2 } .mbsc-material .mbsc-segmented input:disabled:checked + .mbsc-segmented-content { background: #d6d6d6; color: #a6a6a6; border-color: #d6d6d6 } .mbsc-material .mbsc-stepper-cont { padding: 1.75em 12.875em 1.75em 1em } .mbsc-material .mbsc-stepper { margin-top: -1.125em } .mbsc-material .mbsc-stepper .mbsc-segmented-content { border-color: #d6d6d6; border-left: 0; border-right: 0 } .mbsc-material .mbsc-stepper-control .mbsc-segmented-content { background: #d6d6d6; border: 0; height: 2.5714285em; line-height: 2.5714285em } .mbsc-material .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-material .mbsc-segmented .mbsc-step-disabled .mbsc-segmented-content { background: #d6d6d6; color: #a6a6a6 } .mbsc-material .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-stepper-val { background: #eee } .mbsc-material .mbsc-stepper input:disabled { color: #d6d6d6; -webkit-text-fill-color: #d6d6d6 } .mbsc-ios.mbsc-form { background: #f7f7f7; color: #000 } .mbsc-ios.mbsc-form *::-moz-selection { color: #fff; background: #1272dc } .mbsc-ios.mbsc-form *::selection { color: #fff; background: #1272dc } .mbsc-ios .mbsc-input-ic { color: #7f8797 } .mbsc-ios .mbsc-padding { padding: .875em } .mbsc-ios .mbsc-divider { padding: 0 1.1666em; background: #f5f5f5; border-bottom: 1px solid #ccc; color: #777; font-size: .75em; font-weight: bold; line-height: 2em; text-transform: uppercase } .mbsc-ios .mbsc-input { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0; background: #fff; border-bottom: 1px solid #ccc } .mbsc-ios .mbsc-textarea textarea, .mbsc-ios .mbsc-input input { height: 2.75em; padding: 0 1em; background: transparent } .mbsc-ios .mbsc-input input::-webkit-input-placeholder { color: #ccc } .mbsc-ios .mbsc-input input::-ms-input-placeholder { color: #ccc } .mbsc-ios .mbsc-input input::-moz-placeholder { color: #ccc } .mbsc-ios .mbsc-input .mbsc-label, .mbsc-ios .mbsc-progress .mbsc-label { -webkit-box-flex: 0; -webkit-flex: 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; max-width: 12.5em; padding-left: 1em; overflow: hidden; font-size: 1em; line-height: 2.75em; color: #020202; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .mbsc-ios .mbsc-input-wrap { position: static; -webkit-box-flex: 1; -webkit-flex: 1 auto; -moz-box-flex: 1; -moz-flex: 1 auto; -ms-flex: 1 auto; flex: 1 auto } .mbsc-ios .mbsc-input select:disabled ~ input, .mbsc-ios .mbsc-input select:disabled ~ .mbsc-ic, .mbsc-ios .mbsc-input input:disabled { opacity: .5 } .mbsc-ios .mbsc-err { border-bottom-color: #d8332a; z-index: 1 } .mbsc-ios .mbsc-err-msg { padding: .5em 1.3333em; color: #d8332a } .mbsc-ios .mbsc-select input { padding-right: 2.25em } .mbsc-ios .mbsc-select-ic { position: absolute; display: block; height: 1.25em; width: 1.25em; top: .875em; right: 1em; text-align: center } .mbsc-ios .mbsc-ic-right .mbsc-select-ic { right: 3.4em } .mbsc-ios .mbsc-textarea .mbsc-input-wrap { padding: .625em 0 } .mbsc-ios .mbsc-textarea textarea { height: 3em } .mbsc-ios .mbsc-input-ic { top: .375em; margin-top: -1px } .mbsc-ios .mbsc-ic-left .mbsc-input-wrap { padding-left: 2.25em } .mbsc-ios .mbsc-ic-right .mbsc-input-wrap { padding-right: 2.25em } .mbsc-ios .mbsc-ic-left .mbsc-label { padding-left: 3.25em } .mbsc-ios .mbsc-ic-left .mbsc-label ~ .mbsc-input-wrap { padding-left: 0 } .mbsc-ios .mbsc-ic-left .mbsc-left-ic { right: auto; left: .625em } .mbsc-ios .mbsc-ic-right .mbsc-right-ic { left: auto; right: .625em } .mbsc-ios .mbsc-checkbox, .mbsc-ios .mbsc-radio { padding: .875em 3.5em .875em .875em; background: #fff; border-bottom: 1px solid #ccc } .mbsc-ios .mbsc-checkbox input:disabled + .mbsc-checkbox-box, .mbsc-ios .mbsc-checkbox input:disabled ~ .mbsc-label, .mbsc-ios .mbsc-checkbox input:disabled ~ .mbsc-desc, .mbsc-ios .mbsc-radio input:disabled + .mbsc-radio-box, .mbsc-ios .mbsc-radio input:disabled ~ .mbsc-label, .mbsc-ios .mbsc-radio input:disabled ~ .mbsc-desc, .mbsc-ios .mbsc-switch input:disabled + .mbsc-switch-track, .mbsc-ios .mbsc-switch input:disabled ~ .mbsc-label, .mbsc-ios .mbsc-switch input:disabled ~ .mbsc-desc { opacity: .3 } .mbsc-ios .mbsc-checkbox-box:after, .mbsc-ios .mbsc-radio-box:after { -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out } .mbsc-ios .mbsc-checkbox-box { right: .875em; width: 1.75em; height: 1.75em; margin-top: -.875em; background: transparent; border: .125em solid #1272dc; border-radius: 2em } .mbsc-ios .mbsc-checkbox-box:after { top: 32%; left: 26%; width: .75em; height: .375em; border: .125em solid #1272dc; border-top: 0; border-right: 0 } .mbsc-ios .mbsc-radio-box { right: 1.125em; margin-top: -.625em; background: transparent } .mbsc-ios .mbsc-radio-box:after { position: absolute; top: 44%; left: 23%; width: 1em; height: .5em; border: .125em solid #1272dc; border-top: 0; border-right: 0; border-radius: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .mbsc-ios .mbsc-radio input:disabled ~ .mbsc-radio-label { color: #a6a7a6 } .mbsc-ios .mbsc-btn { margin: .5em .25em; padding: .625em 1.375em; background: #fff; border: 0; border-radius: .25em; color: #1272dc; -webkit-transition: background-color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out } .mbsc-ios .mbsc-btn-ic { padding-right: .625em } .mbsc-ios .mbsc-btn-icon-only .mbsc-btn-ic { padding: 0 } .mbsc-ios .mbsc-btn.mbsc-active { background: #f5f5f5 } .mbsc-ios .mbsc-btn:disabled { background: #dfdfdf; color: #c4c4c4 } .mbsc-ios .mbsc-btn-flat { background: transparent; border-color: transparent } .mbsc-ios .mbsc-btn-flat.mbsc-active { opacity: .6 } .mbsc-ios .mbsc-btn-flat:disabled { background: transparent; opacity: .8; color: #c4c4c4 } .mbsc-ios .mbsc-btn-group { padding: .375em .625em } .mbsc-ios a { color: #1272dc } .mbsc-ios .mbsc-switch { padding: .875em 4.875em .875em .875em; background: #fff; border-bottom: 1px solid #ccc } .mbsc-ios .mbsc-switch-track { right: .875em; width: 3em; height: 1.75em; padding: 0; margin-top: -.96875em; background: #e5e5e5; border: .09375em solid #e5e5e5; border-radius: 1.25em; box-sizing: content-box } .mbsc-ios .mbsc-switch-track:after { content: ''; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: #fff; border-radius: 1.25em; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .2s ease-out; -moz-transition: -moz-transform .2s ease-out; transition: transform .2s ease-out } .mbsc-ios .mbsc-switch-track .mbsc-progress-track { margin: 0 .875em } .mbsc-ios .mbsc-switch-handle { z-index: 2; top: 50%; left: 50%; width: 1.75em; height: 1.75em; margin: -.875em 0 0 -.875em; background: #fff; border-radius: 1.75em; -webkit-box-shadow: 0 0 1em rgba(0,0,0,.1),0 0 .0625em rgba(0,0,0,.15),0 .125em .125em rgba(0,0,0,.15); box-shadow: 0 0 1em rgba(0,0,0,.1),0 0 .0625em rgba(0,0,0,.15),0 .125em .125em rgba(0,0,0,.15); -webkit-transition: -webkit-transform .2s ease-out; -moz-transition: -moz-transform .2s ease-out; transition: transform .2s ease-out } .mbsc-ios .mbsc-switch input:checked + .mbsc-switch-track { background: #4cd764; border-color: #4cd764 } .mbsc-ios .mbsc-switch input:checked + .mbsc-switch-track:after { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0) } .mbsc-ios .mbsc-segmented { padding: .75em; background-color: #fff } .mbsc-ios .mbsc-stepper { display: block } .mbsc-ios .mbsc-segmented-content { height: 2.142857142em; margin-left: -.07142857em; line-height: 2.142857142857143em; padding: 0 .42857em; color: #1272dc; text-transform: capitalize; border: .07142857em solid #1272dc; background: #fff } .mbsc-ios .mbsc-stepper-minus .mbsc-segmented-content, .mbsc-ios .mbsc-segmented-item:first-child .mbsc-segmented-content { border-top-left-radius: .25em; border-bottom-left-radius: .25em } .mbsc-ios .mbsc-stepper-plus .mbsc-segmented-content, .mbsc-ios .mbsc-segmented-item:last-child .mbsc-segmented-content { border-top-right-radius: .25em; border-bottom-right-radius: .25em } .mbsc-ios .mbsc-stepper .mbsc-active .mbsc-segmented-content, .mbsc-ios .mbsc-segmented input:checked + .mbsc-segmented-content { background: #1272dc; color: #fff } .mbsc-ios .mbsc-segmented input.mbsc-active + .mbsc-segmented-content { background: rgba(18,114,220,.15); color: #1272dc } .mbsc-ios .mbsc-stepper-cont { padding: 1.5em 12.625em 1.5em 1em; margin-top: -1px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; background: #fff } .mbsc-ios .mbsc-stepper { right: .75em; margin-top: -1em } .mbsc-ios .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-ios .mbsc-step-disabled .mbsc-segmented-content, .mbsc-ios .mbsc-segmented input:disabled + .mbsc-segmented-content { color: #c4c4c4; border-color: #c4c4c4 } .mbsc-ios .mbsc-stepper input:disabled { color: #c4c4c4; -webkit-text-fill-color: #c4c4c4 } .mbsc-ios .mbsc-stepper .mbsc-segmented-item { width: 3.14285em } .mbsc-ios .mbsc-segmented input:disabled:checked + .mbsc-segmented-content { background: #dfdfdf } .mbsc-ios .mbsc-stepper .mbsc-active.mbsc-step-disabled .mbsc-segmented-content { background: transparent; color: #c4c4c4 } .mbsc-ios .mbsc-stepper input { color: #000; width: 3.64285em; left: 3.64285em; z-index: 3 } .mbsc-sc-whl-o, .mbsc-sc-btn { -webkit-transform: translateZ(0) } .mbsc-sc-whl-l, .mbsc-sc-whl { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .mbsc-sc-whl-gr-c { max-width: 100%; vertical-align: middle; display: inline-block; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mbsc-fr-liq .mbsc-sc-whl-gr-c { display: block } .mbsc-sc-whl-gr { margin: 0 auto; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .mbsc-sc-whl-w { max-width: 100%; -webkit-box-flex: 1; -webkit-flex: 1 auto; -ms-flex: 1 auto; flex: 1 auto; position: relative } .mbsc-sc-whl-o { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none } .mbsc-sc-whl-l { position: absolute; z-index: 1; top: 50%; left: 0; right: 0; pointer-events: none } .mbsc-sc-whl { overflow: hidden; border-radius: 1px; border-top: 1px solid transparent; border-bottom: 1px solid transparent } .mbsc-sc-whl-c { position: relative; z-index: 1; top: 50%; border-top: 1px solid transparent; border-bottom: 1px solid transparent } .mbsc-sc-whl-sc { position: relative } .mbsc-sc-itm { position: relative; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #999999; } .mbsc-sc-itm-inv { opacity: .3 } .mbsc-sc-lbl { position: absolute; left: 0; right: 0; bottom: 100%; display: none } .mbsc-sc-lbl-v .mbsc-sc-lbl { display: block } .mbsc-sc-btn { position: absolute; z-index: 2; left: 0; right: 0; cursor: pointer; opacity: 1; -webkit-transition: opacity .2s linear; transition: opacity .2s linear } .mbsc-sc-btn:before { position: absolute; top: 0; right: 0; left: 0 } .mbsc-sc-whl-a .mbsc-sc-btn { opacity: 0 } .mbsc-sc-btn-plus { bottom: 0 } .mbsc-sc-btn-minus { top: 0 } .mbsc-sc-itm-ml { width: 100%; height: auto; display: inline-block; vertical-align: middle; white-space: normal } .mbsc-sel-hdn { position: absolute; height: 1px !important; width: 1px !important; left: 0; overflow: hidden; clip: rect(1px,1px,1px,1px) } .mbsc-sel-gr { padding: 0 .25em; opacity: 1; font-weight: bold; text-align: left } .mbsc-sc-whl-multi .mbsc-sc-whl-c { top: 0; height: 100%; border: 0 } .mbsc-sc-whl-multi .mbsc-sc-whl-l { display: none } .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { position: absolute; top: 0; left: 0; width: 1em; text-align: center } .mbsc-mobiscroll .mbsc-sc-whl-gr { padding: .5em .25em } .mbsc-mobiscroll .mbsc-sc-whl-w { margin: 0 .25em } .mbsc-mobiscroll .mbsc-sc-whl-o { display: none } .mbsc-mobiscroll .mbsc-sc-lbl-v .mbsc-sc-whl-w { margin-top: 1.875em } .mbsc-mobiscroll .mbsc-sc-lbl { color: #4eccc4; font-size: .75em; line-height: 2.5em; text-transform: uppercase } .mbsc-mobiscroll .mbsc-sc-whl-l { border-top: 1px solid #4eccc4; border-bottom: 1px solid #4eccc4 } .mbsc-mobiscroll .mbsc-sc-btn { color: #4eccc4; background: #f7f7f7 } .mbsc-mobiscroll .mbsc-sc-btn:before { font-size: 1.5em } .mbsc-mobiscroll .mbsc-sc-btn-a:before { background: rgba(78,204,196,.3) } .mbsc-mobiscroll .mbsc-sc-itm { padding: 0 .25em; font-size: 1.375em } .mbsc-mobiscroll .mbsc-sc-itm.mbsc-btn-a { background: rgba(78,204,196,.3) } .mbsc-mobiscroll .mbsc-sc-whl .mbsc-sel-gr { padding: 0 .25em; font-size: 1.125em } .mbsc-mobiscroll .mbsc-sc-whl-multi .mbsc-sc-itm { padding: 0 1.818181em } .mbsc-mobiscroll .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { font-size: 1.818181em; color: #4eccc4 } .mbsc-android-holo .mbsc-sc-whl-gr { padding: .0625em .625em } .mbsc-android-holo .mbsc-sc-lbl-v { padding: 1.875em .625em .0625em .625em } .mbsc-android-holo .mbsc-sc-lbl { font-size: .75em; line-height: 2.5em } .mbsc-android-holo .mbsc-sc-whl-w { margin: 0 .625em } .mbsc-android-holo .mbsc-sc-whl-o { background: -webkit-gradient(linear,left bottom,left top,from(#282828),color-stop(0.52,rgba(40,40,40,0)),color-stop(0.48,rgba(40,40,40,0)),to(#282828)); background: -webkit-linear-gradient(#282828,rgba(40,40,40,0) 52%,rgba(40,40,40,0) 48%,#282828); background: linear-gradient(#282828,rgba(40,40,40,0) 52%,rgba(40,40,40,0) 48%,#282828) } .mbsc-android-holo .mbsc-sc-whl-l { border-top: 2px solid #31b6e7; border-bottom: 2px solid #31b6e7 } .mbsc-android-holo .mbsc-sc-itm { color: #fff; font-size: 1.125em } .mbsc-android-holo .mbsc-sc-itm.mbsc-btn-a { background: rgba(49,182,231,.5) } .mbsc-android-holo .mbsc-sc-btn { color: #7e7e7e; background: #292829 } .mbsc-android-holo .mbsc-sc-btn-a { background: #292829; color: #319abd } .mbsc-android-holo .mbsc-sc-btn:before { font-size: 1.625em } .mbsc-android-holo .mbsc-sc-whl-multi .mbsc-sc-whl-o { display: none } .mbsc-android-holo .mbsc-sc-whl-multi .mbsc-sc-itm { padding: 0 2.25em } .mbsc-android-holo .mbsc-sc-whl-multi .mbsc-sc-itm:after { content: ''; position: absolute; z-index: 1; top: 50%; left: auto; right: .625em; width: .875em; height: .875em; margin-top: -.5625em; border: 1px solid #424542 } .mbsc-android-holo .mbsc-sc-itm-ph:after { display: none } .mbsc-android-holo .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { z-index: 2; top: 50%; left: auto; right: .625em; width: .875em; color: #31b6e7; margin-top: -.625em; line-height: .875em; text-shadow: 0 0 .375em #29799c } .mbsc-android-holo .mbsc-sc-whl .mbsc-sel-gr { padding: 0 .375em; font-size: 1em; font-weight: normal } .mbsc-android-holo .mbsc-sc-whl .mbsc-sel-gr:after { display: none } .mbsc-android-holo .mbsc-dt-whl-h:after { content: ':'; position: absolute; top: 50%; left: 100%; width: 1.25em; height: 2em; margin-top: -1em; line-height: 2em } .mbsc-android-holo .mbsc-rtl .mbsc-dt-whl-h:after { left: auto; right: 100% } .mbsc-wp .mbsc-sc-itm, .mbsc-wp .mbsc-sc-itm:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mbsc-wp .mbsc-sc-whl-gr { padding: .1875em } .mbsc-wp .mbsc-sc-lbl-v { padding-top: 1.875em } .mbsc-wp .mbsc-sc-lbl { font-size: .75em; line-height: 2.5em } .mbsc-wp .mbsc-sc-btn { background: #1f1f1f } .mbsc-wp .mbsc-sc-btn:before { position: absolute; top: 50%; left: 50%; width: 2.2em; height: 2.2em; margin: -1.3em 0 0 -1.3em; color: #fff; line-height: 2.2em; font-size: .625em; text-align: center; border: 2px solid #fff; border-radius: 2.2em } .mbsc-wp .mbsc-sc-itm { opacity: 0; padding: 0 .384615em; font-size: 1.625em; letter-spacing: -.038em; text-align: left } .mbsc-wp .mbsc-sc-itm:after { content: ''; position: absolute; z-index: -1; top: .136363em; right: .136363em; bottom: .136363em; left: .136363em; border: 2px solid #4c4c4c } .mbsc-wp .mbsc-sc-whl-anim .mbsc-sc-itm, .mbsc-wp .mbsc-sc-whl-wpa .mbsc-sc-itm { opacity: 1 } .mbsc-wp .mbsc-sc-whl-anim .mbsc-sc-itm-inv, .mbsc-wp .mbsc-sc-whl-wpa .mbsc-sc-itm-inv { opacity: .3 } .mbsc-wp .mbsc-sc-itm-ph:after { display: none } .mbsc-wp .mbsc-sc-whl .mbsc-sc-itm-sel { color: #fff; font-size: 13px; } .mbsc-wp .mbsc-sc-whl .mbsc-sc-itm-sel, .mbsc-wp .mbsc-sc-whl .mbsc-sc-itm.mbsc-btn-a { opacity: 1 } .mbsc-wp .mbsc-sc-itm-sel:after, .mbsc-wp .mbsc-sc-itm.mbsc-btn-a:after, .mbsc-wp .mbsc-sc-btn-a:before { background: #1a9fe0; border-color: #1a9fe0 } .mbsc-wp .mbsc-sc-whl-w:not(.mbsc-sc-whl-multi) .mbsc-sc-whl-anim .mbsc-sc-itm-sel:after, .mbsc-wp .mbsc-sc-whl-w:not(.mbsc-sc-whl-multi) .mbsc-sc-whl-wpa .mbsc-sc-itm.mbsc-btn-a:after { background: 0; border-color: #4c4c4c } .mbsc-wp .mbsc-sc-whl-multi .mbsc-sc-itm { opacity: 1; padding-left: 1.5375em } .mbsc-wp .mbsc-sc-whl-multi .mbsc-sc-itm-inv { opacity: .3 } .mbsc-wp .mbsc-sc-whl-multi .mbsc-sc-itm:after { content: ''; position: absolute; z-index: 1; top: 50%; left: .192307em; width: .923076em; height: .923076em; margin-top: -.461538em; border: 2px solid #fff } .mbsc-sc-itm.mbsc-btn-e.mbsc-sc-itm-sel { font-size: 2.5em; color: #fff; } .mbsc-wp .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { z-index: 2; top: 50%; left: .3125em; width: 1.375em; margin-top: -.5em; font-size: .615384em; line-height: 1.25em; color: #fff } .mbsc-wp .mbsc-sc-whl .mbsc-sel-gr { opacity: 1; padding-left: .227272em; font-size: 1.375em; font-weight: normal } .mbsc-wp .mbsc-sc-whl .mbsc-sel-gr:after { display: none } .mbsc-wp.mbsc-dt .mbsc-sc-itm { padding-top: 4% } .mbsc-wp .mbsc-dt-day, .mbsc-wp .mbsc-dt-month { position: absolute; bottom: .454545em; display: block; line-height: 1.636363em; font-size: .423076em; letter-spacing: normal } .mbsc-material .mbsc-sc-whl-gr { padding: 2em .25em } .mbsc-material .mbsc-sc-cp { padding: .5em .25em } .mbsc-material .mbsc-sc-lbl-v { padding: 2em .25em 0 .25em } .mbsc-material .mbsc-sc-lbl { line-height: 2.666666em; color: #009688; font-size: .75em; font-weight: bold; text-transform: uppercase } .mbsc-material .mbsc-sc-whl-w { margin: 0 .25em; padding: .5em 0 } .mbsc-material .mbsc-sc-itm { padding: 0 .272727em; font-size: 1.375em } .mbsc-material .mbsc-sc-itm.mbsc-btn-a { background: rgba(0,0,0,.1); border-radius: 2px } .mbsc-material .mbsc-sc-whl-l { border-top: 2px solid #009688; border-bottom: 2px solid #009688; z-index: 4 } .mbsc-material .mbsc-sc-cp .mbsc-sc-whl-w { padding: 2em 0 } .mbsc-material .mbsc-sc-btn { height: 2em !important; line-height: 2em !important; color: #009688; background: #eee; overflow: hidden } .mbsc-material .mbsc-sc-btn:before { font-size: 1.5em } .mbsc-material .mbsc-sc-btn-a { background: rgba(0,0,0,.1) } .mbsc-material .mbsc-sc-whl-multi .mbsc-sc-itm { padding: 0 1.818181em } .mbsc-material .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { width: 1.818181em; color: #009688 } .mbsc-material .mbsc-sc-whl .mbsc-sel-gr { padding: 0 .333333em; font-size: 1.125em } .mbsc-ios .mbsc-sc-lbl { color: #ababab; line-height: 2.5em } .mbsc-ios .mbsc-sc-whl-gr { padding: .833333em } .mbsc-ios .mbsc-sc-lbl-v { padding-top: 2.5em } .mbsc-ios .mbsc-sc-whl-l { margin: 0 -.833333em; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb } .mbsc-ios .mbsc-sc-whl-o { background: -webkit-gradient(linear,left bottom,left top,from(#f7f7f7),color-stop(0.52,rgba(245,245,245,0)),color-stop(0.48,rgba(245,245,245,0)),to(#f7f7f7)); background: -webkit-linear-gradient(#f7f7f7,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#f7f7f7); background: linear-gradient(#f7f7f7,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#f7f7f7) } .mbsc-ios .mbsc-sc-itm { padding: 0 .5em; color: #9d9d9d; font-size: 1.833333em } .mbsc-ios .mbsc-sc-itm.mbsc-btn-a { background: rgba(0,122,255,.2) } .mbsc-ios .mbsc-sc-itm-sel { color: #000 } .mbsc-ios .mbsc-sc-cp .mbsc-sc-whl .mbsc-sc-itm { text-align: center } .mbsc-ios .mbsc-sc-btn { color: #007aff; background: #f7f7f7 } .mbsc-ios .mbsc-sc-btn:before { font-size: 2em } .mbsc-ios .mbsc-sc-btn-a:before { opacity: .5 } .mbsc-ios .mbsc-sc-whl-multi .mbsc-sc-whl-o { display: none } .mbsc-ios .mbsc-sc-whl-multi .mbsc-sc-itm { padding: 0 1.818181em; color: #000 } .mbsc-ios .mbsc-sc-whl-multi .mbsc-sc-itm-sel { color: #007aff } .mbsc-ios .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { font-size: 1.818181em } .mbsc-ios .mbsc-sc-whl .mbsc-sel-gr { padding-left: .277777em; color: #9d9d9d; font-weight: normal; font-size: 1.222222em } .mbsc-ios.mbsc-sel-gr-whl .mbsc-sc-whl-multi { padding-left: 1.66666em } .mbsc-ios .mbsc-dt-whl-m .mbsc-sc-itm { text-align: left } .mbsc-ios .mbsc-dt-whl-d .mbsc-sc-itm, .mbsc-ios .mbsc-dt-whl-h .mbsc-sc-itm, .mbsc-ios .mbsc-dt-whl-i .mbsc-sc-itm, .mbsc-ios .mbsc-dt-whl-s .mbsc-sc-itm { text-align: right } .mbsc-bootstrap .mbsc-sc-whl-gr-c { overflow: visible } .mbsc-bootstrap .mbsc-sc-whl-gr { padding: 4px 2px } .mbsc-bootstrap .mbsc-sc-lbl-v { padding-top: 30px } .mbsc-bootstrap .mbsc-sc-lbl { line-height: 30px; font-size: 16px; font-weight: 600; } .mbsc-bootstrap .mbsc-sc-whl-w { margin: 0 2px } .mbsc-bootstrap .mbsc-sc-whl-l { /* z-index: 2; */ margin: 0 -2px; background-color: #00C7BA; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .mbsc-bootstrap .mbsc-ltr .mbsc-sc-whl-w:first-child .mbsc-sc-whl-l, .mbsc-bootstrap .mbsc-rtl .mbsc-sc-whl-w:last-child .mbsc-sc-whl-l { margin-left: -4px; border-radius: 5px 0px 0px 5px; } .mbsc-bootstrap .mbsc-ltr .mbsc-sc-whl-w:last-child .mbsc-sc-whl-l, .mbsc-bootstrap .mbsc-rtl .mbsc-sc-whl-w:first-child .mbsc-sc-whl-l { margin-right: -4px; border-radius: 0 5px 5px 0; } .mbsc-bootstrap .mbsc-sc-itm { padding: 0 5px; font-size: 26px } .mbsc-bootstrap .mbsc-sc-itm.mbsc-btn-a { background: rgba(0,0,0,.1) } .mbsc-bootstrap .mbsc-sc-cp .mbsc-sc-whl-w { padding: 30px 0 } .mbsc-bootstrap .mbsc-sc-btn { height: 30px !important; line-height: 30px !important } .mbsc-bootstrap .mbsc-sc-btn-plus { top: auto } .mbsc-bootstrap .mbsc-sc-btn-a { background: rgba(0,0,0,.1) } .mbsc-bootstrap .mbsc-sc-whl-multi .mbsc-sc-itm { padding: 0 40px } .mbsc-bootstrap .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { width: 40px; font-size: 16px } .mbsc-bootstrap .mbsc-sc-whl .mbsc-sel-gr { padding: 0 5px; font-size: 20px } .mbsc-np .mbsc-fr-w { font-size: 1.333333em } .mbsc-np-hdr { position: relative } .mbsc-np-dsp { padding: .5em 1.75em .5em .5em; text-align: left; font-size: 2em; line-height: .8 } .mbsc-np-sup { display: inline-block; font-size: .375em; vertical-align: top } .mbsc-np-del { position: absolute; top: 0; right: 0; height: 100%; width: 3.5em; text-align: center } .mbsc-np-del:before { display: block; width: 100%; position: absolute; top: 50%; left: 0; margin-top: -.5em; font-size: 2em; line-height: 1 } .mbsc-np-ph { display: inline-block; min-width: .5625em; text-align: center; vertical-align: top } .mbsc-np-tbl-c { min-width: 15em; display: inline-block } .mbsc-fr-top .mbsc-np-tbl-c, .mbsc-fr-bottom .mbsc-np-tbl-c { display: block } .mbsc-np-tbl { display: table; width: 100%; font-size: 1.375em } .mbsc-np-row { display: table-row } .mbsc-np-btn { position: relative; z-index: 0; width: 33.3333333333%; display: table-cell; text-align: center; vertical-align: middle; height: 3em; -webkit-user-select: none } .mbsc-np-btn.mbsc-fr-btn-a { opacity: 1 } .mbsc-rtl .mbsc-np-dsp { padding-left: 1.75em; padding-right: .5em; text-align: right } .mbsc-rtl .mbsc-np-del { left: 0; right: auto; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1) } .mbsc-np-time { text-transform: uppercase } .mbsc-np-ts-h, .mbsc-np-ts-m { font-weight: bold } .mbsc-mobiscroll .mbsc-np-del { color: #4eccc4 } .mbsc-mobiscroll .mbsc-np-tbl-c { padding: .5em } .mbsc-mobiscroll .mbsc-np-btn.mbsc-fr-btn-d { opacity: .5 } .mbsc-android .mbsc-np-hdr { border-bottom: 2px solid #555 } .mbsc-android .mbsc-np-tbl-c { padding: 1px } .mbsc-android .mbsc-np-btn { border: 1px solid #000; color: #000; background: #ccc; background: -webkit-gradient(linear,left bottom,left top,from(#ccc),to(#eee)); background: -webkit-linear-gradient(#eee,#ccc); background: -moz-linear-gradient(#eee,#ccc); background: linear-gradient(#eee,#ccc) } .mbsc-android .mbsc-np-btn.mbsc-fr-btn-d { opacity: .7 } .mbsc-android .mbsc-np-btn-empty { background: 0 } .mbsc-android-holo .mbsc-np-hdr { border-bottom: 1px solid #424542 } .mbsc-android-holo .mbsc-np-btn.mbsc-fr-btn-d { opacity: .3 } .mbsc-android-holo-light .mbsc-np-hdr { border-bottom: 1px solid #dbdbdb } .mbsc-bootstrap.mbsc-np .mbsc-fr-btn-cont { padding: 4px 2px } .mbsc-bootstrap .mbsc-np-del.mbsc-fr-btn-a { opacity: .5 } .mbsc-bootstrap .mbsc-np-btn { border-top-width: 0; border-right-width: 0; font-size: inherit; border-radius: 0 } .mbsc-bootstrap .mbsc-np-row:first-child .mbsc-np-btn { border-top-width: 1px } .mbsc-bootstrap .mbsc-ltr .mbsc-np-btn:first-child, .mbsc-bootstrap .mbsc-rtl .mbsc-np-btn:last-child { border-left-width: 0 } .mbsc-bootstrap.mbsc-inline .mbsc-np-row:last-child .mbsc-np-btn { border-bottom-width: 0 } .mbsc-bootstrap .mbsc-np-row .mbsc-np-btn.mbsc-np-btn-empty { background: 0 } .mbsc-ios-classic.mbsc-np .mbsc-fr-w { padding: 0; background: #282a39 } .mbsc-ios-classic .mbsc-np-del { color: #4d5463; text-shadow: 0 1px 0 rgba(255,255,255,0.7) } .mbsc-ios-classic .mbsc-np-btn { border-top: 1px solid #2d3034; border-left: 1px solid #2d3034; background: #6f7684; background: -webkit-gradient(linear,left top,left bottom,from(#6f7684),to(#4e5564)); background: -webkit-linear-gradient(#6f7684,#4e5564); background: -moz-linear-gradient(#6f7684,#4e5564); background: linear-gradient(#6f7684,#4e5564); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3) inset; box-shadow: 0 1px 0 rgba(255,255,255,.3) inset; text-shadow: 0 -1px 0 rgba(52,64,77,0.7); font-weight: bold } .mbsc-ios-classic .mbsc-ltr .mbsc-np-btn:first-child, .mbsc-ios-classic .mbsc-rtl .mbsc-np-btn:last-child { border-left: 0 } .mbsc-ios-classic .mbsc-np-btn.mbsc-fr-btn-a { background: #eee; color: #000; text-shadow: 0 1px 0 rgba(255,255,255,0.7) } .mbsc-ios-classic .mbsc-np-btn.mbsc-fr-btn-d { opacity: .5 } .mbsc-ios-classic .mbsc-np-btn-empty, .mbsc-ios-classic .mbsc-np-hdr { color: #000; background: #eee; background: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#bbb)); background: -webkit-linear-gradient(#eee,#bbb); background: -moz-linear-gradient(#eee,#bbb); background: linear-gradient(#eee,#bbb) } .mbsc-ios.mbsc-np .mbsc-fr-w { padding-top: 2.5em } .mbsc-ios.mbsc-np .mbsc-fr-btn { font-size: 1.0625em } .mbsc-ios .mbsc-np-btn { border-top: 1px solid #ddd; border-left: 1px solid #ddd; font-size: 1.375em; height: 2.2em } .mbsc-ios .mbsc-ltr .mbsc-np-btn:first-child, .mbsc-ios .mbsc-rtl .mbsc-np-btn:last-child { border-left: 0 } .mbsc-ios .mbsc-np-btn.mbsc-fr-btn-a { background: #ddd } .mbsc-ios .mbsc-np-btn.mbsc-fr-btn-d { color: #ddd } .mbsc-ios .mbsc-np-btn-empty { background: #ddd } .mbsc-ios .mbsc-np-ts-h, .mbsc-ios .mbsc-np-ts-m { font-weight: normal } .mbsc-jqm.mbsc-np .mbsc-fr-btn-cont { padding: 4px 2px } .mbsc-jqm .mbsc-np-del.mbsc-fr-btn-a { opacity: .5 } .mbsc-jqm .mbsc-np-btn { border-top-width: 0; border-right-width: 0; font-size: 1.2em; height: 2.5em; padding: 0 } .mbsc-jqm .mbsc-np-row:first-child .mbsc-np-btn { border-top-width: 1px } .mbsc-jqm.mbsc-inline .mbsc-np-row:last-child .mbsc-np-btn { border-bottom-width: 0 } .mbsc-jqm .mbsc-ltr .mbsc-np-btn:first-child, .mbsc-jqm .mbsc-rtl .mbsc-np-btn:first-child { border-left-width: 0 } .mbsc-jqm .mbsc-np-btn .ui-btn-inner { height: 100%; padding: 0; font-size: 1em; line-height: 2.5em } .mbsc-jqm .mbsc-np-row .mbsc-np-btn.mbsc-np-btn-empty { background: 0 } .mbsc-sense-ui .mbsc-np-hdr { background: #000; border-bottom: 2px solid #fff } .mbsc-sense-ui .mbsc-np-btn.mbsc-fr-btn-d { color: #666 } .mbsc-sense .mbsc-np-hdr { background: #121212; color: #fff } .mbsc-sense .mbsc-np-btn { border-top: 1px solid #bfbfbf; border-left: 1px solid #bfbfbf; color: #2c2e2f; -webkit-box-shadow: 0 .0625em 0 rgba(255,255,255,.5) inset; box-shadow: 0 .0625em 0 rgba(255,255,255,.5) inset } .mbsc-sense .mbsc-ltr .mbsc-np-btn:first-child, .mbsc-sense .mbsc-rtl .mbsc-np-btn:last-child { border-left: 0 } .mbsc-sense .mbsc-np-btn.mbsc-fr-btn-a { background: #bad7e1 } .mbsc-sense .mbsc-np-btn.mbsc-fr-btn-d { color: #bfbfbf } .mbsc-wp.mbsc-np .mbsc-fr-w { padding: 2px } .mbsc-wp.mbsc-np .mbsc-fr-btn-cont { padding-top: 4px } .mbsc-wp .mbsc-np-del.mbsc-fr-btn-a { top: 0; opacity: .5 } .mbsc-wp .mbsc-np-del.mbsc-fr-btn-a:before { background: 0; color: #fff } .mbsc-wp .mbsc-np-btn { top: 0; background: #333; border: 2px solid #1f1f1f } .mbsc-wp .mbsc-np-btn.mbsc-fr-btn-a { background: #1a9fe0 } .mbsc-wp .mbsc-np-btn.mbsc-fr-btn-d { color: #666 } .mbsc-wp .mbsc-np-btn-empty { background: 0 } .mbsc-wp-light .mbsc-np-del.mbsc-fr-btn-a:before { color: #000 } .mbsc-wp-light .mbsc-np-btn { border-color: #dedede; background: #ccc } .mbsc-wp-light .mbsc-np-btn.mbsc-fr-btn-a { background: #b5b5b5 } .mbsc-wp-light .mbsc-np-btn.mbsc-fr-btn-d { color: #999 } .mbsc-wp-light .mbsc-np-btn-empty { background: 0 } .mbsc-material .mbsc-np-del, .mbsc-material .mbsc-np-btn { overflow: hidden } .mbsc-material .mbsc-np-btn { font-size: 1.4545em; height: 2.0625em } .mbsc-material .mbsc-np-del { color: #009688; font-size: .875em } .mbsc-material .mbsc-np-tbl-c { padding: .5em } .mbsc-material .mbsc-np-btn.mbsc-fr-btn-d { opacity: .5 } .mbsc-cal-sc-m-cell, .mbsc-cal-days, .mbsc-cal-slide, .mbsc-cal-row, .mbsc-cal-day, .mbsc-cal-day-fg, .mbsc-cal-week-nr { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mbsc-cal-sc-c, .mbsc-cal-week-nrs-c, .mbsc-cal-c, .mbsc-cal-slide, .mbsc-cal-tab .mbsc-cal-tab-i, .mbsc-cal-sc .mbsc-cal-sc-cell-i { -webkit-backface-visibility: hidden; backface-visibility: hidden } .mbsc-calendar .mbsc-fr-c { position: relative; margin: 0 auto } .mbsc-calendar .mbsc-cal-hdn { width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; display: none } .mbsc-cal-c { position: relative; -ms-touch-action: pan-y; touch-action: pan-y } .mbsc-cal-vertical .mbsc-cal-body { -ms-touch-action: none; touch-action: none } .mbsc-cal-pnl { display: inline-block; vertical-align: middle } .mbsc-cal-tabbed .mbsc-cal-pnl { display: table; position: absolute; top: 0; width: 100%; height: 100% } .mbsc-cal-tabbed .mbsc-cal-pnl-h { display: none } .mbsc-cal-tabbed .mbsc-cal-pnl-i { display: table-cell; vertical-align: middle } .mbsc-cal-tabbed .mbsc-cal { width: auto !important } .mbsc-anim-trans .mbsc-fr-persp .mbsc-cal-c { -webkit-backface-visibility: visible; backface-visibility: visible } .mbsc-cal-anim-c { position: relative; overflow: hidden; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-transform: translate3d(0,0,0); -ms-transform: translate(0,0); transform: translate3d(0,0,0) } .mbsc-cal-anim { position: relative; height: 100%; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .mbsc-cal-slide { opacity: .5; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: opacity 300ms; -webkit-perspective: 1000px; perspective: 1000px } .mbsc-cal-slide:first-child { position: relative } .mbsc-cal-slide-a { opacity: 1 } .mbsc-cal-header { line-height: 40px; text-align: center } .mbsc-cal table { width: 100%; height: 100%; border-collapse: collapse; table-layout: fixed } .mbsc-cal th { line-height: 30px; text-align: center } .mbsc-cal-nb { border: 0 } .mbsc-cal-body { position: relative; font-size: 1.5em; font-weight: 600; } .mbsc-cal-table { height: 100%; width: 100%; display: table; table-layout: fixed } .mbsc-cal-row { white-space: nowrap; display: table-row } .mbsc-cal-day { line-height: 2.5em; width: 14.2857%; height: 16.6666%; position: relative; display: table-cell; vertical-align: middle; text-align: right; cursor: default } .mbsc-cal-day-v { cursor: pointer } .mbsc-cal-day .mbsc-cal-day-i { position: relative; height: 100% } .mbsc-cal-day-diff .mbsc-cal-day-i { opacity: .3 } .mbsc-cal-day-diff.mbsc-cal-day-sel .mbsc-cal-day-i { opacity: 1 } .mbsc-cal-hide-diff .mbsc-cal-day-diff .mbsc-cal-day-i { visibility: hidden } .mbsc-cal-day-fg { padding: 5px; position: relative; z-index: 2 } .mbsc-cal-weeks .mbsc-cal-days-c, .mbsc-cal-weeks .mbsc-cal-anim-c { padding-left: 26px } .mbsc-cal-week-nrs-c { display: none; position: absolute; width: 26px; height: 100%; left: 0; z-index: 3 } .mbsc-cal-week-nrs { display: table; width: 100%; height: 100% } .mbsc-cal-week-nr { position: relative; display: none; height: 16.6666%; text-align: center; font-weight: bold } .mbsc-cal-week-nr-i { display: table-cell; vertical-align: middle; padding-top: 1px } .mbsc-cal-weeks .mbsc-cal-week-nrs-c { display: block } .mbsc-cal-week-nrs .mbsc-cal-week-nr { display: table-row } .mbsc-rtl .mbsc-cal-weeks .mbsc-cal-days-c, .mbsc-rtl .mbsc-cal-weeks .mbsc-cal-anim-c { padding-left: 0; padding-right: 26px } .mbsc-rtl .mbsc-cal-week-nrs-c { left: auto; right: 0 } .mbsc-cal-sc-c { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; overflow: hidden } .mbsc-cal-h { visibility: hidden } .mbsc-cal-p-out { -webkit-animation: 200ms mbsc-anim-f-out ease-in; -moz-animation: 200ms mbsc-anim-f-out ease-in; animation: 200ms mbsc-anim-f-out ease-in } .mbsc-cal-p-in { -webkit-animation: 200ms mbsc-anim-f-in ease-out; -moz-animation: 200ms mbsc-anim-f-in ease-out; animation: 200ms mbsc-anim-f-in ease-out } .mbsc-old .mbsc-cal-p-in, .mbsc-old .mbsc-cal-p-out { -webkit-animation: none; -moz-animation: none; animation: none } .mbsc-cal-sc { position: relative; height: 100%; white-space: nowrap; /*font-size: 1.3333em ;*/ font-size: 1.1em; font-weight: 800; } .mbsc-cal-sc-p { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; -webkit-transform: translate3d(0,0,0) } .mbsc-cal-sc-tbl { display: table; width: 100%; height: 100%; table-layout: fixed } .mbsc-cal-sc-row { display: table-row } .mbsc-cal-sc-cell { cursor: pointer; display: table-cell; vertical-align: middle; text-align: center } .mbsc-cal-sc-m-cell { height: 25% } .mbsc-cal-btnc { position: relative; font-size: 1.5em } .mbsc-cal-btnw { position: relative; height: 40px } .mbsc-cal .mbsc-cal-btn { position: absolute; top: 0; height: 40px; width: 36px; margin: 0; padding: 0; cursor: pointer } .mbsc-cal .mbsc-fr-btn-d { opacity: .3 } .mbsc-cal-prev { left: 0 } .mbsc-cal-next { right: 0 } .mbsc-cal-month, .mbsc-cal-year { cursor: pointer } .mbsc-cal-btnc-ym .mbsc-cal-month, .mbsc-cal-btnc-ym .mbsc-cal-year { display: block; margin: 0 36px; overflow: hidden; text-overflow: ellipsis } .mbsc-cal-btnc-ym .mbsc-cal-btnw { width: 50%; display: inline-block; white-space: nowrap; vertical-align: top; margin: 0 10px 0 10px; font-size: 25px; font-weight: bold; } .mbsc-cal-btn-txt { overflow: hidden } .mbsc-cal-btn-txt:before { display: block } .mbsc-cal-liq .mbsc-fr-popup { display: block } .mbsc-cal-liq .mbsc-cal-pnl { width: 100% } .mbsc-cal-liq .mbsc-cal { width: auto } .mbsc-cal-liq.mbsc-fr-center .mbsc-fr-popup { width: 100%; top: 0; left: 0 } .mbsc-cal-liq.mbsc-fr-center .mbsc-fr-overlay { display: none } .mbsc-cal-liq.mbsc-fr-center .mbsc-fr-w { width: auto !important } .mbsc-cal-tabs { line-height: 40px; display: none; color: #000 } .mbsc-cal-tabbed .mbsc-cal-tabs { display: block } .mbsc-cal-tabbed .mbsc-fr-w { width: auto !important } .mbsc-cal-tabs ul, .mbsc-cal-tabs li { margin: 0; padding: 0; list-style: none } .mbsc-cal-tabs ul { width: 100%; display: table } .mbsc-cal-tab { width: 33.33%; display: table-cell; cursor: pointer } .mbsc-cal-tab .mbsc-cal-tab-i { display: block; text-decoration: none } .mbsc-cal-multi .mbsc-cal-slide { padding-left: 8px } .mbsc-ltr .mbsc-cal-multi .mbsc-cal-anim-c { margin-right: -8px } .mbsc-rtl .mbsc-cal-multi .mbsc-cal-anim-c { margin-left: -8px } .mbsc-cal-multi .mbsc-cal-anim { margin-left: -8px } .mbsc-cal-multi .mbsc-cal-btnw { display: block; width: auto } .mbsc-cal-multi .mbsc-cal-btnw-m { display: inline-block; white-space: nowrap; vertical-align: top } .mbsc-cal-multi .mbsc-cal-days-c { overflow: hidden } .mbsc-cal-multi .mbsc-cal-days { float: left } .mbsc-cal-m .mbsc-cal { font-size: 1.2em } .mbsc-cal-l .mbsc-cal { font-size: 1.4em } .mbsc-cal-ev .mbsc-cal-day-fg { padding-bottom: 20px } .mbsc-cal-day-m { position: absolute; left: 0; right: 0; bottom: 4px; line-height: 0 } .mbsc-cal-day-m-t { display: block; overflow: hidden; white-space: nowrap } .mbsc-cal-day-m-c { display: inline-block; vertical-align: top; width: 4px; height: 4px; margin: 0 1px; border-radius: 4px } .mbsc-cal-day-ic-c, .mbsc-cal-day-txt-c { position: absolute; left: 0; right: 0; bottom: 0; overflow: hidden } .mbsc-cal-day-ic-c { padding: 0 5px; font-size: 1em; line-height: 20px; text-overflow: ellipsis; text-shadow: none } .mbsc-cal-day-txt { padding: 0 2px; font-size: .8333em; font-weight: normal; line-height: 19px; overflow: hidden; white-space: nowrap; text-align: center; text-overflow: ellipsis; text-shadow: none; margin-top: 2px } .mbsc-mobiscroll .mbsc-cal-c { padding: .5em } .mbsc-mobiscroll .mbsc-cal-sc { font-size: 1em } .mbsc-mobiscroll .mbsc-cal-sc-c { background: #f7f7f7 } .mbsc-mobiscroll .mbsc-cal-btnc { font-size: 1.125em } .mbsc-mobiscroll .mbsc-cal-hl-now .mbsc-cal-today { color: #4eccc4 } .mbsc-mobiscroll .mbsc-cal-btn-txt { color: #4eccc4; font-size: 1em; line-height: 40px } .mbsc-mobiscroll .mbsc-cal-days-c { margin-left: -8px } .mbsc-mobiscroll .mbsc-cal-days { padding-left: 8px; color: #4eccc4 } .mbsc-mobiscroll .mbsc-cal-days th { font-size: .6875em; font-weight: normal; border-bottom: 1px solid #4eccc4 } .mbsc-mobiscroll .mbsc-cal-day { line-height: 1.875em; text-align: center } .mbsc-mobiscroll .mbsc-cal-day-fg { /*//font-size: .8125em*/ } .mbsc-mobiscroll .mbsc-cal-day-inv .mbsc-cal-day-fg { opacity: .3 } .mbsc-mobiscroll .mbsc-cal .mbsc-cal-sc-sel .mbsc-cal-sc-cell-i, .mbsc-mobiscroll .mbsc-cal .mbsc-cal-day-sel .mbsc-cal-day-i { background: #4eccc4; color: #fff } .mbsc-mobiscroll .mbsc-cal-day-hl .mbsc-cal-day-i { border-color: #4eccc4 } .mbsc-mobiscroll .mbsc-cal-week-nrs-c { font-size: .6875em; color: #4eccc4; background: #f7f7f7 } .mbsc-mobiscroll .mbsc-cal-week-nr-i { padding-top: 0; font-weight: normal } .mbsc-mobiscroll .mbsc-cal-tabs { line-height: 1.875em; padding: .5em .5em 0 .5em; text-transform: uppercase } .mbsc-mobiscroll .mbsc-cal-tabbed .mbsc-fr-w { padding-top: .5em } .mbsc-mobiscroll .mbsc-cal-tabbed .mbsc-fr-hdr { padding-top: 0 } .mbsc-mobiscroll .mbsc-cal-tab { border: 1px solid #4eccc4; font-size: .7em } .mbsc-mobiscroll .mbsc-cal-tabs ul { width: auto; margin: 0 auto } .mbsc-mobiscroll .mbsc-cal-tab .mbsc-cal-tab-i { padding: 0 1.2em; color: #454545 } .mbsc-mobiscroll .mbsc-ltr .mbsc-cal-tab:first-child { border-right: 0 } .mbsc-mobiscroll .mbsc-ltr .mbsc-cal-tab:last-child { border-left: 0 } .mbsc-mobiscroll .mbsc-rtl .mbsc-cal-tab:last-child { border-right: 0 } .mbsc-mobiscroll .mbsc-rtl .mbsc-cal-tab:first-child { border-left: 0 } .mbsc-mobiscroll .mbsc-cal-tabs .mbsc-cal-tab-sel { background: #4eccc4 } .mbsc-mobiscroll .mbsc-cal-tabs .mbsc-cal-tab-sel .mbsc-cal-tab-i { color: #f7f7f7 } .mbsc-mobiscroll .mbsc-cal-day-m { bottom: 4px } .mbsc-mobiscroll .mbsc-cal-day-m-c { background: #454545 } .mbsc-mobiscroll .mbsc-cal-day-sel .mbsc-cal-day-m-c { background: #f7f7f7 } .mbsc-mobiscroll .mbsc-cal-day-txt { color: #f7f7f7; background: #454545 } .mbsc-mobiscroll .mbsc-cal-day-txt, .mbsc-mobiscroll .mbsc-cal-day-ic-c { font-size: .625em } .mbsc-android-holo .mbsc-cal-sc-c { background: #292829 } .mbsc-android-holo .mbsc-cal-sc-m-cell { border-top: 1px solid #444 } .mbsc-android-holo .mbsc-cal-btn.mbsc-fr-btn-a { background: 0 } .mbsc-android-holo .mbsc-cal-week-nrs-c { background: #292829 } .mbsc-android-holo .mbsc-cal-week-nr-i { color: #555; padding: 0; border-top: 1px solid #444 } .mbsc-android-holo .mbsc-cal { padding: .834em; font-size: .75em } .mbsc-android-holo .mbsc-cal-header { line-height: 3em } .mbsc-android-holo .mbsc-cal-btnw { height: 2em } .mbsc-android-holo .mbsc-cal-btn { height: 2.25em; line-height: 2.25em } .mbsc-android-holo .mbsc-cal-hl-now .mbsc-cal-today { color: #31b6e7 } .mbsc-android-holo .mbsc-cal-btn-txt { color: #7e7e7e; font-size: 1.875em } .mbsc-android-holo .mbsc-fr-btn-a .mbsc-cal-btn-txt { color: #319abd } .mbsc-android-holo .mbsc-cal th { color: #555 } .mbsc-android-holo .mbsc-cal-day { border-top: 1px solid #444; text-align: center } .mbsc-android-holo .mbsc-cal-day-inv .mbsc-cal-day-fg { opacity: .3 } .mbsc-android-holo .mbsc-cal .mbsc-cal-sc-sel .mbsc-cal-sc-cell-i, .mbsc-android-holo .mbsc-cal .mbsc-cal-day-sel .mbsc-cal-day-i { color: #fff; background: #31b6e7; background: rgba(49,182,231,.5) } .mbsc-android-holo .mbsc-cal .mbsc-cal-day-hl .mbsc-cal-day-i { background: #31b6e7; color: #fff } .mbsc-android-holo.mbsc-cal-liq .mbsc-cal { padding: 0 } .mbsc-android-holo .mbsc-cal-tabs { background: #333; color: #fff; text-transform: uppercase; font-size: .625em; font-weight: bold; line-height: 1.4em } .mbsc-android-holo .mbsc-cal-tab { border: 5px solid #333; border-left: 0; border-right: 0 } .mbsc-android-holo .mbsc-cal-tab:first-child .mbsc-cal-tab-i { border-color: transparent } .mbsc-android-holo .mbsc-cal-tabs .mbsc-cal-tab-i { color: #fff; margin: .8em 0; border-left: 1px solid #444 } .mbsc-android-holo .mbsc-rtl .mbsc-cal-tabs .mbsc-cal-tab-i { border-left: 0; border-right: 1px solid #444 } .mbsc-android-holo .mbsc-cal-tabs .mbsc-cal-tab-sel { border-bottom: 5px solid #31b6e7 } .mbsc-android-holo .mbsc-cal-day-m { left: 3px; right: 3px; bottom: 3px } .mbsc-android-holo .mbsc-cal-day-m-t { display: table; table-layout: fixed; width: 100% } .mbsc-android-holo .mbsc-cal-day-m-c { display: table-cell; height: 3px; background: #31b6e7; border-radius: 0 } .mbsc-wp .mbsc-cal-sc-m-cell { background: #1f1f1f; padding: .167em } .mbsc-wp .mbsc-cal-sc-m-cell .mbsc-cal-sc-cell-i { top: 0; height: 100%; border-width: 1px } .mbsc-wp .mbsc-cal-sc-empty .mbsc-cal-sc-cell-i { border: 0 } .mbsc-wp .mbsc-cal-tabs .mbsc-cal-tab-sel .mbsc-cal-tab-i, .mbsc-wp .mbsc-cal-day-sel .mbsc-cal-day-i, .mbsc-wp .mbsc-cal-sc-sel .mbsc-cal-sc-cell-i { color: #fff; background: #1a9fe0; border-color: #1a9fe0 } .mbsc-wp.mbsc-calendar .mbsc-fr-btn-cont { padding-top: .625em } .mbsc-wp .mbsc-cal-btnc { text-transform: lowercase } .mbsc-wp .mbsc-cal-btn { padding: 0; position: absolute } .mbsc-wp .mbsc-cal-btn.mbsc-fr-btn-a { top: -.273em } .mbsc-wp .mbsc-cal-btn:after { display: none } .mbsc-wp .mbsc-cal-btn-txt { font-size: 1.1666em } .mbsc-wp .mbsc-cal-btn-txt:before { position: absolute; top: 50%; left: 50%; width: 1.525em; height: 1.525em; margin: -.9em 0 0 -.9em; color: #fff; border: 2px solid #fff; line-height: 1.525em; border-radius: 1000px } .mbsc-wp .mbsc-fr-btn-a .mbsc-cal-btn-txt:before { background: #1a9fe0; border-color: #1a9fe0; color: #fff } .mbsc-wp .mbsc-cal { font-size: .75em } .mbsc-wp .mbsc-cal th { font-weight: normal } .mbsc-wp .mbsc-cal-day { padding: .167em; line-height: 1.667em } .mbsc-wp .mbsc-cal-day .mbsc-cal-day-i { top: 0; height: 100%; padding: 0; border: 0 } .mbsc-wp .mbsc-cal-day-fg { height: 100%; border: 1px solid #4c4c4c; padding: .833em .417em 0 .417em } .mbsc-wp .mbsc-cal-day-inv .mbsc-cal-day-fg { color: rgba(255,255,255,.3) } .mbsc-wp .mbsc-cal-day-sel .mbsc-cal-day-fg { border-color: #1a9fe0 } .mbsc-wp .mbsc-cal-week-nrs-c { background: #1f1f1f } .mbsc-wp .mbsc-cal-week-nr-i { padding-top: .833em } .mbsc-wp .mbsc-cal-day-hl .mbsc-cal-day-fg { background: #fff; border-color: #fff; color: #000 } .mbsc-wp .mbsc-cal-hl-now .mbsc-cal-today { color: #1a9fe0 } .mbsc-wp .mbsc-cal-sc-cell-i .mbsc-cal-sc-cell, .mbsc-wp .mbsc-cal-tabs .mbsc-cal-tab-i { border: 1px solid #4c4c4c; color: #fff } .mbsc-wp .mbsc-cal-tabs { font-size: .75em; padding: 0 0 .313em 0 } .mbsc-wp .mbsc-ltr .mbsc-cal-tab .mbsc-cal-tab-i { border-left-width: 0 } .mbsc-wp .mbsc-ltr .mbsc-cal-tab:first-child .mbsc-cal-tab-i { border-left-width: 1px } .mbsc-wp .mbsc-rtl .mbsc-cal-tab .mbsc-cal-tab-i { border-right-width: 0 } .mbsc-wp .mbsc-rtl .mbsc-cal-tab:first-child .mbsc-cal-tab-i { border-right-width: 1px } .mbsc-wp .mbsc-cal-day-m { top: 3px; left: 3px; right: 3px; bottom: auto } .mbsc-wp .mbsc-cal-day-m-t { display: table; table-layout: fixed; width: 100% } .mbsc-wp .mbsc-cal-day-m-c { display: table-cell; height: 3px; background: #fff; border-radius: 0 } .mbsc-wp .mbsc-cal-m-bottom .mbsc-cal-day-fg { padding-bottom: .417em } .mbsc-wp .mbsc-cal-ev .mbsc-cal-day-fg { padding-bottom: 1.667em } .mbsc-wp .mbsc-cal-day-txt { color: #fff; background: #444 } .mbsc-material .mbsc-cal-c { padding: .5em .5em 0 .5em } .mbsc-material .mbsc-cal-sc { font-size: 1em } .mbsc-material .mbsc-cal-sc-c { background: #eee } .mbsc-material .mbsc-cal-btnc { font-size: 1.125em } .mbsc-material .mbsc-cal .mbsc-cal-btn { height: 2.2222em; width: 2.2222em; line-height: 2.2222em } .mbsc-material .mbsc-cal-hl-now .mbsc-cal-today { color: #009688 } .mbsc-material .mbsc-cal-btn-txt { color: #009688; font-size: 1.875em } .mbsc-material .mbsc-cal-year, .mbsc-material .mbsc-cal-month { font-weight: bold; line-height: 2.2222em } .mbsc-material .mbsc-cal-days-c { padding-bottom: .375em } .mbsc-material .mbsc-cal-days th { font-size: .75em; font-weight: bold; line-height: 2.5em } .mbsc-material .mbsc-cal-day { line-height: 1.875em; text-align: center; padding-bottom: .6875em } .mbsc-material .mbsc-cal-day-fg { font-size: .875em; width: 2.4286em; height: 2.4286em; line-height: 2.4em; border: 1px solid transparent; text-align: center; padding: 0; margin: 0 auto } .mbsc-material .mbsc-cal-day-inv .mbsc-cal-day-fg { color: rgba(91,91,91,.3) } .mbsc-material .mbsc-cal .mbsc-cal-day-sel .mbsc-cal-day-fg { border-radius: 2.3em; background: rgba(13,155,141,.3) } .mbsc-material .mbsc-cal-sc .mbsc-cal-sc-cell-i { display: inline-block; width: 4em; height: 4em; line-height: 4em; border-radius: 4em } .mbsc-material .mbsc-cal-sc .mbsc-cal-sc-cell-i .mbsc-cal-sc-cell { display: block } .mbsc-material .mbsc-cal-sc .mbsc-cal-sc-sel .mbsc-cal-sc-cell-i { background: rgba(13,155,141,.3) } .mbsc-material .mbsc-cal-week-nrs-c { font-size: .6875em; color: #5b5b5b; background: #eee } .mbsc-material .mbsc-cal-week-nr-i { vertical-align: top; padding-top: 1em } .mbsc-material .mbsc-cal-tabs { line-height: 1.875em; padding: .5em .5em 0 .5em; text-transform: uppercase } .mbsc-material .mbsc-cal-tabbed .mbsc-fr-hdr { padding-top: 0 } .mbsc-material .mbsc-cal-tabbed .mbsc-cal-c { padding-top: 0 } .mbsc-material .mbsc-cal-tab { font-size: .75em } .mbsc-material .mbsc-cal-tab .mbsc-cal-tab-i { padding: 0 .5em; color: #5b5b5b } .mbsc-material .mbsc-cal-tabs .mbsc-cal-tab-sel .mbsc-cal-tab-i { color: #009688 } .mbsc-material .mbsc-cal-day-m { bottom: .0625em; -webkit-transition: bottom .1s ease-out; -moz-transition: bottom .1s ease-out; transition: bottom .1s ease-out } .mbsc-material .mbsc-cal-day-m-c { background: #009688 } .mbsc-material .mbsc-cal-day-sel .mbsc-cal-day-m { bottom: -.45em } .mbsc-material .mbsc-cal-day-txt { margin: 0 1px; color: #eee; background: #7c7c7c } .mbsc-material .mbsc-cal-ev .mbsc-cal-day .mbsc-cal-day-i { padding-bottom: 1.125em } .mbsc-material .mbsc-cal-day-txt, .mbsc-material .mbsc-cal-day-ic-c { font-size: .625em; line-height: 1.5em } .mbsc-ios.mbsc-calendar.mbsc-inline .mbsc-fr-popup { border: 1px solid #e3e3e3 } .mbsc-ios.mbsc-calendar.mbsc-fr-bubble .mbsc-fr-w { padding-bottom: .666667em } .mbsc-ios .mbsc-cal-c { margin: 0; padding: 0 } .mbsc-ios .mbsc-cal { color: #000 } .mbsc-ios .mbsc-cal-header .mbsc-fr-btn { font-size: .944445em } .mbsc-ios .mbsc-cal-table { font-size: 1.1667em } .mbsc-ios .mbsc-cal-hl-now .mbsc-cal-today { color: #007aff } .mbsc-ios .mbsc-cal-btn-txt { color: #007aff; font-size: 1.352941em; line-height: 1.73913em } .mbsc-ios .mbsc-cal th, .mbsc-ios .mbsc-cal-week-nr { font-weight: normal; font-size: 1.166667em } .mbsc-ios .mbsc-cal-week-nrs-c { background: #f7f7f7 } .mbsc-ios .mbsc-cal-day { padding: .142857em .357142em .714285em .357142em; background: #fff; border-top: 1px solid #e3e3e3; color: #000; line-height: 1.7141em } .mbsc-ios .mbsc-cal-day-i { position: static; text-align: center } .mbsc-ios .mbsc-cal .mbsc-cal-sc-cell-i { position: static; text-align: center } .mbsc-ios .mbsc-cal .mbsc-cal-day-fg { width: 1.714286em; height: 1.714286em; border: 1px solid transparent; text-align: center; padding: 0; margin: 0 auto } .mbsc-ios .mbsc-cal-day-sel .mbsc-cal-day-fg { border-radius: 1000px; border: 1px solid #007aff; background: #007aff; color: #fff } .mbsc-ios .mbsc-cal-day-hl .mbsc-cal-day-fg { border: 1px solid #007aff; background: 0; color: #000; border-radius: 1000px } .mbsc-ios .mbsc-cal-day-inv .mbsc-cal-day-fg { color: rgba(0,0,0,.3) } .mbsc-ios .mbsc-cal-day-inv.mbsc-cal-day-sel .mbsc-cal-day-fg { color: rgba(255,255,255,.4) } .mbsc-ios .mbsc-cal-sc-c { background: #fff } .mbsc-ios .mbsc-cal-sc-m-cell { background: #fff; border-top: 1px solid #e3e3e3 } .mbsc-ios .mbsc-cal-sc .mbsc-cal-sc-sel .mbsc-cal-sc-cell-i, .mbsc-ios .mbsc-cal-sc .mbsc-cal-day-sel .mbsc-cal-day-i { display: inline-block; width: auto; height: auto; background: #007aff; color: #fff; padding: 0 .625016em; line-height: 1.625115em; border-radius: 13px } .mbsc-ios .mbsc-cal-tabs { padding: .833334em .833334em .416667em .833334em; font-size: 1em } .mbsc-ios .mbsc-cal-tab { border: 1px solid #007aff; line-height: 1.928571em; font-size: 1.166667em } .mbsc-ios .mbsc-cal-tab .mbsc-cal-tab-i { padding: 0 .714285em; color: #007aff } .mbsc-ios .mbsc-ltr .mbsc-cal-tab:first-child { border-right: 0; border-radius: 4px 0 0 4px } .mbsc-ios .mbsc-ltr .mbsc-cal-tab:last-child { border-left: 0; border-radius: 0 4px 4px 0 } .mbsc-ios .mbsc-rtl .mbsc-cal-tab:last-child { border-right: 0; border-radius: 4px 0 0 4px } .mbsc-ios .mbsc-rtl .mbsc-cal-tab:first-child { border-left: 0; border-radius: 0 4px 4px 0 } .mbsc-ios .mbsc-cal-tabs .mbsc-cal-tab-sel { background: #007aff } .mbsc-ios .mbsc-cal-tabs .mbsc-cal-tab-sel .mbsc-cal-tab-i { color: #fff } .mbsc-ios .mbsc-cal-ev .mbsc-cal-day { padding-bottom: 1.428571em } .mbsc-ios .mbsc-cal-day-m { bottom: .142857em } .mbsc-ios .mbsc-cal-day-m-c { width: .428571em; height: .428571em; border-radius: .428571em; background: #ccc } .mbsc-ios .mbsc-cal-day-txt-c { width: auto; left: .142857em; right: .142857em; bottom: .142857em } .mbsc-ios .mbsc-cal-day-txt { background: #c3d7ef; color: #555; line-height: 1.142857em; margin: 0 } .mbsc-bootstrap .mbsc-cal-c { padding: 4px } .mbsc-bootstrap .mbsc-cal-sc-c { max-width: none; display: block; padding: 0; border: 0; -webkit-box-shadow: none; border-radius: 0; box-shadow: none } .mbsc-bootstrap .mbsc-cal-btn { background: 0; padding: 0; border: 0; text-indent: -9999px; -webkit-box-shadow: none; box-shadow: none; color: inherit } .mbsc-bootstrap .mbsc-cal-btn-txt { height: 40px; text-decoration: none } .mbsc-bootstrap .mbsc-cal-btn-txt .glyphicon { display: block; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -7px; text-indent: 0 } .mbsc-bootstrap .mbsc-cal-day { padding: 1px; text-align: center } .mbsc-bootstrap .mbsc-cal-day .mbsc-cal-day-i { display: block; border: 0; line-height: 29px } .mbsc-bootstrap .mbsc-cal-day-inv .mbsc-cal-day-fg { opacity: .3 } .mbsc-bootstrap .mbsc-cal-day-hl .mbsc-cal-day-frame { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .1 } .mbsc-bootstrap .mbsc-cal-tabs ul { padding: 4px 4px 0 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mbsc-bootstrap .mbsc-cal-tab { margin-bottom: -1px } .mbsc-bootstrap .mbsc-cal-week-nrs-c { padding: 0; border: 0; min-width: 0; max-width: none; -webkit-box-shadow: none; border-radius: 0; box-shadow: none } .mbsc-bootstrap .mbsc-cal-day-m-c { background: #aaa } .mbsc-color-preview { height: 24px; line-height: 24px; -webkit-transition: background-color .2s; -moz-transition: background-color .2s; transition: background-color .2s } .mbsc-color .mbsc-sc-itm { padding: 0 } .mbsc-color .mbsc-sc-itm.mbsc-btn-a { background: 0 } .mbsc-color-itm { width: 100%; height: 100%; border-bottom: 1px solid rgba(170,170,170,0.5); border-top: 1px solid rgba(255,255,255,0.5) } .mbsc-color-itm-a { height: 100%; background: rgba(255,255,255,.3); display: none } .mbsc-sc-itm.mbsc-btn-a .mbsc-color-itm-a { display: block } .mbsc-mobiscroll.mbsc-color .mbsc-sc-whl-l { display: none } .mbsc-mobiscroll .mbsc-color-preview { height: auto; font-size: .75em; line-height: 2.5em; text-transform: uppercase } .mbsc-mobiscroll .mbsc-color-itm { border-top: 1px solid #f7f7f7; border-bottom: 0 } .mbsc-android-holo.mbsc-color .mbsc-sc-whl-l { display: none } .mbsc-android-holo .mbsc-color-preview { height: 2.375em; line-height: 2.375em } .mbsc-bootstrap.mbsc-color .mbsc-sc-whl-l { display: none } .mbsc-ios.mbsc-color .mbsc-sc-whl-w { margin: 0 .25em } .mbsc-ios.mbsc-color .mbsc-sc-whl-l { display: none } .mbsc-ios .mbsc-color-preview { border-bottom: 1px solid #acacac } .mbsc-jqm.mbsc-color .mbsc-sc-whl-l { display: none } .mbsc-jqm .mbsc-color-preview { text-shadow: none; border-bottom: 1px solid #222 } .mbsc-wp.mbsc-color .mbsc-sc-whl-w { margin: 0 .25em } .mbsc-wp.mbsc-color .mbsc-sc-itm { opacity: 1 } .mbsc-wp.mbsc-color .mbsc-sc-itm:after { display: none } .mbsc-wp .mbsc-color-preview { margin: -.625em -625em 0 -625em; border-bottom: 1px solid #fff } .mbsc-material .mbsc-color-preview { height: auto; font-size: .75em; line-height: 2.5em; text-transform: uppercase } .mbsc-material.mbsc-color .mbsc-sc-whl-l { display: none } .mbsc-timer .mbsc-timer-lbl { display: none } .mbsc-mobiscroll.mbsc-timer .mbsc-fr-btn-cont { display: table } .mbsc-mobiscroll.mbsc-timer .mbsc-fr-btn-w { width: 1px; text-align: left; display: table-cell; float: none } .mbsc-mobiscroll.mbsc-timer .mbsc-fr-btn-w:last-child { width: auto; text-align: right } .mbsc-mobiscroll.mbsc-timer .mbsc-fr-btn-w .mbsc-fr-btn { display: inline-block; vertical-align: middle; text-align: center; text-decoration: none } .mbsc-android-holo.mbsc-timer .mbsc-sc-whl-gr { padding-top: .0625em } .mbsc-android-holo.mbsc-timer .mbsc-sc-lbl-v .mbsc-timer-lbl { display: inline; visibility: hidden; font-size: 1.125em; padding: 0 0 0 .375em } .mbsc-android-holo.mbsc-timer .mbsc-sc-lbl { z-index: 3; top: 50%; right: 0; bottom: auto; left: auto; width: auto; margin-top: -1.25em; padding: 0 .375em; color: #31b6e7; font-size: 1.125em; font-weight: bold; text-transform: lowercase } .mbsc-android-holo.mbsc-timer .mbsc-sc-itm { text-overflow: clip } .mbsc-wp.mbsc-timer .mbsc-sc-whl-gr { padding: 0 } .mbsc-wp.mbsc-timer .mbsc-sc-lbl { z-index: 3; top: 50%; right: auto; width: auto; height: auto; margin: 1.545454em 0 0 .818181em; color: #fff; line-height: 1.636363em; font-size: .6875em } .mbsc-wp.mbsc-timer .mbsc-sc-whl-anim .mbsc-sc-lbl { display: none } .mbsc-wp.mbsc-timer .mbsc-timer-running .mbsc-sc-whl-anim .mbsc-sc-lbl { display: block } .mbsc-wp .mbsc-timer-locked .mbsc-sc-itm { opacity: 0 } .mbsc-wp .mbsc-timer-locked .mbsc-sc-itm-sel, .mbsc-wp .mbsc-timer-running .mbsc-timer-whl-seconds .mbsc-sc-itm, .mbsc-wp .mbsc-timer-running .mbsc-timer-whl-fract .mbsc-sc-itm { opacity: 1 } .mbsc-material.mbsc-timer .mbsc-fr-btn-cont { display: table } .mbsc-material.mbsc-timer .mbsc-fr-btn-w { width: 1px; text-align: left; display: table-cell; float: none } .mbsc-material.mbsc-timer .mbsc-fr-btn-w:last-child { width: auto; text-align: right } .mbsc-material.mbsc-timer .mbsc-fr-btn-w .mbsc-fr-btn { display: inline-block; vertical-align: middle; text-align: center; text-decoration: none } .mbsc-ios.mbsc-timer .mbsc-sc-whl-gr { padding: .833333em 0 } .mbsc-ios.mbsc-timer .mbsc-sc-lbl { z-index: 3; top: 50%; bottom: auto; right: 0; left: auto; width: auto; margin-top: -.75em; padding: 0 .55em; color: #007aff; font-size: 1.666667em; line-height: 1.5em; text-transform: lowercase } .mbsc-ios.mbsc-timer .mbsc-sc-itm { text-overflow: clip } .mbsc-ios .mbsc-sc-lbl-v .mbsc-timer-lbl { display: inline; visibility: hidden; padding-left: .5em; font-size: .909090em; text-transform: lowercase } .mbsc-range-btn-t, .mbsc-range-btn-c { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mbsc-range-btn-t { display: table; width: 100% } .mbsc-range-btn-c { display: table-cell; width: 50%; cursor: pointer } .mbsc-range-btn { text-decoration: none; display: block; line-height: 20px } .mbsc-mobiscroll .mbsc-range-btn-t { padding: .5em .25em 0 .25em } .mbsc-mobiscroll .mbsc-range-btn { margin: 0 .3333em; padding: .3333em; border: 1px solid #4eccc4; font-size: .75em } .mbsc-mobiscroll .mbsc-range-btn-sel .mbsc-range-btn { background: #4eccc4; color: #f7f7f7 } .mbsc-mobiscroll.mbsc-range .mbsc-fr-w { padding: 0 } .mbsc-mobiscroll.mbsc-range .mbsc-fr-hdr { padding-top: .6666em } .mbsc-mobiscroll.mbsc-range .mbsc-cal-table .mbsc-cal-day-sel .mbsc-cal-day-i { color: #454545; background: rgba(78,204,196,.3) } .mbsc-mobiscroll.mbsc-range .mbsc-cal-table .mbsc-cal-day-hl .mbsc-cal-day-i { background: #4eccc4; color: #f7f7f7 } .mbsc-android-holo .mbsc-range-btn-t { padding: 4px 2px } .mbsc-android-holo .mbsc-range-btn { margin: 0 2px; padding: 4px; color: #fff; background: #444; font-size: .75em; border-radius: 0 } .mbsc-android-holo .mbsc-range-btn-sel .mbsc-range-btn { background: #31b6e7 } .mbsc-android-holo-light .mbsc-range-btn { background: #e5e5e5; color: #000 } .mbsc-android-holo-light .mbsc-range-btn-sel .mbsc-range-btn { background: #4bbde8 } .mbsc-wp .mbsc-range-btn-t { font-size: .75em } .mbsc-wp .mbsc-range-btn-c { padding-bottom: .833em } .mbsc-wp .mbsc-range-btn { border-width: 1px; color: #fff; border: 1px solid #4c4c4c } .mbsc-wp .mbsc-range-btn-sel .mbsc-range-btn { color: #fff; background: #1a9fe0; border-color: #1a9fe0 } .mbsc-wp .mbsc-range-btn-start .mbsc-range-btn { margin-right: .417em } .mbsc-wp .mbsc-range-btn-end .mbsc-range-btn { margin-left: .417em } .mbsc-material .mbsc-range-btn-t { border-bottom: 1px solid #c6c6c6; font-size: .875em } .mbsc-material .mbsc-range-btn { padding: .5714em .2857em; color: #5b5b5b; border-bottom: 2px solid transparent; margin-bottom: -1px } .mbsc-material .mbsc-range-btn-sel .mbsc-range-btn { border-color: #009688; color: #009688 } .mbsc-material.mbsc-range .mbsc-cal .mbsc-cal-day-sel .mbsc-cal-day-fg { background: 0 } .mbsc-material.mbsc-range .mbsc-cal-day-sel .mbsc-cal-day-frame { position: absolute; top: 0; width: 100%; height: 100%; opacity: 1; color: #5b5b5b; background: rgba(13,155,141,.1); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .mbsc-material.mbsc-range .mbsc-cal-sel-start .mbsc-cal-day-frame { right: 0; width: 50%; padding-left: 1.0526em } .mbsc-material.mbsc-range .mbsc-cal-sel-end .mbsc-cal-day-frame { left: 0; width: 50%; padding-right: 1.0526em } .mbsc-material.mbsc-range .mbsc-cal-sel-start.mbsc-cal-sel-end .mbsc-cal-day-frame { width: 0; padding: 0 } .mbsc-material.mbsc-range .mbsc-cal-sel-start .mbsc-cal-day-frame, .mbsc-material.mbsc-range .mbsc-cal-day:first-child .mbsc-cal-day-frame { border-top-left-radius: 3em; border-bottom-left-radius: 3em } .mbsc-material.mbsc-range .mbsc-cal-sel-end .mbsc-cal-day-frame, .mbsc-material.mbsc-range .mbsc-cal-day:last-child .mbsc-cal-day-frame { border-top-right-radius: 3em; border-bottom-right-radius: 3em } .mbsc-material.mbsc-range .mbsc-cal-table .mbsc-cal-day-hl .mbsc-cal-day-i .mbsc-cal-day-fg { color: #eee; background: rgba(13,155,141,.8) } .mbsc-ios .mbsc-range-btn-t { width: auto; display: block } .mbsc-ios .mbsc-range-btn-c { width: auto; display: block } .mbsc-ios .mbsc-range-btn { position: relative; margin: 0; padding: .416667em .833333em; background: #f7f7f7; border: 0; border-bottom: 1px solid #acacac; color: #000; text-align: left; font-weight: bold; border-radius: 0 } .mbsc-ios .mbsc-range-btn-v { position: absolute; top: .416667em; right: .833333em; font-weight: normal } .mbsc-ios .mbsc-range-btn-sel .mbsc-range-btn { background: #e3e3e3 } .mbsc-ios.mbsc-range .mbsc-cal-day { padding: .3571em } .mbsc-ios.mbsc-range .mbsc-cal-week-nr { padding-top: .583333em; line-height: 2em; vertical-align: top } .mbsc-bootstrap .mbsc-range-btn-t { padding: 4px 2px 0 2px } .mbsc-bootstrap .mbsc-range-btn { margin: 0 2px } .mbsc-bootstrap.mbsc-range .mbsc-cal-day-hl .mbsc-cal-day-frame { opacity: .3 } .mbsc-cal-events { display: none; position: absolute; z-index: 4; left: 0; right: 0; padding: 5px } .mbsc-cal-events-t { visibility: hidden } .mbsc-cal-events-i { overflow: hidden } .mbsc-cal-events-sc { position: relative; -webkit-backface-visibility: hidden } .mbsc-cal-events-v { display: block } .mbsc-cal-event-list { margin: 0; padding: 0 } .mbsc-cal-event { margin-top: 5px; padding: 5px 60px 5px 10px; line-height: 20px; list-style: none; position: relative; text-align: left; white-space: nowrap; font-size: 1em } .mbsc-cal-event:first-child { margin: 0 } .mbsc-cal-event-color { position: absolute; top: 0; left: 0; width: 5px; height: 100% } .mbsc-cal-event-text { overflow: hidden; text-overflow: ellipsis } .mbsc-cal-event-time { display: inline-block; width: 5em } .mbsc-cal-event-dur { position: absolute; top: 50%; right: 5px; height: 20px; margin-top: -10px; line-height: 20px } .mbsc-cal-events-arr { position: absolute; bottom: -14px; left: 50%; width: 0; height: 0; margin-left: -7px; border: 7px solid #fff; border-color: #fff transparent transparent transparent } .mbsc-cal-events-b .mbsc-cal-events-arr { bottom: auto; top: -14px; border-color: transparent transparent #fff transparent } .mbsc-mobiscroll .mbsc-cal-events { margin: 0 0 5px 0; padding: 0; color: #f7f7f7; background: #858585 } .mbsc-mobiscroll .mbsc-cal-events-b { margin: 10px 0 0 0 } .mbsc-mobiscroll .mbsc-cal-event { margin: 0; padding: 10px 60px 10px 15px; font-size: .75em } .mbsc-mobiscroll .mbsc-cal-event-color { background: #4eccc4 } .mbsc-mobiscroll .mbsc-cal-event-time, .mbsc-mobiscroll .mbsc-cal-event-dur { color: #4eccc4 } .mbsc-mobiscroll .mbsc-cal-events-arr { border-color: #858585 transparent transparent transparent } .mbsc-mobiscroll .mbsc-cal-events-b .mbsc-cal-events-arr { border-color: transparent transparent #858585 transparent } .mbsc-android-holo .mbsc-cal-events { background: #fff; margin: .375em .375em .5em .375em } .mbsc-android-holo .mbsc-cal-events-b { margin: .5em .375em .375em .375em } .mbsc-android-holo .mbsc-cal-event { background: #7e7e7e; font-size: .75em } .mbsc-android-holo .mbsc-cal-event-color { background: #31b6e7 } .mbsc-android-holo .mbsc-cal-day-txt { background: #444; color: #fff } .mbsc-wp .mbsc-cal-events { font-size: .75em; background: #fff; margin: 0 0 .667em 0 } .mbsc-wp .mbsc-cal-events-b { margin: .667em 0 0 0 } .mbsc-wp .mbsc-cal-event { color: #fff; background: #4c4c4c; border: 1px solid #4c4c4c } .mbsc-wp .mbsc-cal-event-color { background: #fff } .mbsc-material .mbsc-cal-events { margin: 1em 1em .6875em 1em; padding: 0; color: #eee } .mbsc-material .mbsc-cal-events-b { margin: .375em 1em 1em 1em } .mbsc-material .mbsc-cal-event { margin: 0; padding: .625em 5em .625em .625em; font-size: .75em } .mbsc-material .mbsc-cal-event-color { width: 100%; background: #009688 } .mbsc-material .mbsc-cal-event-time, .mbsc-material .mbsc-cal-event-text { position: relative; z-index: 1 } .mbsc-material .mbsc-cal-event-time, .mbsc-material .mbsc-cal-event-dur { color: #eee } .mbsc-material .mbsc-cal-events-arr { border-color: #009688 transparent transparent transparent } .mbsc-material .mbsc-cal-events-b .mbsc-cal-events-arr { border-color: transparent transparent #009688 transparent } .mbsc-ios .mbsc-cal-events { margin: .5em .5em .583333em .5em; background: #000; background: rgba(0,0,0,0.8) } .mbsc-ios .mbsc-cal-events-b { margin: .583333em .5em .5em .5em } .mbsc-ios .mbsc-cal-event { margin: 0; padding: .5em .5em .5em 1.5em; background: #f7f7f7; border-top: 1px solid #eee; color: #000; font-weight: bold } .mbsc-ios .mbsc-cal-event:first-child { border: 0 } .mbsc-ios .mbsc-cal-event-color { top: 50%; left: .5em; margin-top: -.25em; width: .5em; height: .5em; background: #94b8dd; border: 1px solid rgba(0,0,0,0.3); border-radius: .5em } .mbsc-ios .mbsc-cal-events-arr { border-color: rgba(0,0,0,0.8) transparent transparent transparent } .mbsc-ios .mbsc-cal-events-b .mbsc-cal-events-arr { border-color: transparent transparent rgba(0,0,0,0.8) transparent } .mbsc-bootstrap .mbsc-cal-events { width: auto; max-width: none; margin: 3px 2px 10px 2px } .mbsc-bootstrap .mbsc-cal-events-b { margin: 10px 2px 3px 2px } .mbsc-bootstrap .mbsc-cal-events-i { padding-bottom: 1px } .mbsc-bootstrap .mbsc-cal-events-v { display: block } .mbsc-bootstrap .mbsc-cal-event-color { background: #fff } .mbsc-ms-c { overflow: hidden; position: relative; font-size: 16px; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -ms-touch-action: pan-y; user-select: none; touch-action: pan-y; text-align: center } .mbsc-ms-item, .mbsc-ms-item-i { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mbsc-ms-sc { position: relative } .mbsc-ms-rtl { direction: rtl } .mbsc-ms { margin: 0; padding: 0; list-style: none; white-space: nowrap; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); display: inline-block } .mbsc-ms-item { height: 100%; position: relative; margin: 0; padding: 0; display: inline-block; vertical-align: middle; text-align: center; font-size: .75em } .mbsc-ms-item-i { min-width: 4em; padding: .25em .5em; height: 100%; position: relative; display: block; text-decoration: none; cursor: pointer; overflow: hidden; -webkit-transition-property: color,background,border-color,text-shadow; -webkit-transition-duration: 200ms; -moz-transition-property: color,background,border-color,text-shadow; -moz-transition-duration: 200ms; transition-property: color,background,border-color,text-shadow; transition-duration: 200ms } .mbsc-ms-c .mbsc-ms .mbsc-ms-item-i { font-weight: normal; color: inherit } .mbsc-ms-item-i-t { width: 100%; height: 100%; display: table } .mbsc-ms-item-i-c { padding: .5em 0; display: table-cell; vertical-align: middle } .mbsc-ms .mbsc-btn-d .mbsc-ms-item-i { opacity: .5; cursor: default } .mbsc-ms-hasw .mbsc-ms-item { white-space: normal } .mbsc-ms-hasw .mbsc-ms-item .mbsc-ms-item-i { min-width: 0 } .mbsc-ms-icons .mbsc-ms-item-i { min-width: 6em } .mbsc-ms-icons .mbsc-ms-item-i-c { padding-top: 2.75em; padding-bottom: 0 } .mbsc-ms-icons.mbsc-ms-txt .mbsc-ms-item-i-c { padding-bottom: .5em } .mbsc-ms-ic:before { position: absolute; top: .25em; left: 0; right: 0; display: block; text-align: center; font-size: 2em; line-height: 1.2em } .mbsc-ms-top, .mbsc-ms-bottom { z-index: 9999; position: fixed; left: 0; right: 0 } .mbsc-ms-ctx.mbsc-ms-top, .mbsc-ms-ctx.mbsc-ms-bottom { position: absolute } .mbsc-ms-top { top: 0 } .mbsc-ms-bottom { bottom: 0 } .mbsc-mobiscroll.mbsc-ms-c { background: #f7f7f7; color: #454545 } .mbsc-mobiscroll .mbsc-ms-item { font-size: 1em } .mbsc-mobiscroll.mbsc-ms-icons .mbsc-ms-item { font-size: .75em } .mbsc-mobiscroll .mbsc-btn-a .mbsc-ms-item-i { background: rgba(78,204,196,.3) } .mbsc-mobiscroll.mbsc-ms-b .mbsc-ms-item-i { border: 2px solid transparent; border-width: 2px 0 } .mbsc-mobiscroll.mbsc-ms-b.mbsc-ms-top { border-bottom: 1px solid #4eccc4 } .mbsc-mobiscroll.mbsc-ms-b.mbsc-ms-bottom { border-top: 1px solid #4eccc4 } .mbsc-mobiscroll.mbsc-ms-b .mbsc-ms-item-sel .mbsc-ms-item-i { border-bottom-color: #4eccc4 } .mbsc-mobiscroll.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item-sel .mbsc-ms-item-i { border-top-color: #4eccc4; border-bottom-color: transparent } .mbsc-mobiscroll.mbsc-ms-a .mbsc-ms-item-sel .mbsc-ms-item-i { color: #4eccc4 } .mbsc-android-holo.mbsc-ms-c { background: #292929; color: #fff } .mbsc-android-holo .mbsc-ms-item-i { text-transform: uppercase; padding: .5em 0 } .mbsc-android-holo .mbsc-ms-item-i-c { padding-left: .75em; padding-right: .75em } .mbsc-android-holo .mbsc-ms-ic:before { top: .375em } .mbsc-android-holo .mbsc-btn-a .mbsc-ms-item-i { color: #fff; background: #29799c } .mbsc-android-holo.mbsc-ms-a .mbsc-ms-item-sel { color: #31b6e7 } .mbsc-android-holo.mbsc-ms-b.mbsc-ms-top { border-bottom: 1px solid #31b6e7 } .mbsc-android-holo.mbsc-ms-b.mbsc-ms-bottom { border-top: 1px solid #31b6e7 } .mbsc-android-holo.mbsc-ms-b .mbsc-ms-item-i { border: 1px solid transparent; border-width: 3px 0 } .mbsc-android-holo.mbsc-ms-b .mbsc-ms-item-i-c { border-left: 1px solid #444 } .mbsc-android-holo .mbsc-btn-a .mbsc-ms-item-i-c, .mbsc-android-holo.mbsc-ms-ltr .mbsc-ms-item:first-child .mbsc-ms-item-i-c, .mbsc-android-holo.mbsc-ms-rtl .mbsc-ms-item:last-child .mbsc-ms-item-i-c { border-color: transparent } .mbsc-android-holo.mbsc-ms-b .mbsc-ms-item-sel .mbsc-ms-item-i { border-bottom-color: #31b6e7 } .mbsc-android-holo.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item-sel .mbsc-ms-item-i { border-top-color: #31b6e7; border-bottom-color: transparent } .mbsc-wp.mbsc-ms-c { background: #1f1f1f; color: #fff; font-family: Segoe UI,arial,verdana,sans-serif } .mbsc-wp .mbsc-ms-item { font-size: 2em; color: #4c4c4c; text-transform: lowercase; white-space: nowrap } .mbsc-wp .mbsc-ms-item-i { min-width: 0; padding: 0 .25em; -webkit-transition: -webkit-transform 200ms; -moz-transition: -moz-transform 200ms; transition: transform 200ms } .mbsc-wp.mbsc-ms-icons .mbsc-ms-item-i-c { padding-top: 3.5em } .mbsc-wp .mbsc-ms-ic:before { top: .6em; left: 50%; right: auto; margin-left: -1.1em; font-size: 12px; width: 2.2em; height: 2.2em; line-height: 2.2em; border: 2px solid #fff; border-radius: 1000px; -webkit-transform: translate3d(-2px,0,0); -moz-transform: translate3d(-2px,0,0); -ms-transform: translate3d(-2px,0,0); transform: translate3d(-2px,0,0) } .mbsc-wp .mbsc-ms-item.mbsc-btn-a .mbsc-ms-item-i { -webkit-transform: translate3d(0,-.2em,0); -moz-transform: translate3d(0,-.2em,0); transform: translate3d(0,-.2em,0) } .mbsc-wp .mbsc-ms-item-sel .mbsc-ms-ic:before, .mbsc-wp .mbsc-btn-a .mbsc-ms-ic:before { background: #fff; color: #1f1f1f } .mbsc-wp.mbsc-ms-icons .mbsc-ms-item { font-size: .625em; color: #fff } .mbsc-wp.mbsc-ms-icons .mbsc-ms-item-i { min-width: 6em; padding: .5em } .mbsc-wp .mbsc-ms-item-sel { color: #fff } .mbsc-material.mbsc-ms-c { background: #eee; color: #5b5b5b } .mbsc-material .mbsc-ms-item { overflow: hidden; font-size: 1em } .mbsc-material.mbsc-ms-icons .mbsc-ms-item { font-size: .75em } .mbsc-material .mbsc-btn-a .mbsc-ms-item-i { background: rgba(0,0,0,.1) } .mbsc-material.mbsc-ms-b .mbsc-ms-item-i { border: 2px solid transparent; border-width: 2px 0 } .mbsc-material.mbsc-ms-b.mbsc-ms-top { border-bottom: 1px solid #009688 } .mbsc-material.mbsc-ms-b.mbsc-ms-bottom { border-top: 1px solid #009688 } .mbsc-material.mbsc-ms-b .mbsc-ms-item-sel .mbsc-ms-item-i { border-bottom-color: #009688; color: #009688 } .mbsc-material.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item-sel .mbsc-ms-item-i { border-top-color: #009688; border-bottom-color: transparent } .mbsc-material.mbsc-ms-a .mbsc-ms-item-sel .mbsc-ms-item-i { color: #009688 } .mbsc-ios.mbsc-ms-c { background: #f7f7f7; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #888 } .mbsc-ios.mbsc-ms-top { border-top: 0 } .mbsc-ios.mbsc-ms-bottom { border-bottom: 0 } .mbsc-ios .mbsc-ms-item { font-size: 1em } .mbsc-ios.mbsc-ms-icons .mbsc-ms-item { font-size: .75em } .mbsc-ios.mbsc-ms-icons.mbsc-ms-txt .mbsc-ms-item-i-c { padding-bottom: .25em } .mbsc-ios.mbsc-ms-nosel .mbsc-ms-item, .mbsc-ios .mbsc-ms-item-sel { color: #007aff } .mbsc-ios.mbsc-ms-nosel .mbsc-btn-a .mbsc-ms-item-i { opacity: .5 } .mbsc-bootstrap.mbsc-ms-c { display: block; padding: 0; border-radius: 0; border-width: 1px 0; max-width: none; -webkit-box-shadow: none; box-shadow: none } .mbsc-bootstrap.mbsc-ms-inline { z-index: 0 } .mbsc-bootstrap.mbsc-ms-top { bottom: auto; border-top-width: 0 } .mbsc-bootstrap.mbsc-ms-bottom { top: auto; border-bottom-width: 0 } .mbsc-bootstrap.mbsc-ms-c .mbsc-ms-item { float: none; margin: 0; border-width: 0 0 0 1px; border-radius: 0 } .mbsc-bootstrap.mbsc-ms-ltr .mbsc-ms-item:first-child, .mbsc-bootstrap.mbsc-ms-rtl .mbsc-ms-item:last-child { border: 0 } .mbsc-rating .mbsc-ltr .mbsc-sc-itm { text-align: left } .mbsc-rating .mbsc-rtl .mbsc-sc-itm { text-align: right } .mbsc-rating-txt { padding-left: 5px; margin-top: -0.1em } .mbsc-rating-icon { display: inline-block; width: 1.8em; text-align: center; font-size: 22px; vertical-align: top; color: #e9bb2f } .mbsc-rating-icon-unf { color: #eee } .mbsc-rating-circle { display: inline-block; background: #959595; text-align: center; padding: 0; margin: 0 7px; width: 26px; height: 26px; font-family: Verdana; font-size: 16px; line-height: 26px; vertical-align: top; border-radius: 20px; position: relative; top: 50%; margin-top: -13px } .mbsc-rating-circle-unf { background: #5d5d5d } .mbsc-mobiscroll .mbsc-rating-icon { color: #4eccc4 } .mbsc-mobiscroll .mbsc-rating-icon-unf { color: rgba(78,204,196,.3) } .mbsc-mobiscroll .mbsc-rating-circle { background: #4eccc4; color: #f7f7f7 } .mbsc-mobiscroll .mbsc-rating-circle-unf { background: 0; width: 24px; height: 24px; border: 1px solid #4eccc4 } .mbsc-android-holo .mbsc-rating-icon { color: #31b6e7 } .mbsc-android-holo .mbsc-rating-icon-same { opacity: .3 } .mbsc-android-holo .mbsc-rating-circle { color: #000; background: #999 } .mbsc-android-holo .mbsc-rating-circle-unf { background: #636363 } .mbsc-android-holo-light .mbsc-rating-circle { color: #fff } .mbsc-ios .mbsc-rating-icon-unf { color: #d5d5d5 } .mbsc-ios .mbsc-rating-circle { background: #0c80fe; width: 2em; height: 2em; font-size: .545454em; line-height: 2em; color: #fff } .mbsc-ios .mbsc-rating-circle-unf { background: 0; width: 1.833333em; height: 1.833333em; border: 1px solid #0c80fe } .mbsc-wp .mbsc-rating-icon { color: #fff; vertical-align: middle } .mbsc-wp .mbsc-rating-txt { display: inline-block; vertical-align: middle } .mbsc-wp .mbsc-rating-icon-same { opacity: .3 } .mbsc-wp .mbsc-rating-circle { width: 24px; height: 24px; margin-top: -12px; background: #fff; font-size: 11px; line-height: 24px; color: #000 } .mbsc-wp .mbsc-rating-circle-unf { background: #646464 } .mbsc-wp-light .mbsc-rating-icon { color: #000 } .mbsc-wp-light .mbsc-rating-circle { background: #000; color: #fff } .mbsc-wp-light .mbsc-rating-circle-unf { background: #646464 } .mbsc-material .mbsc-rating-icon { width: 1.4285em; color: #009688; font-size: 1.2729em } .mbsc-material .mbsc-rating-icon-unf { opacity: .5 } .mbsc-material .mbsc-rating-circle { background: #009688; color: #eee } .mbsc-material .mbsc-rating-circle-unf { background: 0; width: 22px; height: 22px; border: 2px solid #009688 } .mbsc-ltr .mbsc-img-w { text-align: left } .mbsc-ltr .mbsc-img-txt { margin: 0 0 0 .5em } .mbsc-rtl .mbsc-img-w { text-align: right } .mbsc-rtl .mbsc-img-txt { margin: 0 .5em 0 0 } .mbsc-img-w .mbsc-ic { display: inline-block; margin: 0 .5em } .mbsc-img-txt { display: inline-block } .mbsc-img-c { min-width: 50px; height: 28px; margin-top: -2px; display: inline-block; text-align: center; vertical-align: middle; line-height: normal } .mbsc-img { max-height: 28px } .mbsc-ts .mbsc-ts-lbl { display: none } .mbsc-android-holo.mbsc-ts .mbsc-fr-hdr { font-size: 16px } .mbsc-ios.mbsc-ts .mbsc-sc-lbl-v .mbsc-ts-lbl { display: inline; visibility: hidden; padding-left: .5em; font-size: .909090em; text-transform: lowercase } .mbsc-ios.mbsc-ts .mbsc-sc-whl-gr { padding: .833333em 0 } .mbsc-ios.mbsc-ts .mbsc-sc-lbl { padding: 0 .55em; margin-top: -.75em; left: auto; top: 50%; right: 0; width: auto; z-index: 3; color: #007aff; font-size: 1.666667em; line-height: 1.5em; text-transform: lowercase } .mbsc-wp.mbsc-ts .mbsc-sc-whl-gr { padding: 0 } .mbsc-wp.mbsc-ts .mbsc-sc-lbl { z-index: 3; top: 50%; right: auto; width: auto; height: auto; margin: 1.545454em 0 0 .818181em; color: #fff; line-height: 1.636363em; font-size: .6875em } .mbsc-wp.mbsc-ts .mbsc-sc-whl-anim .mbsc-sc-lbl { display: none } .mbsc-material .mbsc-ripple, .mbsc-lv-material .mbsc-ripple { position: absolute; top: 0; left: 0; opacity: 0; border-radius: 1000em; background: #000; pointer-events: none; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .8s cubic-bezier(0.25,0.8,0.25,1),opacity .8s cubic-bezier(0.25,0.8,0.25,1); -moz-transition: -moz-transform .8s cubic-bezier(0.25,0.8,0.25,1),opacity .8s cubic-bezier(0.25,0.8,0.25,1); transition: transform .8s cubic-bezier(0.25,0.8,0.25,1),opacity .8s cubic-bezier(0.25,0.8,0.25,1) } .mbsc-material .mbsc-ripple-scaled, .mbsc-lv-material .mbsc-ripple-scaled { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1) } .mbsc-material .mbsc-ripple-visible, .mbsc-lv-material .mbsc-ripple-visible { opacity: .1 } .mbsc-anim-trans .mbsc-fr-persp { overflow: hidden; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px } .mbsc-anim-trans .mbsc-fr-popup, .mbsc-anim-trans .mbsc-fr-overlay { -webkit-animation-fill-mode: forwards; -webkit-animation-duration: 200ms; -moz-animation-fill-mode: forwards; -moz-animation-duration: 200ms; animation-fill-mode: forwards; animation-duration: 200ms } .mbsc-anim-trans .mbsc-fr-overlay { -webkit-backface-visibility: hidden } .mbsc-anim-in .mbsc-fr-popup { -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 225ms; -moz-animation-timing-function: ease-out; -moz-animation-duration: 225ms; animation-timing-function: ease-out; animation-duration: 225ms } .mbsc-anim-out .mbsc-fr-popup { -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 195ms; -moz-animation-timing-function: ease-in; -moz-animation-duration: 195ms; animation-timing-function: ease-in; animation-duration: 195ms } .mbsc-anim-in .mbsc-fr-overlay { -webkit-animation-name: mbsc-anim-f-in; -moz-animation-name: mbsc-anim-f-in; animation-name: mbsc-anim-f-in } .mbsc-anim-out .mbsc-fr-overlay { -webkit-animation-name: mbsc-anim-f-out; -moz-animation-name: mbsc-anim-f-out; animation-name: mbsc-anim-f-out } .mbsc-anim-flip, .mbsc-anim-swing, .mbsc-anim-slidehorizontal, .mbsc-anim-slidevertical, .mbsc-anim-slidedown, .mbsc-anim-slideup, .mbsc-anim-fade { -webkit-backface-visibility: hidden; -webkit-transform: translateX(0); -moz-backface-visibility: hidden; -moz-transform: translateX(0); backface-visibility: hidden; transform: translateX(0) } .mbsc-anim-swing, .mbsc-anim-slidehorizontal, .mbsc-anim-slidevertical, .mbsc-anim-slidedown, .mbsc-anim-slideup, .mbsc-anim-fade { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0 } .mbsc-anim-flip, .mbsc-anim-pop { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform-origin: 50% 50% } .mbsc-anim-in .mbsc-anim-pop { opacity: 1; -webkit-animation-name: mbsc-anim-p-in; -webkit-transform: scale(1); -moz-animation-name: mbsc-anim-p-in; -moz-transform: scale(1); transform: scale(1); animation-name: mbsc-anim-p-in } .mbsc-anim-out .mbsc-anim-pop { opacity: 0; -webkit-animation-name: mbsc-anim-p-out; -moz-animation-name: mbsc-anim-p-out; animation-name: mbsc-anim-p-out } .mbsc-anim-in .mbsc-anim-flip { opacity: 1; -webkit-animation-name: mbsc-anim-fl-in; -webkit-transform: scale(1); -moz-animation-name: mbsc-anim-fl-in; -moz-transform: scale(1); animation-name: mbsc-anim-fl-in; transform: scale(1) } .mbsc-anim-out .mbsc-anim-flip { opacity: 0; animation-name: mbsc-anim-fl-out; -webkit-animation-name: mbsc-anim-fl-out; -moz-animation-name: mbsc-anim-fl-out } .mbsc-anim-in .mbsc-anim-swing { opacity: 1; -webkit-animation-name: mbsc-anim-sw-in; -webkit-transform: scale(1); -moz-animation-name: mbsc-anim-sw-in; -moz-transform: scale(1); transform: scale(1); animation-name: mbsc-anim-sw-in } .mbsc-anim-out .mbsc-anim-swing { opacity: 0; -webkit-animation-name: mbsc-anim-sw-out; -moz-animation-name: mbsc-anim-sw-out; animation-name: mbsc-anim-sw-out } .mbsc-anim-in .mbsc-anim-slidehorizontal { opacity: 1; -webkit-animation-name: mbsc-anim-sh-in; -webkit-transform: scale(1); -moz-animation-name: mbsc-anim-sh-in; -moz-transform: scale(1); transform: scale(1); animation-name: mbsc-anim-sh-in } .mbsc-anim-out .mbsc-anim-slidehorizontal { opacity: 0; -webkit-animation-name: mbsc-anim-sh-out; -moz-animation-name: mbsc-anim-sh-out; animation-name: mbsc-anim-sh-out } .mbsc-anim-in .mbsc-anim-slidevertical { opacity: 1; -webkit-animation-name: mbsc-anim-sv-in; -webkit-transform: scale(1); -moz-animation-name: mbsc-anim-sv-in; -moz-transform: scale(1); animation-name: mbsc-anim-sv-in; transform: scale(1) } .mbsc-anim-out .mbsc-anim-slidevertical { opacity: 0; -webkit-animation-name: mbsc-anim-sv-out; -moz-animation-name: mbsc-anim-sv-out; animation-name: mbsc-anim-sv-out } .mbsc-anim-in .mbsc-anim-slidedown { -webkit-animation-name: mbsc-anim-sd-in; -webkit-transform: scale(1); -moz-animation-name: mbsc-anim-sd-in; -moz-transform: scale(1); animation-name: mbsc-anim-sd-in; transform: scale(1) } .mbsc-anim-out .mbsc-anim-slidedown { animation-name: mbsc-anim-sd-out; -webkit-animation-name: mbsc-anim-sd-out; -webkit-transform: translateY(-100%); -moz-animation-name: mbsc-anim-sd-out; -moz-transform: translateY(-100%) } .mbsc-anim-in .mbsc-anim-slideup { -webkit-animation-name: mbsc-anim-su-in; -webkit-transform: scale(1); -moz-animation-name: mbsc-anim-su-in; -moz-transform: scale(1); transform: scale(1); animation-name: mbsc-anim-su-in } .mbsc-anim-out .mbsc-anim-slideup { animation-name: mbsc-anim-su-out; -webkit-animation-name: mbsc-anim-su-out; -webkit-transform: translateY(100%); -moz-animation-name: mbsc-anim-su-out; -moz-transform: translateY(100%) } .mbsc-anim-in .mbsc-anim-fade { opacity: 1; -webkit-animation-name: mbsc-anim-f-in; -moz-animation-name: mbsc-anim-f-in; animation-name: mbsc-anim-f-in } .mbsc-anim-out .mbsc-anim-fade { opacity: 0; -webkit-animation-name: mbsc-anim-f-out; -moz-animation-name: mbsc-anim-f-out; animation-name: mbsc-anim-f-out } @keyframes mbsc-anim-f-in { from { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes mbsc-anim-f-in { from { opacity: 0 } to { opacity: 1 } } @-moz-keyframes mbsc-anim-f-in { from { opacity: 0 } to { opacity: 1 } } @keyframes mbsc-anim-f-out { from { visibility: visible; opacity: 1 } to { opacity: 0 } } @-webkit-keyframes mbsc-anim-f-out { from { visibility: visible; opacity: 1 } to { opacity: 0 } } @-moz-keyframes mbsc-anim-f-out { from { visibility: visible; opacity: 1 } to { opacity: 0 } } @keyframes mbsc-anim-p-in { from { opacity: 0; transform: scale(0.8) } to { opacity: 1; transform: scale(1) } } @-webkit-keyframes mbsc-anim-p-in { from { opacity: 0; -webkit-transform: scale(0.8) } to { opacity: 1; -webkit-transform: scale(1) } } @-moz-keyframes mbsc-anim-p-in { from { opacity: 0; -moz-transform: scale(0.8) } to { opacity: 1; -moz-transform: scale(1) } } @keyframes mbsc-anim-p-out { from { opacity: 1; transform: scale(1) } to { opacity: 0; transform: scale(0.8) } } @-webkit-keyframes mbsc-anim-p-out { from { opacity: 1; -webkit-transform: scale(1) } to { opacity: 0; -webkit-transform: scale(0.8) } } @-moz-keyframes mbsc-anim-p-out { from { opacity: 1; -moz-transform: scale(1) } to { opacity: 0; -moz-transform: scale(0.8) } } @keyframes mbsc-anim-fl-in { from { opacity: 0; transform: rotateY(90deg) } to { opacity: 1; transform: rotateY(0) } } @-webkit-keyframes mbsc-anim-fl-in { from { opacity: 0; -webkit-transform: rotateY(90deg) } to { opacity: 1; -webkit-transform: rotateY(0) } } @-moz-keyframes mbsc-anim-fl-in { from { opacity: 0; -moz-transform: rotateY(90deg) } to { opacity: 1; -moz-transform: rotateY(0) } } @keyframes mbsc-anim-fl-out { from { opacity: 1; transform: rotateY(0deg) } to { opacity: 0; transform: rotateY(-90deg) } } @-webkit-keyframes mbsc-anim-fl-out { from { opacity: 1; -webkit-transform: rotateY(0deg) } to { opacity: 0; -webkit-transform: rotateY(-90deg) } } @-moz-keyframes mbsc-anim-fl-out { from { opacity: 1; -moz-transform: rotateY(0deg) } to { opacity: 0; -moz-transform: rotateY(-90deg) } } @keyframes mbsc-anim-sw-in { from { opacity: 0; transform: rotateY(-90deg) } to { opacity: 1; transform: rotateY(0deg) } } @-webkit-keyframes mbsc-anim-sw-in { from { opacity: 0; -webkit-transform: rotateY(-90deg) } to { opacity: 1; -webkit-transform: rotateY(0deg) } } @-moz-keyframes mbsc-anim-sw-in { from { opacity: 0; -moz-transform: rotateY(-90deg) } to { opacity: 1; -moz-transform: rotateY(0deg) } } @keyframes mbsc-anim-sw-out { from { opacity: 1; transform: rotateY(0deg) } to { opacity: 0; transform: rotateY(-90deg) } } @-webkit-keyframes mbsc-anim-sw-out { from { opacity: 1; -webkit-transform: rotateY(0deg) } to { opacity: 0; -webkit-transform: rotateY(-90deg) } } @-moz-keyframes mbsc-anim-sw-out { from { opacity: 1; -moz-transform: rotateY(0deg) } to { opacity: 0; -moz-transform: rotateY(-90deg) } } @keyframes mbsc-anim-sh-in { from { opacity: 0; transform: translateX(-100%) } to { opacity: 1; transform: translateX(0) } } @-webkit-keyframes mbsc-anim-sh-in { from { opacity: 0; -webkit-transform: translateX(-100%) } to { opacity: 1; -webkit-transform: translateX(0) } } @-moz-keyframes mbsc-anim-sh-in { from { opacity: 0; -moz-transform: translateX(-100%) } to { opacity: 1; -moz-transform: translateX(0) } } @keyframes mbsc-anim-sh-out { from { opacity: 1; transform: translateX(0) } to { opacity: 0; transform: translateX(100%) } } @-webkit-keyframes mbsc-anim-sh-out { from { opacity: 1; -webkit-transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(100%) } } @-moz-keyframes mbsc-anim-sh-out { from { opacity: 1; -moz-transform: translateX(0) } to { opacity: 0; -moz-transform: translateX(100%) } } @keyframes mbsc-anim-sv-in { from { opacity: 0; transform: translateY(-100%) } to { opacity: 1; transform: translateY(0) } } @-webkit-keyframes mbsc-anim-sv-in { from { opacity: 0; -webkit-transform: translateY(-100%) } to { opacity: 1; -webkit-transform: translateY(0) } } @-moz-keyframes mbsc-anim-sv-in { from { opacity: 0; -moz-transform: translateY(-100%) } to { opacity: 1; -moz-transform: translateY(0) } } @keyframes mbsc-anim-sv-out { from { opacity: 1; transform: translateY(0) } to { opacity: 0; transform: translateY(100%) } } @-webkit-keyframes mbsc-anim-sv-out { from { opacity: 1; -webkit-transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(100%) } } @-moz-keyframes mbsc-anim-sv-out { from { opacity: 1; -moz-transform: translateY(0) } to { opacity: 0; -moz-transform: translateY(100%) } } @keyframes mbsc-anim-sd-in { from { transform: translateY(-100%) } to { transform: translateY(0) } } @-webkit-keyframes mbsc-anim-sd-in { from { opacity: 1; -webkit-transform: translateY(-100%) } to { opacity: 1; -webkit-transform: translateY(0) } } @-moz-keyframes mbsc-anim-sd-in { from { -moz-transform: translateY(-100%) } to { -moz-transform: translateY(0) } } @keyframes mbsc-anim-sd-out { from { transform: translateY(0) } to { transform: translateY(-100%) } } @-webkit-keyframes mbsc-anim-sd-out { from { opacity: 1; -webkit-transform: translateY(0) } to { opacity: 1; -webkit-transform: translateY(-100%) } } @-moz-keyframes mbsc-anim-sd-out { from { -moz-transform: translateY(0) } to { -moz-transform: translateY(-100%) } } @keyframes mbsc-anim-su-in { from { transform: translateY(100%) } to { transform: translateY(0) } } @-webkit-keyframes mbsc-anim-su-in { from { opacity: 1; -webkit-transform: translateY(100%) } to { opacity: 1; -webkit-transform: translateY(0) } } @-moz-keyframes mbsc-anim-su-in { from { -moz-transform: translateY(100%) } to { -moz-transform: translateY(0) } } @keyframes mbsc-anim-su-out { from { transform: translateY(0) } to { transform: translateY(100%) } } @-webkit-keyframes mbsc-anim-su-out { from { opacity: 1; -webkit-transform: translateY(0) } to { opacity: 1; -webkit-transform: translateY(100%) } } @-moz-keyframes mbsc-anim-su-out { from { -moz-transform: translateY(0) } to { -moz-transform: translateY(100%) } } .mbsc-material-dark .mbsc-ripple, .mbsc-lv-material-dark .mbsc-ripple { background: #fff } .mbsc-material-dark .mbsc-fr-w { background: #303030; color: #c2c2c2 } .mbsc-material-dark .mbsc-fr-hdr { color: #81ccc4 } .mbsc-material-dark .mbsc-fr-btn { color: #81ccc4 } .mbsc-material-dark .mbsc-fr-btn-a { background: rgba(255,255,255,0.1) } .mbsc-material-dark .mbsc-fr-bubble-bottom .mbsc-fr-arr { border-color: transparent transparent #303030 transparent } .mbsc-material-dark .mbsc-fr-bubble-top .mbsc-fr-arr { border-color: #303030 transparent transparent transparent } .mbsc-material-dark .mbsc-sc-lbl { color: #81ccc4 } .mbsc-material-dark .mbsc-sc-itm.mbsc-btn-a { background: rgba(255,255,255,0.1) } .mbsc-material-dark .mbsc-sc-whl-l { border-color: #81ccc4 } .mbsc-material-dark .mbsc-sc-btn { color: #81ccc4; background: #303030 } .mbsc-material-dark .mbsc-sc-btn-a { background: rgba(255,255,255,0.1) } .mbsc-material-dark .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { color: #81ccc4 } .mbsc-material-dark .mbsc-rating-icon { color: #81ccc4 } .mbsc-material-dark .mbsc-rating-circle { background: #81ccc4; color: #303030 } .mbsc-material-dark .mbsc-rating-circle-unf { background: 0; border-color: #81ccc4 } .mbsc-material-dark .mbsc-np-del { color: #81ccc4 } .mbsc-material-dark .mbsc-cal-sc-c { background: #303030 } .mbsc-material-dark .mbsc-cal-btn-txt { color: #81ccc4 } .mbsc-material-dark .mbsc-cal-day-inv .mbsc-cal-day-fg { color: rgba(194,194,194,0.3) } .mbsc-material-dark .mbsc-cal .mbsc-cal-day-sel .mbsc-cal-day-fg { background: rgba(129,204,196,0.3) } .mbsc-material-dark .mbsc-cal-hl-now .mbsc-cal-today { color: #81ccc4 } .mbsc-material-dark .mbsc-cal-sc .mbsc-cal-sc-sel .mbsc-cal-sc-cell-i { background: rgba(129,204,196,0.3) } .mbsc-material-dark .mbsc-cal-week-nrs-c { color: #c2c2c2; background: #303030 } .mbsc-material-dark .mbsc-cal-tab .mbsc-cal-tab-i { color: #c2c2c2 } .mbsc-material-dark .mbsc-cal-tabs .mbsc-cal-tab-sel .mbsc-cal-tab-i { color: #81ccc4 } .mbsc-material-dark .mbsc-cal-day-m-c { background: #81ccc4 } .mbsc-material-dark .mbsc-cal-day-txt { color: #303030 } .mbsc-material-dark .mbsc-cal-events { color: #303030 } .mbsc-material-dark .mbsc-cal-event-color { background: #81ccc4 } .mbsc-material-dark .mbsc-cal-event-time, .mbsc-material-dark .mbsc-cal-event-dur { color: #303030 } .mbsc-material-dark .mbsc-cal-events-arr { border-color: #81ccc4 transparent transparent transparent } .mbsc-material-dark .mbsc-cal-events-b .mbsc-cal-events-arr { border-color: transparent transparent #81ccc4 transparent } .mbsc-material-dark .mbsc-range-btn-t { border-color: #c7c7c7 } .mbsc-material-dark .mbsc-range-btn { color: #c2c2c2 } .mbsc-material-dark .mbsc-range-btn-sel .mbsc-range-btn { border-color: #81ccc4; color: #81ccc4 } .mbsc-material-dark.mbsc-range .mbsc-cal-day-sel .mbsc-cal-day-frame { color: #c2c2c2; background: rgba(129,204,196,0.1) } .mbsc-material-dark.mbsc-range .mbsc-cal-table .mbsc-cal-day-hl .mbsc-cal-day-i .mbsc-cal-day-fg { color: #303030; background: rgba(129,204,196,0.8) } .mbsc-material-dark.mbsc-ms-c { background: #303030; color: #c2c2c2 } .mbsc-material-dark .mbsc-btn-a .mbsc-ms-item-i { background: rgba(255,255,255,0.1) } .mbsc-material-dark.mbsc-ms-b.mbsc-ms-top { border-bottom: 1px solid #81ccc4 } .mbsc-material-dark.mbsc-ms-b.mbsc-ms-bottom { border-top: 1px solid #81ccc4 } .mbsc-material-dark.mbsc-ms-b .mbsc-ms-item-sel .mbsc-ms-item-i { border-bottom-color: #81ccc4; color: #81ccc4 } .mbsc-material-dark.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item-sel .mbsc-ms-item-i { border-top-color: #81ccc4; border-bottom-color: transparent } .mbsc-material-dark.mbsc-ms-a .mbsc-ms-item-sel .mbsc-ms-item-i { color: #81ccc4 } .mbsc-lv-material-dark .mbsc-lv-item { background: #303030; color: #c2c2c2 } .mbsc-lv-material-dark .mbsc-lv-item-hl:after, .mbsc-lv-material-dark .mbsc-lv-item-active::after, .mbsc-lv-material-dark .mbsc-lv-item-dragging:after { background: rgba(255,255,255,0.1) } .mbsc-lv-material-dark.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) { background: #383838 } .mbsc-lv-material-dark .mbsc-lv-gr-title { background: #303030; color: #81ccc4 } .mbsc-lv-material-dark .mbsc-lv-arr { color: #81ccc4 } .mbsc-lv-material-dark .mbsc-lv-handle-bar { background: #81ccc4 } .mbsc-lv-material-dark p.mbsc-lv-txt { color: #dbdbdb } .mbsc-material-dark .mbsc-progress-track { background: #5c5c5c } .mbsc-material-dark .mbsc-progress-bar { background: #81ccc4 } .mbsc-material-dark .mbsc-slider-step { background: #fff } .mbsc-material-dark .mbsc-slider-handle { background: #81ccc4; border-color: #81ccc4 } .mbsc-material-dark .mbsc-slider-start .mbsc-slider-handle { border-color: #5c5c5c; background: #303030 } .mbsc-material-dark .mbsc-slider-handle:before { background: rgba(255,255,255,0.1) } .mbsc-material-dark .mbsc-slider-tooltip { color: #303030; background: #81ccc4 } .mbsc-material-dark .mbsc-slider-tooltip:before { border-top-color: #81ccc4 } .mbsc-material-dark.mbsc-slider-has-tooltip .mbsc-slider-start .mbsc-slider-tooltip { background: #5c5c5c } .mbsc-material-dark.mbsc-slider-has-tooltip .mbsc-slider-start .mbsc-slider-tooltip:before { border-top-color: #5c5c5c } .mbsc-material-dark.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-bar { background: #5c5c5c } .mbsc-material-dark.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-handle { background: #5c5c5c; border-color: #5c5c5c; -webkit-box-shadow: 0 0 0 .3125em #303030; box-shadow: 0 0 0 .3125em #303030 } .mbsc-material-dark.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-start .mbsc-slider-handle { border-color: #5c5c5c; background: #303030 } .mbsc-material-dark.mbsc-form { background-color: #303030; color: #d4d4d4 } .mbsc-material-dark.mbsc-form *::-moz-selection { background: #81ccc4 } .mbsc-material-dark.mbsc-form *::selection { background: #81ccc4 } .mbsc-material-dark .mbsc-desc { color: #d4d4d4 } .mbsc-material-dark .mbsc-divider { color: #81ccc4 } .mbsc-material-dark a { color: #81ccc4 } .mbsc-material-dark .mbsc-input textarea, .mbsc-material-dark .mbsc-input input { border-bottom: 1px solid #d4d4d4; color: #858585 } .mbsc-material-dark .mbsc-input input::-webkit-input-placeholder { color: #a8a8a8 } .mbsc-material-dark .mbsc-input input::-moz-placeholder { color: #a8a8a8 } .mbsc-material-dark .mbsc-input input:-ms-input-placeholder { color: #a8a8a8 } .mbsc-material-dark .mbsc-input select:focus ~ input, .mbsc-material-dark .mbsc-input textarea:focus, .mbsc-material-dark .mbsc-input input:focus { border-bottom: 2px solid #81ccc4 } .mbsc-material-dark .mbsc-checkbox-box:before, .mbsc-material-dark .mbsc-radio-box:before, .mbsc-material-dark .mbsc-switch-handle:before { background: rgba(255,255,255,0.1) } .mbsc-material-dark .mbsc-select .mbsc-input-wrap:after { border: 5px solid #d4d4d4; border-color: #d4d4d4 transparent transparent transparent } .mbsc-material-dark .mbsc-checkbox-box, .mbsc-material-dark .mbsc-radio-box { border-color: #d4d4d4 } .mbsc-material-dark .mbsc-checkbox-box:after { border-color: #303030 } .mbsc-material-dark .mbsc-checkbox input:checked + .mbsc-checkbox-box { background: #81ccc4; border-color: #81ccc4 } .mbsc-material-dark .mbsc-radio-box:after { background: #81ccc4 } .mbsc-material-dark .mbsc-radio input:checked + .mbsc-radio-box { border-color: #81ccc4 } .mbsc-material-dark .mbsc-btn { background: #5c5c5c; color: #fff } .mbsc-material-dark .mbsc-btn.mbsc-active { background: #737373 } .mbsc-material-dark .mbsc-btn-flat { background: transparent } .mbsc-material-dark .mbsc-btn:disabled { color: #bdbdbd } .mbsc-material-dark .mbsc-btn-flat.mbsc-active { background-color: #5c5c5c } .mbsc-material-dark .mbsc-switch-track { background: #5c5c5c } .mbsc-material-dark .mbsc-switch .mbsc-switch-handle { background: #b8b8b8 } .mbsc-material-dark .mbsc-switch input:checked + .mbsc-switch-track { background-color: rgba(129,204,196,0.3) } .mbsc-material-dark .mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle { background: #81ccc4 } .mbsc-material-dark .mbsc-switch input:disabled + .mbsc-switch-track { background: #5c5c5c } .mbsc-material-dark .mbsc-switch input:disabled + .mbsc-switch-track .mbsc-switch-handle { background: #595959 } .mbsc-material-dark .mbsc-segmented-content { border-color: #81ccc4; color: #fff } .mbsc-material-dark .mbsc-segmented input:checked + .mbsc-segmented-content, .mbsc-material-dark .mbsc-segmented input:checked ~ .mbsc-segmented-content { background: #81ccc4; color: #303030 } .mbsc-material-dark .mbsc-segmented input.mbsc-active + .mbsc-segmented-content, .mbsc-material-dark .mbsc-segmented .mbsc-active .mbsc-segmented-content { background: #737373; color: #fff } .mbsc-material-dark .mbsc-segmented input:disabled + .mbsc-segmented-content { color: #bdbdbd; border-color: #5c5c5c } .mbsc-material-dark .mbsc-segmented input:disabled:checked + .mbsc-segmented-content { background: #5c5c5c; color: #bdbdbd; border-color: #5c5c5c } .mbsc-material-dark .mbsc-stepper .mbsc-segmented-content { border-color: #5c5c5c } .mbsc-material-dark .mbsc-stepper-control .mbsc-segmented-content { background: #5c5c5c } .mbsc-material-dark .mbsc-stepper input { color: #fff } .mbsc-material-dark .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-material-dark .mbsc-segmented .mbsc-step-disabled .mbsc-segmented-content { background: #5c5c5c; color: #bdbdbd } .mbsc-material-dark .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-stepper-val { border-color: #5c5c5c; background: #303030 } .mbsc-material-dark .mbsc-stepper input:disabled { color: #5c5c5c; -webkit-text-fill-color: #5c5c5c } .mbsc-android-holo-light .mbsc-fr-w, .mbsc-android-holo-light .mbsc-cal-sc-c { background: #f5f5f5 } .mbsc-android-holo-light .mbsc-fr-w, .mbsc-android-holo-light .mbsc-fr-btn, .mbsc-android-holo-light .mbsc-sc-itm, .mbsc-android-holo-light .mbsc-range-btn, .mbsc-android-holo-light .mbsc-cal-tabs .mbsc-cal-tab-i { color: #000 } .mbsc-android-holo-light .mbsc-fr-hdr { color: #31b7e8; border-color: #31b7e8 } .mbsc-android-holo-light .mbsc-sc-itm.mbsc-btn-a { background: rgba(49,183,232,0.5) } .mbsc-android-holo-light .mbsc-sc-btn { color: #7d7d7d; background: #f5f5f5 } .mbsc-android-holo-light .mbsc-sc-btn-a { color: #319abd; background: #f5f5f5 } .mbsc-android-holo-light .mbsc-sc-whl-l { border-color: #31b7e8 } .mbsc-android-holo-light .mbsc-fr-btn-a { background: #28799c; color: black } .mbsc-android-holo-light .mbsc-sc-whl-multi .mbsc-sc-itm:after { border-color: #d9d4d4 } .mbsc-android-holo-light .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { color: #31b7e8; text-shadow: 0 0 5px #28799c } .mbsc-android-holo-light .mbsc-sc-whl-o { background: -webkit-gradient(linear,left bottom,left top,from(#f5f5f5),color-stop(0.52,rgba(245,245,245,0)),color-stop(0.48,rgba(245,245,245,0)),to(#f5f5f5)); background: -webkit-linear-gradient(#f5f5f5,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#f5f5f5); background: linear-gradient(#f5f5f5,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#f5f5f5) } .mbsc-android-holo-light .mbsc-fr-btn-cont, .mbsc-android-holo-light .mbsc-fr-btn-w .mbsc-fr-btn { border-color: #d9d4d4 } .mbsc-android-holo-light .mbsc-fr-bubble-bottom .mbsc-fr-arr { border-color: transparent transparent #f5f5f5 transparent } .mbsc-android-holo-light .mbsc-fr-bubble-top .mbsc-fr-arr { border-color: #f5f5f5 transparent transparent transparent } .mbsc-android-holo-light .mbsc-cal-day-m-c { background: #31b7e8 } .mbsc-android-holo-light .mbsc-cal .mbsc-cal-sc-sel .mbsc-cal-sc-cell-i, .mbsc-android-holo-light .mbsc-cal .mbsc-cal-day-sel .mbsc-cal-day-i { background: #31b7e8; background: rgba(49,183,232,0.5) } .mbsc-android-holo-light .mbsc-cal-hl-now .mbsc-cal-today { color: #31b7e8 } .mbsc-android-holo-light .mbsc-fr-btn-a .mbsc-cal-btn-txt { color: #319abd } .mbsc-android-holo-light .mbsc-cal-tabs .mbsc-range-btn-sel, .mbsc-android-holo-light .mbsc-cal-tabs .mbsc-cal-tab-sel { border-bottom: 5px solid #31b7e8 } .mbsc-android-holo-light .mbsc-cal-event-color { background: #31b7e8 } .mbsc-android-holo-light .mbsc-cal .mbsc-cal-day-hl .mbsc-cal-day-i { background: #31b7e8; color: white } .mbsc-android-holo-light .mbsc-cal-tabs { background: #e6e6e6 } .mbsc-android-holo-light .mbsc-cal-tab { border-color: #e6e6e6 } .mbsc-android-holo-light .mbsc-cal-tabs .mbsc-cal-tab-i, .mbsc-android-holo-light .mbsc-cal-day, .mbsc-android-holo-light .mbsc-cal-sc-m-cell { border-color: #d9d9d9 } .mbsc-android-holo-light .mbsc-cal-btn-txt { color: #7d7d7d } .mbsc-android-holo-light .mbsc-cal-week-nrs-c { background: #f5f5f5 } .mbsc-android-holo-light .mbsc-cal-week-nr-i { border-color: #d9d9d9; color: #7d7d7d } .mbsc-android-holo-light .mbsc-cal th { color: #7d7d7d } .mbsc-android-holo-light .mbsc-cal-events { background: rgba(0,0,0,0.8) } .mbsc-android-holo-light .mbsc-cal-events-arr { border-color: rgba(0,0,0,0.8) transparent transparent } .mbsc-android-holo-light .mbsc-cal-events-b .mbsc-cal-events-arr { border-color: transparent transparent rgba(0,0,0,0.8) } .mbsc-android-holo-light .mbsc-cal-event { background: #7d7d7d; color: white } .mbsc-android-holo-light .mbsc-range-btn { background: #d9d9d9 } .mbsc-android-holo-light .mbsc-range-btn-sel .mbsc-range-btn { background: #31b7e8; color: white } .mbsc-android-holo-light.mbsc-timer .mbsc-sc-lbl { color: #31b7e8 } .mbsc-android-holo-light .mbsc-rating-icon { color: #31b7e8 } .mbsc-android-holo-light .mbsc-np-hdr { border-color: #d9d9d9 } .mbsc-lv-android-holo-light .mbsc-lv { background: #dbdbdb } .mbsc-lv-android-holo-light .mbsc-lv .mbsc-lv-item.mbsc-lv-item-dragging { background: #31b7e8; background: rgba(49,183,232,0.5); border-color: rgba(49,183,232,0.5) } .mbsc-lv-android-holo-light .mbsc-lv-item, .mbsc-lv-android-holo-light .mbsc-lv-gr-title { background: #f5f5f5; color: #000 } .mbsc-lv-android-holo-light.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) { background: #ededed } .mbsc-lv-android-holo-light .mbsc-lv-item { border-color: #dbdbdb } .mbsc-lv-android-holo-light .mbsc-lv-gr-title { border-color: #dbdbdb } .mbsc-lv-android-holo-light .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active { background: #dbdbdb } .mbsc-lv-android-holo-light .mbsc-lv-handle-bar-c, .mbsc-lv-android-holo-light.mbsc-lv-handle-left .mbsc-lv-handle-bar-c { border-color: #b3b3b3 } .mbsc-lv-android-holo-light .mbsc-lv-handle-bar { background: #b3b3b3 } .mbsc-android-holo-light.mbsc-ms-c { color: #000; background: #f5f5f5 } .mbsc-android-holo-light.mbsc-ms-a .mbsc-ms-item-sel .mbsc-ms-item-i { color: #31b7e8 } .mbsc-android-holo-light.mbsc-ms-b.mbsc-ms-top { border-color: #31b7e8 } .mbsc-android-holo-light.mbsc-ms-b.mbsc-ms-bottom { border-color: #31b7e8 } .mbsc-android-holo-light.mbsc-ms-b .mbsc-ms-item-sel .mbsc-ms-item-i { border-bottom-color: #31b7e8 } .mbsc-android-holo-light.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item-sel .mbsc-ms-item-i { border-top-color: #31b7e8 } .mbsc-android-holo-light.mbsc-ms-b .mbsc-ms-item-i-c { border-color: #d9d9d9 } .mbsc-android-holo-light .mbsc-btn-a .mbsc-ms-item-i { background: #28799c } .mbsc-android-holo-light .mbsc-progress-track { background: #d9d4d4 } .mbsc-android-holo-light .mbsc-progress-bar { background: #31b7e8 } .mbsc-android-holo-light .mbsc-slider-step { background: #000 } .mbsc-android-holo-light .mbsc-slider-handle { background: #31b7e8 } .mbsc-android-holo-light .mbsc-slider-handle.mbsc-active { background: #000 } .mbsc-android-holo-light .mbsc-slider-handle:after { background: rgba(49,183,232,0.3) } .mbsc-android-holo-light .mbsc-slider-handle:focus:after, .mbsc-android-holo-light .mbsc-active .mbsc-slider-handle:after { border-color: #28799c } .mbsc-android-holo-light .mbsc-slider-tooltip { color: #000; background: #f5f5f5 } .mbsc-android-holo-light.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { background: #4d4d4d } .mbsc-android-holo-light.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-handle { background: #000 } .mbsc-android-holo-light.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-bar { background: #a8a8a8 } .mbsc-android-holo-light.mbsc-form { background: #f5f5f5; color: #000 } .mbsc-android-holo-light .mbsc-desc { color: #a1a1a1 } .mbsc-android-holo-light .mbsc-input select, .mbsc-android-holo-light .mbsc-input textarea, .mbsc-android-holo-light .mbsc-input input { background: #f5f5f5; outline-color: #f5f5f5; color: #000; border-color: #a8a8a8 } .mbsc-android-holo-light.mbsc-wdg .mbsc-input textarea, .mbsc-android-holo-light.mbsc-wdg .mbsc-input input, .mbsc-lv-android-holo-light .mbsc-input textarea, .mbsc-lv-android-holo-light .mbsc-input input { background: #f5f5f5; outline-color: #f5f5f5 } .mbsc-android-holo-light .mbsc-select .mbsc-input-wrap .mbsc-select-ic { border-color: transparent #a8a8a8 #a8a8a8 transparent } .mbsc-android-holo-light .mbsc-input textarea:-webkit-autofill, .mbsc-android-holo-light .mbsc-input input:-webkit-autofill { box-shadow: 0 0 0 50em #f5f5f5 inset; -webkit-text-fill-color: #000 } .mbsc-android-holo-light .mbsc-radio-box, .mbsc-android-holo-light .mbsc-checkbox-box { border-color: #4d4d4d } .mbsc-android-holo-light .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box:before, .mbsc-android-holo-light .mbsc-radio input.mbsc-active + .mbsc-radio-box:before { background: rgba(150,150,150,0.2) } .mbsc-android-holo-light .mbsc-btn { border-color: #d4d4d4; border-top: 0; background: #d4d4d4; color: #000 } .mbsc-android-holo-light .mbsc-btn.mbsc-active { background: #c2c2c2 } .mbsc-android-holo-light .mbsc-btn-flat { background: transparent; border-color: transparent; color: #000 } .mbsc-android-holo-light .mbsc-btn-flat.mbsc-active { background: transparent; border-color: transparent } .mbsc-android-holo-light .mbsc-btn:not(.mbsc-btn-flat) { border-color: #d4d4d4; background: #d4d4d4; color: #000 } .mbsc-android-holo-light .mbsc-btn-flat:disabled { color: #000 } .mbsc-android-holo-light .mbsc-btn:disabled { background: #e6e6e6; color: #b5b5b5 } .mbsc-android-holo-light.mbsc-form *::-moz-selection { background: #31b7e8 } .mbsc-android-holo-light.mbsc-form *::selection { background: #31b7e8 } .mbsc-android-holo-light .mbsc-divider { border-bottom: 1px solid #31b7e8; color: #31b7e8 } .mbsc-android-holo-light a { color: #31b7e8 } .mbsc-android-holo-light .mbsc-input select:focus + input, .mbsc-android-holo-light .mbsc-input textarea:focus, .mbsc-android-holo-light .mbsc-input input:focus { border-color: #31b7e8 } .mbsc-android-holo-light .mbsc-input .mbsc-control:focus ~ .mbsc-select-ic { border-color: transparent #31b7e8 #31b7e8 transparent } .mbsc-android-holo-light .mbsc-checkbox-box:after { border: 3px solid #31b7e8; border-top: 0; border-right: 0 } .mbsc-android-holo-light .mbsc-radio-box:after { background: #31b7e8 } .mbsc-android-holo-light .mbsc-switch-handle { color: #fff; background: #c9c9c9 } .mbsc-android-holo-light .mbsc-switch .mbsc-switch-track { background: #d9d9d9 } .mbsc-android-holo-light .mbsc-switch input:checked:not(:disabled) + .mbsc-switch-track .mbsc-switch-handle { background: #31b7e8; background: rgba(49,183,232,0.7) } .mbsc-android-holo-light .mbsc-segmented-content { border-color: #31b7e8 } .mbsc-android-holo-light .mbsc-segmented input:checked + .mbsc-segmented-content { background: #31b7e8 } .mbsc-android-holo-light .mbsc-segmented input.mbsc-active + .mbsc-segmented-content { background: rgba(49,183,232,0.35) } .mbsc-android-holo-light .mbsc-stepper .mbsc-segmented-content { border-color: #d4d4d4 } .mbsc-android-holo-light .mbsc-stepper .mbsc-stepper-val { background: #999; border-color: #999; color: #f5f5f5 } .mbsc-android-holo-light .mbsc-stepper-control .mbsc-segmented-content { background: #d4d4d4 } .mbsc-android-holo-light .mbsc-stepper .mbsc-active .mbsc-segmented-content { background: #c2c2c2; border-color: #c2c2c2 } .mbsc-android-holo-light .mbsc-segmented input:disabled + .mbsc-segmented-content { border-color: #d4d4d4; color: #000 } .mbsc-android-holo-light .mbsc-segmented input:disabled:checked + .mbsc-segmented-content, .mbsc-android-holo-light .mbsc-step-disabled .mbsc-segmented-content { background: #d4d4d4; border-color: #d4d4d4; color: #000 } .mbsc-android-holo-light .mbsc-stepper input:disabled ~ .mbsc-segmented-item .mbsc-stepper-val { background: #f5f5f5 } .mbsc-android-holo-light .mbsc-segmented input:disabled:checked + .mbsc-segmented-content, .mbsc-android-holo-light .mbsc-stepper input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-android-holo-light .mbsc-stepper .mbsc-step-disabled .mbsc-segmented-content { background: #e6e6e6; color: #b5b5b5 } .mbsc-android-holo-light .mbsc-stepper input:disabled { color: #b5b5b5; -webkit-text-fill-color: #b5b5b5 } .mbsc-android-holo-light .mbsc-stepper input { color: #f5f5f5 } .mbsc-android-holo-light .mbsc-stepper-val-left input, .mbsc-android-holo-light .mbsc-stepper-val-right input { color: #000 } .mbsc-mobiscroll-dark .mbsc-fr-w { background: #263238; color: #f7f7f7 } .mbsc-mobiscroll-dark .mbsc-fr-hdr, .mbsc-mobiscroll-dark .mbsc-sc-lbl { color: #50ccc4 } .mbsc-mobiscroll-dark .mbsc-sc-whl-l { border-color: #50ccc4 } .mbsc-mobiscroll-dark .mbsc-fr-btn-a { background: rgba(80,204,196,0.3) } .mbsc-mobiscroll-dark .mbsc-sc-itm.mbsc-btn-a { background: rgba(80,204,196,0.3) } .mbsc-mobiscroll-dark .mbsc-fr-btn { color: #50ccc4 } .mbsc-mobiscroll-dark .mbsc-sc-btn { color: #50ccc4; background: #263238 } .mbsc-mobiscroll-dark .mbsc-sc-btn-a:before { background: rgba(80,204,196,0.3) } .mbsc-mobiscroll-dark .mbsc-fr-bubble-bottom .mbsc-fr-arr { border-color: transparent transparent #263238 transparent } .mbsc-mobiscroll-dark .mbsc-fr-bubble-top .mbsc-fr-arr { border-color: #263238 transparent transparent transparent } .mbsc-mobiscroll-dark .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { color: #50ccc4 } .mbsc-mobiscroll-dark .mbsc-cal .mbsc-cal-day-sel .mbsc-cal-day-i, .mbsc-mobiscroll-dark .mbsc-cal .mbsc-cal-sc-sel .mbsc-cal-sc-cell-i { background: #50ccc4; color: #263238 } .mbsc-mobiscroll-dark .mbsc-cal-hl-now .mbsc-cal-today { color: #50ccc4 } .mbsc-mobiscroll-dark .mbsc-cal-days { color: #50ccc4 } .mbsc-mobiscroll-dark .mbsc-cal-days th { border-color: #50ccc4 } .mbsc-mobiscroll-dark .mbsc-cal-btn-txt { color: #50ccc4 } .mbsc-mobiscroll-dark .mbsc-cal-event-color { background: #50ccc4 } .mbsc-mobiscroll-dark .mbsc-cal-events { color: #263238; background: #fff } .mbsc-mobiscroll-dark .mbsc-cal-events-arr { border-color: #fff transparent transparent transparent } .mbsc-mobiscroll-dark .mbsc-cal-events-b .mbsc-cal-events-arr { border-color: transparent transparent #fff transparent } .mbsc-mobiscroll-dark .mbsc-cal-event-time { color: #8db3b0 } .mbsc-mobiscroll-dark .mbsc-cal-event-dur { color: #8db3b0 } .mbsc-mobiscroll-dark .mbsc-cal-day-hl .mbsc-cal-day-i { border-color: #50ccc4 } .mbsc-mobiscroll-dark .mbsc-cal-week-nrs-c { color: #50ccc4; background: #263238 } .mbsc-mobiscroll-dark .mbsc-cal-day-m-c { background: #f7f7f7 } .mbsc-mobiscroll-dark .mbsc-cal-day-sel .mbsc-cal-day-m-c { background: #263238 } .mbsc-mobiscroll-dark .mbsc-cal-day-txt { color: #263238; background: #f7f7f7 } .mbsc-mobiscroll-dark .mbsc-cal-day-txt { color: #263238; background: #f7f7f7 } .mbsc-mobiscroll-dark .mbsc-cal-tab { border-color: #50ccc4 } .mbsc-mobiscroll-dark .mbsc-cal-tab .mbsc-cal-tab-i { color: #f7f7f7 } .mbsc-mobiscroll-dark .mbsc-cal-tabs .mbsc-cal-tab-sel { background: #50ccc4 } .mbsc-mobiscroll-dark .mbsc-cal-tabs .mbsc-cal-tab-sel .mbsc-cal-tab-i { color: #263238 } .mbsc-mobiscroll-dark .mbsc-cal-sc-c { background: #263238 } .mbsc-mobiscroll-dark .mbsc-range-btn { border-color: #50ccc4 } .mbsc-mobiscroll-dark .mbsc-range-btn-sel .mbsc-range-btn { background: #50ccc4; color: #263238 } .mbsc-mobiscroll-dark.mbsc-range .mbsc-cal-table .mbsc-cal-day-sel .mbsc-cal-day-i { color: #f7f7f7; background: rgba(80,204,196,0.3) } .mbsc-mobiscroll-dark.mbsc-range .mbsc-cal-table .mbsc-cal-day-hl .mbsc-cal-day-i { background: #50ccc4; color: #263238 } .mbsc-mobiscroll-dark .mbsc-rating-icon { color: #50ccc4 } .mbsc-mobiscroll-dark .mbsc-rating-icon-unf { color: rgba(80,204,196,0.3) } .mbsc-mobiscroll-dark .mbsc-rating-circle { background: #50ccc4; color: #263238 } .mbsc-mobiscroll-dark .mbsc-rating-circle-unf { background: 0; border-color: #50ccc4 } .mbsc-mobiscroll-dark .mbsc-np-del { color: #50ccc4 } .mbsc-mobiscroll-dark .mbsc-color { border-color: #263238 } .mbsc-lv-mobiscroll-dark .mbsc-lv-item { background: #263238; color: #f7f7f7 } .mbsc-lv-mobiscroll-dark .mbsc-lv-gr-title { background: #50ccc4; color: #263238 } .mbsc-lv-mobiscroll-dark .mbsc-lv-arr { color: #50ccc4 } .mbsc-lv-mobiscroll-dark .mbsc-lv-handle-bar { background: #50ccc4 } .mbsc-lv-mobiscroll-dark .mbsc-lv-item-active::after { background: rgba(80,204,196,0.3) } .mbsc-lv-mobiscroll-dark.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) { background: #1d272b } .mbsc-lv-mobiscroll-dark .mbsc-lv-item.mbsc-lv-item-dragging { background: #50ccc4; color: #263238 } .mbsc-lv-mobiscroll-dark .mbsc-lv-item-dragging .mbsc-lv-handle-bar { background: #263238 } .mbsc-lv-mobiscroll-dark .mbsc-lv-item-dragging .mbsc-lv-arr { color: #263238 } .mbsc-mobiscroll-dark.mbsc-ms-c { color: #f7f7f7; background: #263238 } .mbsc-mobiscroll-dark .mbsc-btn-a .mbsc-ms-item-i { background: rgba(80,204,196,0.3) } .mbsc-mobiscroll-dark.mbsc-ms-a .mbsc-ms-item-sel .mbsc-ms-item-i { color: #50ccc4 } .mbsc-mobiscroll-dark.mbsc-ms-b.mbsc-ms-top { border-color: #50ccc4 } .mbsc-mobiscroll-dark.mbsc-ms-b.mbsc-ms-bottom { border-color: #50ccc4 } .mbsc-mobiscroll-dark.mbsc-ms-b .mbsc-ms-item-sel .mbsc-ms-item-i { border-bottom-color: #50ccc4 } .mbsc-mobiscroll-dark.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item-sel .mbsc-ms-item-i { border-top-color: #50ccc4 } .mbsc-mobiscroll-dark.mbsc-progress .mbsc-input-ic { color: #fff } .mbsc-mobiscroll-dark .mbsc-progress-track { background: #2b3940 } .mbsc-mobiscroll-dark .mbsc-progress-bar { background: #50ccc4 } .mbsc-mobiscroll-dark .mbsc-slider-step { background: #263238 } .mbsc-mobiscroll-dark .mbsc-slider-handle { background: #50ccc4 } .mbsc-mobiscroll-dark .mbsc-slider-tooltip { color: #263238; background: #50ccc4 } .mbsc-mobiscroll-dark.mbsc-form { background: #263238; color: #f7f7f7 } .mbsc-mobiscroll-dark.mbsc-form *::-moz-selection { background: #50ccc4 } .mbsc-mobiscroll-dark.mbsc-form *::selection { background: #50ccc4 } .mbsc-mobiscroll-dark .mbsc-desc { color: #fff } .mbsc-mobiscroll-dark .mbsc-divider { color: #50ccc4 } .mbsc-mobiscroll-dark a { color: #50ccc4 } .mbsc-mobiscroll-dark .mbsc-input textarea, .mbsc-mobiscroll-dark .mbsc-input input { border-bottom: 1px solid #fff; color: #d1d1d1 } .mbsc-mobiscroll-dark .mbsc-input select:focus ~ input, .mbsc-mobiscroll-dark .mbsc-input textarea:focus, .mbsc-mobiscroll-dark .mbsc-input input:focus { border-color: #50ccc4 } .mbsc-mobiscroll-dark .mbsc-input-ic { color: #fff } .mbsc-mobiscroll-dark .mbsc-checkbox-box { background: #50ccc4 } .mbsc-mobiscroll-dark .mbsc-checkbox-box:after { border: .125em solid #263238; border-top: 0; border-right: 0 } .mbsc-mobiscroll-dark .mbsc-checkbox input:disabled + .mbsc-checkbox-box { background: #101517 } .mbsc-mobiscroll-dark .mbsc-radio-box { border: .125em solid #50ccc4 } .mbsc-mobiscroll-dark .mbsc-radio-box:after { background: #50ccc4 } .mbsc-mobiscroll-dark .mbsc-radio input:checked + .mbsc-radio-box { background: transparent } .mbsc-mobiscroll-dark .mbsc-radio input:disabled + .mbsc-radio-box { border-color: #101517 } .mbsc-mobiscroll-dark .mbsc-radio input:disabled + .mbsc-radio-box:after { background: #101517 } .mbsc-mobiscroll-dark .mbsc-btn { background: #50ccc4; color: #263238 } .mbsc-mobiscroll-dark .mbsc-btn:disabled { background: #2b3940 } .mbsc-mobiscroll-dark .mbsc-btn-flat.mbsc-active { background: rgba(80,204,196,0.3) } .mbsc-mobiscroll-dark .mbsc-btn-flat { background: transparent; color: #50ccc4; border-color: transparent } .mbsc-mobiscroll-dark .mbsc-btn-flat:disabled { background: transparent; color: #232e33 } .mbsc-mobiscroll-dark .mbsc-switch-track { background: #2b3940 } .mbsc-mobiscroll-dark .mbsc-switch-handle { background: #232e33 } .mbsc-mobiscroll-dark .mbsc-switch input:checked + .mbsc-switch-track { background: #b5e6e2 } .mbsc-mobiscroll-dark .mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle { background: #50ccc4 } .mbsc-mobiscroll-dark .mbsc-switch input:disabled + .mbsc-switch-track { background: #101517 } .mbsc-mobiscroll-dark .mbsc-switch input:disabled + .mbsc-switch-track .mbsc-switch-handle { background: #182024 } .mbsc-mobiscroll-dark .mbsc-segmented-content { border-color: #50ccc4; color: #50ccc4 } .mbsc-mobiscroll-dark .mbsc-stepper input { color: #f7f7f7 } .mbsc-mobiscroll-dark .mbsc-stepper .mbsc-active .mbsc-segmented-content, .mbsc-mobiscroll-dark .mbsc-segmented input:checked + .mbsc-segmented-content { background: #50ccc4; color: #263238 } .mbsc-mobiscroll-dark .mbsc-segmented input.mbsc-active + .mbsc-segmented-content { background: rgba(80,204,196,0.25); color: #263238 } .mbsc-mobiscroll-dark .mbsc-stepper-cont { padding: 1.75em 12.875em 1.75em 1em } .mbsc-mobiscroll-dark .mbsc-stepper { margin-top: -1.25em } .mbsc-mobiscroll-dark .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-mobiscroll-dark .mbsc-step-disabled .mbsc-segmented-content, .mbsc-mobiscroll-dark .mbsc-segmented input:disabled + .mbsc-segmented-content { color: #101517; border-color: #101517 } .mbsc-mobiscroll-dark .mbsc-stepper input:disabled { color: #101517; -webkit-text-fill-color: #101517 } .mbsc-mobiscroll-dark .mbsc-segmented input:disabled:checked + .mbsc-segmented-content { background: #2b3940; border-color: #2b3940; color: #263238 } .mbsc-mobiscroll-dark .mbsc-stepper .mbsc-active.mbsc-step-disabled .mbsc-segmented-content { color: #101517 } .mbsc-wp-light .mbsc-fr-w, .mbsc-wp-light .mbsc-range-btn, .mbsc-wp-light .mbsc-fr-btn, .mbsc-wp-light .mbsc-cal-tabs .mbsc-cal-tab-i, .mbsc-wp-light .mbsc-cal-sc-cell-i .mbsc-cal-sc-cell { color: #000 } .mbsc-wp-light .mbsc-fr-w { background: #dedede } .mbsc-wp-light .mbsc-sc-itm { color: #000 } .mbsc-wp-light .mbsc-sc-itm:after { border-color: #000 } .mbsc-wp-light .mbsc-sc-whl .mbsc-sc-itm-sel { color: white } .mbsc-wp-light .mbsc-cal-day-sel .mbsc-cal-day-i, .mbsc-wp-light .mbsc-cal-sc-sel .mbsc-cal-sc-cell-i .mbsc-cal-sc-cell, .mbsc-wp-light .mbsc-cal-tabs .mbsc-cal-tab-sel .mbsc-cal-tab-i, .mbsc-wp-light .mbsc-range-btn-sel .mbsc-range-btn { color: white; background: #1ba0e3; border-color: #1ba0e3 } .mbsc-wp-light .mbsc-sc-btn { background: #dedede } .mbsc-wp-light .mbsc-sc-btn:before { color: #000; border-color: #000 } .mbsc-wp-light .mbsc-sc-itm-sel:after, .mbsc-wp-light .mbsc-sc-itm.mbsc-btn-a:after, .mbsc-wp-light .mbsc-sc-btn-a:before { background: #1ba0e3; border-color: #1ba0e3 } .mbsc-wp-light .mbsc-sc-whl-w:not(.mbsc-sc-whl-multi) .mbsc-sc-whl-anim .mbsc-sc-itm-sel { color: #000 } .mbsc-wp-light .mbsc-sc-whl-w:not(.mbsc-sc-whl-multi) .mbsc-sc-whl-anim .mbsc-sc-itm-sel:after, .mbsc-wp-light .mbsc-sc-whl-w:not(.mbsc-sc-whl-multi) .mbsc-sc-whl-wpa .mbsc-sc-itm.mbsc-btn-a:after { background: 0; border-color: #000 } .mbsc-wp-light .mbsc-fr-bubble-bottom .mbsc-fr-arr { border-color: transparent transparent #dedede transparent } .mbsc-wp-light .mbsc-fr-bubble-top .mbsc-fr-arr { border-color: #dedede transparent transparent transparent } .mbsc-wp-light .mbsc-sc-whl-multi .mbsc-sc-itm:after { border-color: #000 } .mbsc-wp-light .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before, .mbsc-wp-light .mbsc-sc-whl-multi .mbsc-sc-itm-sel { color: #000 } .mbsc-wp-light .mbsc-cal-sc-m-cell { background: #dedede } .mbsc-wp-light .mbsc-cal-event { background: #a6a6a6; color: black } .mbsc-wp-light .mbsc-cal-events { background: #000; background: rgba(0,0,0,0.8) } .mbsc-wp-light .mbsc-cal-events-arr { border-color: rgba(0,0,0,0.8) transparent transparent } .mbsc-wp-light .mbsc-cal-events-b .mbsc-cal-events-arr { border-color: transparent transparent rgba(0,0,0,0.8) } .mbsc-wp-light .mbsc-cal-day-m-c { background: #000 } .mbsc-wp-light .mbsc-cal-day-fg, .mbsc-wp-light .mbsc-cal-sc-cell-i .mbsc-cal-sc-cell, .mbsc-wp-light .mbsc-cal-tabs .mbsc-cal-tab-i { border-color: #a6a6a6 } .mbsc-wp-light .mbsc-cal-day-inv .mbsc-cal-day-fg { color: rgba(0,0,0,0.3) } .mbsc-wp-light .mbsc-cal-day-sel .mbsc-cal-day-fg { border-color: #1ba0e3 } .mbsc-wp-light .mbsc-cal-day-hl .mbsc-cal-day-fg { background: #000; border-color: #000; color: #dedede } .mbsc-wp-light .mbsc-cal-hl-now .mbsc-cal-today { color: #1ba0e3 } .mbsc-wp-light .mbsc-fr-btn:before, .mbsc-wp-light .mbsc-cal-btn-txt:before { color: #000; border-color: #000 } .mbsc-wp-light .mbsc-fr-btn-a:before, .mbsc-wp-light .mbsc-fr-btn-a .mbsc-cal-btn-txt:before { background: #1ba0e3; border-color: #1ba0e3; color: white } .mbsc-wp-light .mbsc-cal-week-nrs-c { background: #dedede } .mbsc-wp-light .mbsc-rating-icon { color: inherit } .mbsc-wp-light .mbsc-rating-circle { background: #000; color: #dedede } .mbsc-wp-light .mbsc-rating-circle-unf { background: #646464 } .mbsc-wp-light.mbsc-ts .mbsc-sc-lbl, .mbsc-wp-light.mbsc-timer .mbsc-sc-lbl { color: white } .mbsc-wp-light .mbsc-np-btn { background: #ccc; border: 2px solid #dedede } .mbsc-wp-light .mbsc-np-btn.mbsc-fr-btn-a { background: #1ba0e3; color: white } .mbsc-wp-light .mbsc-np-btn.mbsc-fr-btn-d { color: #000; opacity: .5 } .mbsc-wp-light .mbsc-np-del.mbsc-fr-btn-a:before { color: #000 } .mbsc-wp-light .mbsc-np-btn-empty { background: 0 } .mbsc-lv-wp-light .mbsc-lv-item, .mbsc-lv-wp-light .mbsc-lv-gr-title { background: #dedede; color: #000 } .mbsc-lv-wp-light.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) { background: #f0f0f0 } .mbsc-wp-light.mbsc-ms-c { background: #dedede; color: #000 } .mbsc-wp-light .mbsc-ms-item { color: #a6a6a6 } .mbsc-wp-light .mbsc-ms-ic:before { border-color: #000 } .mbsc-wp-light .mbsc-ms-item-sel .mbsc-ms-ic:before, .mbsc-wp-light .mbsc-btn-a .mbsc-ms-ic:before { background: #000; color: #dedede } .mbsc-wp-light.mbsc-ms-icons .mbsc-ms-item { color: #000 } .mbsc-wp-light .mbsc-ms-item-sel { color: #000 } .mbsc-wp-light.mbsc-progress .mbsc-label { color: #000 } .mbsc-wp-light.mbsc-progress .mbsc-input-ic { color: #000 } .mbsc-wp-light .mbsc-progress-track { background: #dedede } .mbsc-wp-light .mbsc-progress-bar { background: #1ba0e3 } .mbsc-wp-light .mbsc-slider-handle { background: #000 } .mbsc-wp-light .mbsc-slider-tooltip { background: #000; color: #a6a6a6; border-color: #a6a6a6 } .mbsc-wp-light .mbsc-slider-step { background: #fff } .mbsc-wp-light.mbsc-form { background-color: #fff; color: #000 } .mbsc-wp-light .mbsc-input .mbsc-label { color: #000 } .mbsc-wp-light .mbsc-desc { color: #5e5e5e } .mbsc-wp-light .mbsc-input-ic { color: #000 } .mbsc-wp-light .mbsc-input select { background: #fff; color: #000 } .mbsc-wp-light .mbsc-select input { border-color: #000; color: #000 } .mbsc-wp-light .mbsc-input select.mbsc-active + input { border-color: #000 } .mbsc-wp-light .mbsc-select .mbsc-input-wrap .mbsc-ic { color: #000 } .mbsc-wp-light .mbsc-input select:disabled ~ input, .mbsc-wp-light .mbsc-input textarea:disabled, .mbsc-wp-light .mbsc-input input:disabled { background-color: transparent; color: #4f4f4f; border-color: #4f4f4f } .mbsc-wp-light .mbsc-checkbox-box { border-color: #000 } .mbsc-wp-light .mbsc-checkbox-box:after { border-color: #000 } .mbsc-wp-light .mbsc-radio-box { border-color: #000 } .mbsc-wp-light .mbsc-radio-box:after { background-color: #000 } .mbsc-wp-light .mbsc-btn { color: #000; border-color: #000 } .mbsc-wp-light .mbsc-btn .mbsc-btn-ic { color: #000 } .mbsc-wp-light .mbsc-btn-flat, .mbsc-wp-light .mbsc-btn-flat.mbsc-active { color: #000 } .mbsc-wp-light .mbsc-btn-flat.mbsc-active .mbsc-btn-ic, .mbsc-wp-light .mbsc-btn-flat .mbsc-btn-ic { border-color: #000 } .mbsc-wp-light .mbsc-switch input:checked + .mbsc-switch-track, .mbsc-wp-light .mbsc-radio input.mbsc-active + .mbsc-radio-box:after, .mbsc-wp-light .mbsc-radio input.mbsc-active + .mbsc-radio-box, .mbsc-wp-light .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box { background: #1ba0e3 } .mbsc-wp-light.mbsc-form *::-moz-selection { color: #fff; background: #1ba0e3 } .mbsc-wp-light.mbsc-form *::selection { color: #000; background: #1ba0e3 } .mbsc-wp-light .mbsc-input input:focus, .mbsc-wp-light .mbsc-input select:focus + input, .mbsc-wp-light .mbsc-input textarea:focus { border-color: #1ba0e3; color: #000 } .mbsc-wp-light .mbsc-input select:focus + input { background: #fff; color: #000 } .mbsc-wp-light .mbsc-input select.mbsc-active + input { background: #1ba0e3; border-color: #1ba0e3; color: white } .mbsc-wp-light .mbsc-select select:focus ~ .mbsc-ic { color: #000 } .mbsc-wp-light .mbsc-select select.mbsc-active ~ .mbsc-ic { color: white } .mbsc-wp-light .mbsc-btn-flat.mbsc-active .mbsc-btn-ic { border-color: #1ba0e3 } .mbsc-wp-light .mbsc-btn.mbsc-active .mbsc-btn-ic { background: #1ba0e3 } .mbsc-wp-light .mbsc-btn.mbsc-active:not(.mbsc-btn-flat) { background: #1ba0e3 } .mbsc-wp-light a { color: #1ba0e3 } .mbsc-wp-light .mbsc-switch-track { -webkit-box-shadow: inset 0 0 0 2px #fff,0px 0 0 2px #000; box-shadow: inset 0 0 0 2px #fff,0px 0 0 2px #000 } .mbsc-wp-light .mbsc-switch-handle { background: #000; border-color: #fff } .mbsc-wp-light .mbsc-switch input:disabled + .mbsc-switch-track { background: transparent } .mbsc-wp-light .mbsc-switch input:checked:disabled + .mbsc-switch-track { background: #000 } .mbsc-wp-light .mbsc-segmented-content { border-color: #000; color: #000 } .mbsc-wp-light .mbsc-segmented input:checked + .mbsc-segmented-content { background: #000; color: #fff } .mbsc-wp-light .mbsc-segmented input.mbsc-active + .mbsc-segmented-content { background: #1ba0e3 } .mbsc-wp-light .mbsc-stepper .mbsc-active .mbsc-segmented-content { background: #1ba0e3 } .mbsc-wp-light .mbsc-stepper input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-wp-light .mbsc-step-disabled .mbsc-segmented-content, .mbsc-wp-light .mbsc-segmented input:disabled + .mbsc-segmented-content { color: #b3b3b3; border-color: #b3b3b3 } .mbsc-wp-light .mbsc-stepper input:disabled { color: #b3b3b3; -webkit-text-fill-color: #b3b3b3 } .mbsc-wp-light .mbsc-segmented input:disabled:checked + .mbsc-segmented-content { color: #fff; background: #b3b3b3 } .mbsc-wp-light .mbsc-stepper input { color: #000 } .popover-title { font-size: 16px; font-weight: 600; padding-top: 5px; } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #00C7BA; } .btn-primary { color: #fff; background-color: #00C7BA; border-color: #00C7BA; border-radius: 4px; font-size: 16px; } .btn-primary:hover { color: #fff; background-color: #00C7BA; border-color: #00C7BA; } .mbsc-fr-btn1.mbsc-fr-btn-e.mbsc-fr-btn.btn.btn-default { color: #999999; }