/* 0928fb81-7bed-4ec4-8058-e5b48ce89e48 */ @font-face { font-family: 'icons_mobiscroll'; src: url('icons_mobiscroll.eot?g1cs8b'); src: url('icons_mobiscroll.eot?#iefixg1cs8b') format('embedded-opentype'), url('icons_mobiscroll.ttf?g1cs8b') format('truetype'), url('icons_mobiscroll.woff?g1cs8b') format('woff'), url('icons_mobiscroll.woff') format('woff'), url('icons_mobiscroll.svg?g1cs8b#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 } @-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-ic, .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: 1em } .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-no3d .mbsc-lv-ic-move-left { left: auto; right: 100%; transform: none } .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-no3d .mbsc-lv-ic-move-right { right: auto; left: 100%; transform: none } .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; left: 0; top: 50%; width: 90%; table-layout: fixed; margin-top: -1.0625em; line-height: 2.125em; display: none } .mbsc-lv-multi-ic-right { margin-left: 10% } .mbsc-lv-multi-ic-left { margin-right: 10% } .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; margin: 0 1em; cursor: pointer } .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; 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-stage-c { margin-top: -1px } .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-stage-c { margin-top: -1px } .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: -0.077em; 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-stage-c { margin-top: -1px } .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-sense { font-family: arial, verdana, sans-serif; border-top: 1px solid #bfbfbf } .mbsc-lv-sense .mbsc-lv { background: #dfdfdf } .mbsc-lv-sense .mbsc-lv-item { margin-top: -1px; padding: 1em; background: #eee; border-bottom: 1px solid #bfbfbf; border-top: 1px solid #bfbfbf; color: #2c2e2f; font-weight: normal; text-shadow: none; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5) inset; box-shadow: 0 1px 0 rgba(255,255,255,.5) inset } .mbsc-lv-sense.mbsc-lv-handle-right .mbsc-lv-item { padding-right: 56px } .mbsc-lv-sense.mbsc-lv-handle-right .mbsc-lv-parent .mbsc-lv-arr { right: 56px } .mbsc-lv-sense.mbsc-lv-handle-left .mbsc-lv-item { padding-left: 56px } .mbsc-lv-sense .mbsc-lv-handle-c { width: 56px } .mbsc-lv-sense .mbsc-lv-handle-bar { position: relative; height: 3px; margin: 5px 14px 5px 14px; background: #b4b4b4; border-top: 1px solid #808080; border-radius: 2px } .mbsc-lv-sense .mbsc-lv-item-dragging { margin: 0 } .mbsc-lv-sense .mbsc-lv-item-dragging .mbsc-lv-handle-bar { background: #33b5e5; border-top: 1px solid #9dd5ea } .mbsc-lv-sense .mbsc-lv-handle-bar-c { margin-top: -16px } .mbsc-lv-sense .mbsc-lv-stage-c { margin-top: -1px } .mbsc-lv-sense .mbsc-lv-gr-title { margin-top: -1px; padding: 0 1.385em; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; background: #dfdfdf; color: #555; text-transform: uppercase; line-height: 2em; font-size: .8em; font-weight: bold } .mbsc-lv-sense .mbsc-lv-ic-m { color: #555 } .mbsc-lv-sense .mbsc-lv-arr { color: #888 } .mbsc-lv-sense.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) { background: #e3e3e3 } .mbsc-lv-sense .mbsc-lv-item-hl, .mbsc-lv-sense .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active { background: #bad7e1 } .mbsc-lv-sense.mbsc-lv-handle-right .mbsc-lv-img-right .mbsc-lv-img { right: 3.4em } .mbsc-lv-sense.mbsc-lv-handle-left .mbsc-lv-img-left .mbsc-lv-img { left: 3.4em } .mbsc-lv-sense.mbsc-lv-handle-right .mbsc-lv-item-ic-right .mbsc-lv-item-ic { right: 3em } .mbsc-lv-sense.mbsc-lv-handle-left .mbsc-lv-item-ic-left .mbsc-lv-item-ic { left: 3em } .mbsc-lv-sense.mbsc-lv-handle-left .mbsc-lv-img-left { padding-left: 6.8em } .mbsc-lv-sense.mbsc-lv-handle-right .mbsc-lv-img-right { padding-right: 6.8em } .mbsc-lv-sense.mbsc-lv-handle-left .mbsc-lv-item-ic-left { padding-left: 5.2em } .mbsc-lv-sense.mbsc-lv-handle-right .mbsc-lv-item-ic-right { padding-right: 5.2em } .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-stage-c { margin-top: -1px } .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-classic { font-family: arial, verdana, sans-serif; border-top: 1px solid #ececec } .mbsc-lv-ios-classic .mbsc-lv { background: #ececec; background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #c5ccd4), color-stop(70%, #cbd2d8), color-stop(100%, #cbd2d8)); background: -webkit-linear-gradient(left, #c5ccd4 70%, #cbd2d8 70%, #cbd2d8 100%); background: -moz-linear-gradient(left, #c5ccd4 70%, #cbd2d8 70%, #cbd2d8 100%); background: linear-gradient(left, #c5ccd4 70%, #cbd2d8 70%, #cbd2d8 100%); background-size: .438em 32em; -webkit-background-size: .438em 32em } .mbsc-lv-ios-classic .mbsc-lv-item { margin-top: -1px; padding: .938em 1.25em; background: #fff; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; color: #000; font-weight: normal; text-shadow: none } .mbsc-lv-ios-classic .mbsc-lv-stage-c { margin-top: -1px } .mbsc-lv-ios-classic .mbsc-lv-handle-bar-c { margin-top: -10px } .mbsc-lv-ios-classic .mbsc-lv-handle-bar { height: 3px; border-top: 1px solid #aaa; background: #d0d0d0 } .mbsc-lv-ios-classic.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) { background: #f5f5f5 } .mbsc-lv-ios-classic .mbsc-lv-item-hl, .mbsc-lv-ios-classic .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active { background: #015ee6; background: -webkit-gradient(linear, left top, left bottom, from(#058cf5), to(#015ee6)); background: -webkit-linear-gradient(#058cf5, #015ee6); background: -moz-linear-gradient(#058cf5, #015ee6); background: linear-gradient(#058cf5, #015ee6); color: #fff } .mbsc-lv-ios-classic .mbsc-lv-item-hl .mbsc-lv-arr, .mbsc-lv-ios-classic .mbsc-lv-item-active .mbsc-lv-arr { color: #fff } .mbsc-lv-ios-classic .mbsc-lv-item-hl .mbsc-lv-handle-bar, .mbsc-lv-ios-classic .mbsc-lv-item-active .mbsc-lv-handle-bar { background: #fff } .mbsc-lv-ios-classic .mbsc-lv-item.mbsc-lv-item-dragging { margin: 0 } .mbsc-lv-ios-classic .mbsc-lv-gr-title { background: #bfc7cd; padding: 0 1.25em; border-top: 1px solid #9aa5ad; border-bottom: 1px solid #9aa5ad; color: #fff; line-height: 1.6em; text-shadow: 0 .063em 0 rgba(52,64,77,0.7); font-weight: bold; -webkit-box-shadow: 0 .313em .625em rgba(52,64,77,0.3) inset; box-shadow: 0 .313em .625em rgba(52,64,77,0.3) inset } .mbsc-lv-ios-classic .mbsc-lv-multi-c { height: 100%; background: #eee; -webkit-box-shadow: 0 0 .625em rgba(52,64,77,0.3) inset; box-shadow: 0 0 .625em rgba(52,64,77,0.3) inset } .mbsc-lv-ios-classic .mbsc-lv-ic-m { color: #888; text-shadow: 0 .063em 0 rgba(255,255,255,0.7) } .mbsc-lv-ios-classic .mbsc-lv-arr { color: #666; font-size: 1.4em } .mbsc-lv-android { font-family: arial, verdana, sans-serif } .mbsc-lv-android .mbsc-lv { background: #888 } .mbsc-lv-android .mbsc-lv-item { margin-top: -1px; padding: 1.25em; background: #000; border-top: 1px solid #333; border-bottom: 1px solid #333; color: #fff; font-weight: normal; text-shadow: none } .mbsc-lv-android.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) { background: #111 } .mbsc-lv-android .mbsc-lv-item-hl, .mbsc-lv-android .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active { background: #ef6100; background: -webkit-gradient(linear, left top, left bottom, from(#ffb25a), to(#ef6100)); background: -webkit-linear-gradient(#ffb25a, #ef6100); background: -moz-linear-gradient(#ffb25a, #ef6100); background: linear-gradient(#ffb25a, #ef6100); border-bottom-color: #ef6100 } .mbsc-lv-android .mbsc-lv-stage-c { margin-top: -1px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.3))); background-image: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3)); background-image: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3)); background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3)) } .mbsc-lv-android .mbsc-lv-fill-item { background: rgba(255,255,255,.5) } .mbsc-lv-android .mbsc-lv-item.mbsc-lv-item-dragging { margin: 0; opacity: .7; -webkit-box-shadow: 0 0 .625em rgba(255,255,255,.5); box-shadow: 0 0 .625em rgba(255,255,255,.5) } .mbsc-lv-android .mbsc-lv-handle-bar { background: #fff } .mbsc-lv-android .mbsc-lv-gr-title { margin-top: -1px; background: #181818; color: #fff; line-height: 2em; padding: 0 .5em; font-weight: bold; border-top: 1px solid #333; border-bottom: 1px solid #333 } .mbsc-lv-android .mbsc-lv-ic-m { color: #fff } .mbsc-lv-android .mbsc-lv-gr-title .mbsc-lv-img { height: 2.2em; margin-top: .3em } .mbsc-lv-sense-ui { font-family: arial, verdana, sans-serif } .mbsc-lv-sense-ui .mbsc-lv { background: #333; background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333)); background: -webkit-linear-gradient(#000, #333); background: -moz-linear-gradient(#000, #333); background: linear-gradient(#000, #333) } .mbsc-lv-sense-ui .mbsc-lv-item { margin-top: -1px; padding: 1.25em; border-top: 1px solid #333; border-bottom: 1px solid #333; color: #fff; font-weight: normal; text-shadow: none } .mbsc-lv-sense-ui.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) { background: rgba(141,141,141,0.13) } .mbsc-lv-sense-ui .mbsc-lv .mbsc-lv-item.mbsc-lv-item-swiping, .mbsc-lv-sense-ui .mbsc-lv .mbsc-lv-item-dragging { background: #000 } .mbsc-lv-sense-ui .mbsc-lv-item-hl, .mbsc-lv-sense-ui .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active { background: #3c7500; background: -webkit-gradient(linear, left top, left bottom, from(#94c840), to(#3c7500)); background: -webkit-linear-gradient(#94c840, #3c7500); background: -moz-linear-gradient(#94c840, #3c7500); background: linear-gradient(#94c840, #3c7500); border-bottom: 1px solid #3c7500 } .mbsc-lv-sense-ui .mbsc-lv-stage-c { margin-top: -1px; background-color: #333; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.3))); background-image: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3)); background-image: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3)); background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3)) } .mbsc-lv-sense-ui .mbsc-lv-fill-item { background: rgba(255,255,255,.5) } .mbsc-lv-sense-ui .mbsc-lv-item.mbsc-lv-ph { background: #333; visibility: visible; z-index: -1 } .mbsc-lv-sense-ui .mbsc-lv-item.mbsc-lv-item-dragging { margin: 0; opacity: .7; -webkit-box-shadow: 0 0 .625em rgba(255,255,255,.5); box-shadow: 0 0 .625em rgba(255,255,255,.5) } .mbsc-lv-sense-ui .mbsc-lv-handle-bar { background: #fff } .mbsc-lv-sense-ui .mbsc-lv-gr-title { background: #333; color: #fff; line-height: 2em; font-weight: bold; padding: 0 .5em } .mbsc-lv-sense-ui .mbsc-lv-ic-m { color: #fff } .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-stage-c { margin-top: -1px } .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 } .dw, .dwo { -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0,0,0,0) } .mbsc-fr-lock { -ms-touch-action: none; touch-action: none } .dw { 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 } .dw:focus { outline: 0 } .dw:focus { outline-offset: -2px } .dw-rtl { direction: rtl } .dw, .dwbc { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .dwwr { min-width: 200px; zoom: 1; overflow: hidden; text-align: center; font-family: arial, verdana, sans-serif } .dw-persp, .dwo { width: 100%; height: 100%; position: absolute; top: 0; left: 0 } .dw-persp { z-index: 99998; pointer-events: auto } .dwo { z-index: 1; background: #000; background: rgba(0,0,0,.7); filter: Alpha(Opacity=70) } .dw-liq .dw { max-width: 100% } .dw-top .dw, .dw-bottom .dw { width: 100%; max-width: 100% } .dw-inline .dw { position: static; display: inline-block; width: 100% } .dw-inline.dw-liq .dw-persp .dw { display: block } .dw-inline .dw-persp { position: static } .dw-bubble .dw { margin: 20px 0 } .dw-bubble .dw-arrw { position: absolute; z-index: 1; left: 0; width: 100% } .dw-bubble-top .dw-arrw { bottom: -36px } .dw-bubble-bottom .dw-arrw { top: -36px } .dw-bubble .dw-arrw-i { margin: 0 30px; position: relative; height: 36px } .dw-bubble .dw-arr { display: block } .dw-arr { display: none; position: absolute; left: 0; width: 0; height: 0; border-width: 18px 18px; border-style: solid; margin-left: -18px } .dw-bubble-bottom .dw-arr { top: 0 } .dw-bubble-top .dw-arr { bottom: 0 } .dw-hidden { width: 0; height: 0; margin: 0; padding: 0; border: 0; overflow: hidden } .dwv { overflow: hidden; text-overflow: ellipsis } .dwb { overflow: hidden; display: block; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; vertical-align: top } .dwb-e { cursor: pointer } .dwb-d { cursor: default } .dwbc { display: table; width: 100%; text-align: center } .dwbc .dwb-d { opacity: .3 } .dwbw { vertical-align: top; display: table-cell; position: relative; z-index: 5 } .dwbw .dwb: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 .dwwr { min-width: 16em; background: #fff url("../images/linebg.png") repeat; color: #666; font-size: 12px } .mbsc-mobiscroll .dwv { padding: 0 .6666em; padding-top: .6666em; color: #4eccc4; font-size: .75em; text-transform: uppercase; min-height: 2em; line-height: 2em } .mbsc-mobiscroll .dwbc { display: block; overflow: hidden; text-align: right; padding: 0 .5em .5em .5em } .mbsc-mobiscroll .dwbw { display: block; float: right } .mbsc-mobiscroll .dw-rtl .dwbw { float: left } .mbsc-mobiscroll .dwb { height: 2.5em; line-height: 2.5em; padding: 0 1em; color: #4eccc4; text-transform: uppercase } .mbsc-mobiscroll .dwb-a { background: rgba(78,204,196,.3) } .mbsc-mobiscroll .dw-bubble-bottom .dw-arr { border-color: transparent transparent #f7f7f7 transparent } .mbsc-mobiscroll .dw-bubble-top .dw-arr { border-color: #f7f7f7 transparent transparent transparent } .mbsc-android-holo .dwwr { background: #292829; color: #fff; border-radius: .1875em; font-size: 16px } .mbsc-android-holo .dwv { color: #31b6e7; padding: 0 .5em; min-height: 2em; line-height: 2em; border-bottom: 2px solid #31b6e7; font-size: 1.125em } .mbsc-android-holo .dwbc { border-top: 1px solid #424542 } .mbsc-android-holo .dwb { height: 2.6em; line-height: 2.6em; color: #fff; font-size: .875em } .mbsc-android-holo .dwb-a { background: #29799c } .mbsc-android-holo .dwbw .dwb { border-left: 1px solid #424542 } .mbsc-android-holo .dwbw:first-child .dwb { border: 0; border-radius: 0 0 0 .1875em } .mbsc-android-holo .dwbw:last-child .dwb { border-radius: 0 0 .1875em 0 } .mbsc-android-holo .dw-rtl .dwbw .dwb { border: 0; border-right: 1px solid #424542 } .mbsc-android-holo .dw-rtl .dwbw:last-child .dwb { border-radius: 0 0 0 .1875em } .mbsc-android-holo .dw-rtl .dwbw:first-child .dwb { border: 0; border-radius: 0 0 .1875em 0 } .mbsc-android-holo.dw-liq .dwwr, .mbsc-android-holo.dw-top .dwwr, .mbsc-android-holo.dw-bottom .dwwr, .mbsc-android-holo.dw-liq .dwbw .dwb, .mbsc-android-holo.dw-top .dwbw .dwb, .mbsc-android-holo.dw-bottom .dwbw .dwb { border-radius: 0 } .mbsc-android-holo .dw-bubble-bottom .dw-arr { border-color: transparent transparent #292829 transparent } .mbsc-android-holo .dw-bubble-top .dw-arr { border-color: #292829 transparent transparent transparent } .mbsc-wp .dwwr { padding: .625em; background: #1f1f1f; color: #fff; font-size: 16px } .mbsc-wp .dwv { font-size: .75em; padding: .833em; min-height: 14px; padding-top: 0 } .mbsc-wp .dwbc { display: block } .mbsc-wp .dwbw { display: inline-block } .mbsc-wp .dwb, .mbsc-wp .mbsc-ic:before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .mbsc-wp .dwb { 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 .dwb: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 .dwb-a { top: -.3em } .mbsc-wp .dwb-a:before { background: #1a9fe0; border-color: #1a9fe0; color: #fff } .mbsc-wp .dw-bubble-bottom .dw-arr { border-color: transparent transparent #1f1f1f transparent } .mbsc-wp .dw-bubble-top .dw-arr { border-color: #1f1f1f transparent transparent transparent } .mbsc-sense .dwwr { border: 1px solid #2e2e2e; background: #121212; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.5); box-shadow: 0 0 3px rgba(0,0,0,.5) } .mbsc-sense .dwv { padding: 0 5px; position: relative; line-height: 40px; min-height: 40px; background: #121212; text-align: center; font-size: 15px; color: #fff; -webkit-box-shadow: 0 0 4px #2e2e2e; box-shadow: 0 0 4px #2e2e2e } .mbsc-sense .dwcc { background: #eee; color: #000 } .mbsc-sense .dwbc { padding: 10px 0; background: #121212; -webkit-box-shadow: 0 0 6px #2e2e2e; box-shadow: 0 0 6px #2e2e2e } .mbsc-sense .dwb { height: 30px; line-height: 32px; color: #fff; font-size: 13px; font-weight: normal; border-left: 1px solid #2e2e2e; text-transform: uppercase } .mbsc-sense .dwb-a { color: #40a0c4 } .mbsc-sense .dwbw:first-child .dwb { border-left: 0 } .mbsc-sense .dw-rtl .dwb { border: 0; border-right: 1px solid #2e2e2e } .mbsc-sense .dw-rtl .dwbw:first-child .dwb { border-right: 0 } .mbsc-sense.dw-inline .dwwr { -webkit-box-shadow: none; box-shadow: none } .mbsc-sense.dw-top .dwwr, .mbsc-sense.dw-bottom .dwwr { border: 0; border-radius: 0 } .mbsc-sense .dw-bubble-top .dw-arrw { bottom: -35px } .mbsc-sense .dw-bubble-bottom .dw-arrw { top: -35px } .mbsc-sense .dw-bubble-top .dw-arr { border-color: #121212 transparent transparent transparent } .mbsc-sense .dw-bubble-bottom .dw-arr { border-color: transparent transparent #121212 transparent } .mbsc-material .dwo { background: rgba(0,0,0,.6); filter: Alpha(Opacity=60) } .mbsc-material .dwwr { 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 .dwv { 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 .dwbc { display: block; overflow: hidden; text-align: right; padding: 0 .5em .5em .5em } .mbsc-material .dwbw { display: block; float: right } .mbsc-material .dw-rtl .dwbw { float: left } .mbsc-material .dwb { position: relative; height: 2.5em; line-height: 2.5em; padding: 0 1em; font-weight: bold; color: #009688; text-transform: uppercase } .mbsc-material .dwbc .dwb { font-size: .9375em } .mbsc-material .dwb-e { -webkit-transition: background-color .2s ease-out; -moz-transition: background-color .2s ease-out; transition: background-color .2s ease-out } .mbsc-material .dwb-a { background: rgba(0,0,0,.1); border-radius: 2px } .mbsc-material.dw-inline .dwwr { box-shadow: none } .mbsc-material.dw-liq .dwwr, .mbsc-material.dw-top .dwwr, .mbsc-material.dw-bottom .dwwr { border-radius: 0 } .mbsc-material .dw-bubble-bottom .dw-arr { border-color: transparent transparent #eee transparent } .mbsc-material .dw-bubble-top .dw-arr { border-color: #eee transparent transparent transparent } .mbsc-ios-classic .dw { min-width: 134px; border: 1px solid #2d3034 } .mbsc-ios-classic .dwo { background: 0 } .mbsc-ios-classic .dwwr { position: relative; min-width: 170px; padding: 0 6px; margin-top: 40px; background: -webkit-gradient(linear, left top, left bottom, from(#9f9fa6), color-stop(0.5, #484a55), color-stop(0.5, #272836), to(#282a39)); background: -webkit-linear-gradient(#9f9fa6, #484a55 50%, #272836 50%, #282a39); background: -moz-linear-gradient(#9f9fa6, #484a55 50%, #272836 50%, #282a39); background: linear-gradient(#9f9fa6, #484a55 50%, #272836 50%, #282a39); background-color: #9f9fa6; background-repeat: no-repeat; color: #fff; overflow: visible } .mbsc-ios-classic.dw-nobtn .dwwr { margin-top: 0 } .mbsc-ios-classic .dwv { width: 0; height: 0; margin: 0; padding: 0; border: 0; overflow: hidden } .mbsc-ios-classic .dwbc { display: block; position: absolute; top: -40px; left: 0; width: 100%; height: 28px; padding: 5px 0; background: #454545; background: -webkit-gradient(linear, left top, left bottom, from(rgba(69,69,69,0.7)), color-stop(0.5, rgba(37,37,37,0.7)), color-stop(0.5, rgba(16,16,16,0.7)), to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(rgba(69,69,69,0.7), rgba(37,37,37,0.7) 50%, rgba(16,16,16,0.7) 50%, rgba(0,0,0,0.7)); background: -moz-linear-gradient(rgba(69,69,69,0.7), rgba(37,37,37,0.7) 50%, rgba(16,16,16,0.7) 50%, rgba(0,0,0,0.7)); background: linear-gradient(rgba(69,69,69,0.7), rgba(37,37,37,0.7) 50%, rgba(16,16,16,0.7) 50%, rgba(0,0,0,0.7)); border-bottom: 1px solid #888; border-bottom: 1px solid rgba(255,255,255,0.5); border-top: 1px solid #888; border-top: 1px solid rgba(255,255,255,0.5); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .mbsc-ios-classic .dwb { margin: 0 5px; padding: 0 10px; display: inline-block; font-size: 12px; font-weight: bold; height: 26px; line-height: 26px; color: #fff; border: 1px solid #1f1f1f; background: #1a1a1a; background: -webkit-gradient(linear, left top, left bottom, from(#7b7b7b), color-stop(0.5, #1a1a1a), color-stop(0.5, #000)); background: -webkit-linear-gradient(#7b7b7b, #1a1a1a 50%, #000 50%); background: -moz-linear-gradient(#7b7b7b, #1a1a1a 50%, #000 50%); background: linear-gradient(#7b7b7b, #1a1a1a 50%, #000 50%); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.3); border-radius: 5px; box-shadow: 0 1px 0 rgba(255,255,255,0.3) } .mbsc-ios-classic .dwb-s .dwb { border: 1px solid #194aab; background: #194aab; background: -webkit-gradient(linear, left top, left bottom, from(#82aaff), color-stop(0.5, #3162c4), color-stop(0.5, #194aab)); background: -webkit-linear-gradient(#82aaff, #3162c4 50%, #194aab 50%); background: -moz-linear-gradient(#82aaff, #3162c4 50%, #194aab 50%); background: linear-gradient(#82aaff, #3162c4 50%, #194aab 50%) } .mbsc-ios-classic .dwb-a { opacity: .8; filter: alpha(opacity=80) } .mbsc-ios-classic .dwbw { display: block; float: right } .mbsc-ios-classic .dwb-c { float: left } .mbsc-ios-classic.dw-bubble .dw { padding: 6px; background: #afafaf; background: -webkit-gradient(linear, left top, left bottom, from(#afafaf), color-stop(0.3, #1b2530)); background: -webkit-linear-gradient(#afafaf, #1b2530 30%); background: -moz-linear-gradient(#afafaf, #1b2530 30%); background: linear-gradient(#afafaf, #1b2530 30%); -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.7); border-radius: 5px; box-shadow: 0 0 25px rgba(0,0,0,0.7) } .mbsc-ios-classic .dw-bubble-bottom .dw-arr { border-color: transparent transparent #2d3034 transparent } .mbsc-ios-classic .dw-bubble-bottom .dw-arr:after { content: ''; position: absolute; top: -16px; left: -17px; border: 17px solid #afafaf; border-color: transparent transparent #afafaf transparent } .mbsc-ios-classic .dw-bubble-top .dw-arr { border-color: #1b2530 transparent transparent transparent } .mbsc-ios-classic.mbsc-wdg .dwwr { padding: 6px } .mbsc-ios-classic.mbsc-wdg .dwcc { background: #fff; color: #000; -webkit-box-shadow: 0 1px 1px rgba(255,255,255,.3), 0 1px 5px rgba(0,0,0,0.90) inset, 0 -1px 1px rgba(0,0,0,0.90) inset; box-shadow: 0 1px 1px rgba(255,255,255,.3), 0 1px 5px rgba(0,0,0,0.90) inset, 0 -1px 1px rgba(0,0,0,0.90) inset; border-radius: .5em } .mbsc-android .dw { border: 2px solid #555 } .mbsc-android .dwv { padding: 10px; border-bottom: 1px solid #333; font-size: 14px; min-height: 17px } .mbsc-android .dwwr { color: #fff; background: #000 } .mbsc-android .dwbc { padding: 4px 2px; background: #9c9c9c } .mbsc-android .dwb { height: 40px; line-height: 40px; padding: 0 15px; margin: 0 2px; font-size: 14px; 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); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.5) } .mbsc-android .dw .dwb-a { background: #ffb25a; background: -webkit-gradient(linear, left bottom, left top, from(#ef6100), to(#ffb25a)); background: -webkit-linear-gradient(#ffb25a, #ef6100); background: -moz-linear-gradient(#ffb25a, #ef6100); background: linear-gradient(#ffb25a, #ef6100) } .mbsc-android .dw-bubble-bottom .dw-arr { border-color: transparent transparent #000 transparent } .mbsc-android .dw-bubble-top .dw-arr { border-color: #9c9c9c transparent transparent transparent } .mbsc-android.dw-top .dw, .mbsc-android.dw-bottom .dw { border-right: 0; border-left: 0 } .mbsc-android.dw-top .dw { border-top: 0 } .mbsc-android.dw-bottom .dw { border-bottom: 0 } .mbsc-sense-ui .dwwr { color: #fff; background: #333; border: 2px solid #fff; border-radius: 3px } .mbsc-sense-ui .dwv { padding: 5px 10px; border-bottom: 1px solid #666; font-size: 14px; text-align: left; min-height: 17px } .mbsc-sense-ui .dwbc { padding: 4px 2px; background: #000; background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #000), color-stop(0.5, #666)); background: -webkit-linear-gradient(#666 50%, #000 50%); background: -moz-linear-gradient(#666 50%, #000 50%); background: linear-gradient(#666 50%, #000 50%) } .mbsc-sense-ui .dwb { height: 40px; line-height: 40px; padding: 0 15px; margin: 0 2px; color: #fff; font-size: 14px; font-weight: bold; border: 1px solid #333; background: #222; background: -webkit-gradient(linear, left bottom, left top, from(#000), to(#444)); background: -webkit-linear-gradient(#444, #000); background: -moz-linear-gradient(#444, #000); background: linear-gradient(#444, #000); box-shadow: inset 0 0 5px #000; border-radius: 5px } .mbsc-sense-ui .dw .dwb-a { background: #3c7500; background: -webkit-gradient(linear, left bottom, left top, from(#3c7500), to(#94c840)); background: -webkit-linear-gradient(#94c840, #3c7500); background: -moz-linear-gradient(#94c840, #3c7500); background: linear-gradient(#94c840, #3c7500) } .mbsc-sense-ui .dw-bubble-bottom .dw-arr { border-color: transparent transparent #fff transparent } .mbsc-sense-ui .dw-bubble-top .dw-arr { border-color: #fff transparent transparent transparent } .mbsc-sense-ui.dw-top .dwwr, .mbsc-sense-ui.dw-bottom .dwwr { border: 0; border-radius: 0 } .mbsc-sense-ui.dw-bottom .dwwr { border-top: 1px solid #666 } .mbsc-ios .dwo { background: rgba(0,0,0,.2); filter: Alpha(Opacity=20) } .mbsc-ios .dwwr { position: relative; background: #f7f7f7; color: #000; padding-top: 3.333334em; font-size: 12px } .mbsc-ios .dwv { padding: 0 .416667em; color: #9d9d9d; line-height: 2.5em; min-height: 2.5em; border-bottom: 1px solid #acacac } .mbsc-ios .dwbc { position: absolute; top: 0; left: 0; width: 100%; border-bottom: 1px solid #acacac } .mbsc-ios .dwb { height: 2.352941em; line-height: 2.352941em; padding: 0 .588235em; display: inline-block; color: #007aff; font-size: 1.416667em } .mbsc-ios .dwb-a { opacity: .5 } .mbsc-ios .dwbw { display: block; float: right } .mbsc-ios .dwb-c { float: left } .mbsc-ios .dwb-s .dwb { font-weight: bold } .mbsc-ios .dw-bubble-bottom .dw-arr { border-color: transparent transparent #f7f7f7 transparent } .mbsc-ios .dw-bubble-top .dw-arr { border-color: #f7f7f7 transparent transparent transparent } .mbsc-ios.dw-bubble .dwwr { border-radius: 8px } .mbsc-ios.dw-nobtn .dwwr { padding-top: 0 } .mbsc-bootstrap .dw { display: block; padding: 0 } .mbsc-bootstrap .dwv { padding: 0 14px; min-height: 37px; line-height: 37px } .mbsc-bootstrap .dwwr { font-family: inherit; padding: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .mbsc-bootstrap .dwo { background: rgba(0,0,0,.5) } .mbsc-bootstrap .dwbc { padding: 0 2px 4px 2px } .mbsc-bootstrap .dwb { display: block; margin: 0 2px } .mbsc-bootstrap.dw-inline .dw { display: inline-block } .mbsc-bootstrap.dw-liq .dw, .mbsc-bootstrap.dw-top .dw, .mbsc-bootstrap.dw-bottom .dw { border-radius: 0 } .mbsc-bootstrap.dw-bubble .dw { margin: 11px 0 } .mbsc-bootstrap .dw-arrw-i { height: 0; margin: 0 10px; padding: 0; border: 0; display: block } .mbsc-bootstrap .dw-bubble-top .dw-arrw { bottom: 0 } .mbsc-bootstrap .dw-bubble-bottom .dw-arrw { top: 0 } .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 } .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 } .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-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-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.1428571em; width: 4.1428571em; height: 100%; padding: 0; margin: 0; border: 0; outline: 0; box-shadow: none; font-size: 14px; text-align: center; opacity: 1; z-index: 4; background: transparent; -webkit-appearance: none; -moz-appearance: textfield; appearance: none; filter: alpha(opacity=100) } .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-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; line-height: 1.25em } .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.28575em; margin: 0 -.07142857em; line-height: 2.28575em; padding: 0 .28571em; 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.25em } .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 .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 } .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-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 } .dwwb, .dwwo, .dwwol { -webkit-transform: translateZ(0) } .dwc { 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 } .dwl { line-height: 30px; height: 30px; top: -30px; left: 0; text-align: center; white-space: nowrap; position: absolute; width: 100% } .dwwc { margin: 0 auto; position: relative; zoom: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .dwfl { max-width: 100%; -webkit-box-flex: 1; -webkit-flex: 1 auto; -ms-flex: 1 auto; flex: 1 auto; -ms-touch-action: none; touch-action: none } .dwwl { position: relative; z-index: 5 } .dwww { position: relative; padding: 1px } .dww { overflow: hidden; position: relative; border-radius: 1px; border-top: 1px solid transparent; border-bottom: 1px solid transparent } .dw-bf { -webkit-backface-visibility: hidden; -webkit-perspective: 1000px; backface-visibility: hidden; perspective: 1000px } .dw-ul { position: relative; z-index: 3 } .dw-li { padding: 0 5px; position: relative; text-align: center; white-space: nowrap; vertical-align: bottom; opacity: .3; filter: Alpha(Opacity=30); cursor: pointer; -webkit-transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; transition: opacity .2s ease-out } .dw-li.dw-v, .dw-li.dw-fv { opacity: 1; filter: Alpha(Opacity=100) } .dw-li.dw-h { visibility: hidden } .dw-i { position: relative; height: 100%; overflow: hidden; text-overflow: ellipsis } .dwwb { position: absolute; z-index: 4; left: 0; cursor: pointer; width: 100%; text-decoration: none; text-align: center; opacity: 1; -webkit-transition: opacity .2s linear; transition: opacity .2s linear } .dwa .dwwb { opacity: 0 } .dwpm .dwwbp { top: 0 } .dwpm .dwwbm { bottom: 0 } .dwpm .dwwol { display: none } .dwwo { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none } .dwwol { position: absolute; z-index: 1; top: 50%; left: 0; width: 100%; pointer-events: none } .dw-liq .dwc { display: block } .dw-liq .dw-tbl { width: 100%; table-layout: fixed } .dwhl .dwl { display: none } .dw-hsel { position: absolute; height: 1px!important; width: 1px!important; left: 0; overflow: hidden; clip: rect(1px,1px,1px,1px) } .dw-ml .dw-li { overflow: hidden } .dw-ml .dw-li .dw-i { width: 100%; height: auto; display: inline-block; vertical-align: middle; white-space: normal } .dwwms .dw-li { padding: 0 40px } .dwwms .dwwol { display: none } .dw-msel:before { width: 40px; text-align: center; position: absolute; top: 0; left: 0 } .dww .dw-w-gr { padding: 0 5px; opacity: 1; font-weight: bold; text-align: left } .mbsc-mobiscroll .dwc { padding: 2em .25em 0 .25em } .mbsc-mobiscroll .dwl { color: #4eccc4; font-size: .75em; text-transform: uppercase } .mbsc-mobiscroll .dwhl { padding-top: 0; width:100%; } .mbsc-mobiscroll .dwfl { padding: .5em 0em } .mbsc-mobiscroll .dw-li { font-size: 0.7rem; } .mbsc-mobiscroll .dw-hl { background: #cae4ff } .mbsc-mobiscroll .dwwol { border-top1: 1px solid #e6e6e6; border-bottom1: 1px solid #e6e6e6; color: #0e76e5; } .mbsc-mobiscroll .dwpm .dwwol { display: block } .mbsc-mobiscroll .dwwb { color: #4eccc4; background: #f7f7f7 } .mbsc-mobiscroll .dwwbp { bottom: 0; top: auto } .mbsc-mobiscroll .dwwbm { top: 0; bottom: auto } .mbsc-mobiscroll .dwwb span { display: none } .mbsc-mobiscroll .dwwb:before { position: absolute; left: 0; top: 0; width: 100%; font-size: 24px; text-align: center } .mbsc-mobiscroll .dwwb.dwb-a:before { background: rgba(78,204,196,.3) } .mbsc-mobiscroll .dw-w-gr { font-size: 1.125em } .mbsc-mobiscroll .dw-msel:before { font-size: 40px; color: #4eccc4 } .mbsc-mobiscroll .dwwms .dwwol { display: none } .mbsc-android-holo .dwc { padding: 1.875em .625em .063em .625em } .mbsc-android-holo .dwl { font-size: .75em } .mbsc-android-holo .dwhl { padding: .0625em .625em } .mbsc-android-holo .dw-li { color: #fff; font-size: 1.125em } .mbsc-android-holo .dw-hl { background: rgba(49,182,231,.5) } .mbsc-android-holo .dwwo { 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: -moz-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 .dwwb { color: #7e7e7e; background: #292829 } .mbsc-android-holo .dwwb span { display: none } .mbsc-android-holo .dwwb:before { position: absolute; top: 0; left: 0; width: 100%; font-size: 1.625em; text-align: center } .mbsc-android-holo .dwwbm { top: 0; bottom: auto } .mbsc-android-holo .dwwbp { bottom: 0; top: auto } .mbsc-android-holo .dwwl .dwb-a { background: #292829; color: #319abd } .mbsc-android-holo .dwwol { display: block; width: 60%; left: 20%; border-top: 2px solid #31b6e7; border-bottom: 2px solid #31b6e7 } .mbsc-android-holo .dwwms .dwwo, .mbsc-android-holo .dwwms .dwwol { display: none } .mbsc-android-holo .dwwms .dw-li { padding: 0 2.25em } .mbsc-android-holo .dwwms .dw-li: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 .dw-msel: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 .dww .dw-w-gr { padding: 0 .375em; font-size: 1em; font-weight: normal } .mbsc-android-holo .dww .dw-w-gr:after { display: none } .mbsc-wp .dw-li, .mbsc-wp .dwwb { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mbsc-wp .dwl { font-size: .75em } .mbsc-wp .dwc { padding: 1.875em 0 0 0 } .mbsc-wp .dwhl { padding: 0 } .mbsc-wp .dwwc { padding: .188em } .mbsc-wp .dwwl { padding: 0 .125em } .mbsc-wp .dw-li { padding: 0; font-size: 1.625em; letter-spacing: -.038em; text-align: left; opacity: 0; filter: Alpha(Opacity=0) } .mbsc-wp .dw-i { position: relative; top: 4%; height: 92%; padding: 0 .192em; border: 2px solid #4c4c4c; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; filter: inherit } .mbsc-wp .dw-li .dw-i { color: #fff } .mbsc-wp .wpa .dw-li, .mbsc-wp .dwa .dw-li { opacity: .3; filter: Alpha(Opacity=30) } .mbsc-wp .wpa .dw-v, .mbsc-wp .wpa .dw-fv, .mbsc-wp .dwa .dw-v, .mbsc-wp .dwa .dw-fv { opacity: 1; filter: Alpha(Opacity=100) } .mbsc-wp .dw-day, .mbsc-wp .dw-mon { display: block; line-height: 1.636em; font-size: .423em; letter-spacing: normal; position: absolute; bottom: 0; filter: inherit } .mbsc-wp .dw-sel { opacity: 1; filter: Alpha(Opacity=100) } .mbsc-wp .dw-sel .dw-i, .mbsc-wp .dw-hl .dw-i { color: #fff; background: #1a9fe0; border-color: #1a9fe0 } .mbsc-wp .dwwo { display: none } .mbsc-wp .dwwol { display: none } .mbsc-wp .dwwb { background: #1f1f1f } .mbsc-wp .dwwb:before { position: absolute; top: 50%; left: 50%; width: 2em; height: 2em; margin: -1.182em 0 0 -1.182em; color: #fff; line-height: 2em; font-size: .688em; text-align: center; border: 2px solid #fff; border-radius: 1.182em } .mbsc-wp .dwwl .dwb-a { top: auto; background: #1f1f1f } .mbsc-wp .dwwl .dwb-a:before { color: #000 } .mbsc-wp .dwwb span { display: none } .mbsc-wp .dwwms .dw-li { padding: 0; opacity: .3; filter: Alpha(Opacity=30) } .mbsc-wp .dwwms .dw-v { opacity: 1; filter: Alpha(Opacity=100) } .mbsc-wp .dwwms .dw-li .dw-i { color: #fff; border: 0; padding-left: 1.538em; background: 0 } .mbsc-wp .dwwms .dw-li:after { content: ''; position: absolute; z-index: 1; top: 50%; left: .192em; width: .769em; height: .769em; margin-top: -.385em; border: 2px solid #fff } .mbsc-wp .dwwms .dw-msel:before { z-index: 2; top: 50%; left: .313em; width: 1.375em; margin-top: -.5em; font-size: .615em; line-height: 1.25em; color: #fff } .mbsc-wp .dw-select-gr.wpa .dw-w-gr { font-size: 22px; font-weight: normal; opacity: 1; filter: Alpha(Opacity=100) } .mbsc-wp .dw-select-gr .dw-w-gr .dw-i { border: 0; padding-left: 5px } .mbsc-wp .dw-select-gr .dw-w-gr:after { display: none } .mbsc-sense .dwc { padding: 12px 0 26px 0 } .mbsc-sense .dwhl { padding: 16px 2px 16px 2px } .mbsc-sense .dwfl { margin: 0 12px; padding: 4px 2px } .mbsc-sense .dww { background: #f3f3f3; color: #2c2c2c } .mbsc-sense .dwwo { background: -webkit-gradient(linear, left top, left bottom, from(#8e8e8e), color-stop(0.1, rgba(240,240,240,0)), color-stop(0.9, rgba(240,240,240,0)), to(#8e8e8e)); background: -webkit-linear-gradient(#8e8e8e, rgba(240,240,240,0) 10%, rgba(240,240,240,0) 90%, #8e8e8e); background: -moz-linear-gradient(#8e8e8e, rgba(240,240,240,0) 10%, rgba(240,240,240,0) 90%, #8e8e8e); background: linear-gradient(#8e8e8e, rgba(240,240,240,0) 10%, rgba(240,240,240,0) 90%, #8e8e8e); -webkit-box-shadow: #aaa 0 0 50px inset; box-shadow: #aaa 0 0 50px inset; border-radius: 2px } .mbsc-sense .dw-ul { margin-top: -20px } .mbsc-sense .dw-li { font-size: 30px; font-weight: bold; text-shadow: 0 1px 0 #fff } .mbsc-sense .dw-hl { background: rgba(64,160,196,.3) } .mbsc-sense .dwl { top: auto; bottom: -26px; height: 26px; line-height: 26px; color: #888; font-size: 10px; text-transform: uppercase } .mbsc-sense .dwwl { border: 1px solid #fff; border-radius: 3px } .mbsc-sense .dwwol { height: 1px; background: #c8c8c8; background: -webkit-gradient(linear, left top, right top, from(rgba(200,200,200,0)), color-stop(0.5, #c8c8c8), to(rgba(200,200,200,0))); background: -webkit-linear-gradient(left, rgba(200,200,200,0), #c8c8c8, rgba(200,200,200,0)); background: -moz-linear-gradient(left, rgba(200,200,200,0), #c8c8c8, rgba(200,200,200,0)); background: linear-gradient(to right, rgba(200,200,200,0), #c8c8c8, rgba(200,200,200,0)); border-bottom: 1px solid #fff } .mbsc-sense .dwwb { background: #eee } .mbsc-sense .dwpm .dwwl { border: 0; background: #eee } .mbsc-sense .dwpm .dww { background: #eee } .mbsc-sense .dwpm .dwwo { display: none } .mbsc-sense .dwwb span { display: none } .mbsc-sense .dwwbm { top: 0; bottom: auto } .mbsc-sense .dwwbp { bottom: 0; top: auto } .mbsc-sense .dwwb:before { position: absolute; top: 0; left: 0; width: 100%; color: #121212; font-size: 24px; text-align: center } .mbsc-sense .dwwb.dwb-a:before { color: #40a0c4 } .mbsc-sense.dwms .dww { padding: 20px 0 } .mbsc-sense .dw-w-gr { font-size: 20px } .mbsc-material .dwc { padding: 2em .25em 0 .25em } .mbsc-material .dwhl { padding: 2em .25em } .mbsc-material .dwl { color: #009688; font-size: .75em; font-weight: bold; text-transform: uppercase } .mbsc-material .dwfl { padding: .5em .25em } .mbsc-material .dw-li { font-size: 1.375em } .mbsc-material .dw-hl { background: rgba(0,0,0,.1); border-radius: 2px } .mbsc-material .dwwol { border-top: 2px solid #009688; border-bottom: 2px solid #009688; padding-left: .625em; z-index: 4 } .mbsc-material .dwwc .dwfl:last-child .dwwol { padding-left: 0 } .mbsc-material .dwpm .dwwol { display: block } .mbsc-material .dwwb { height: 2em!important; line-height: 2em!important; color: #009688; background: #eee; overflow: hidden } .mbsc-material .dwwbp { top: 100% } .mbsc-material .dwwbm { bottom: 100% } .mbsc-material .dwwb span { display: none } .mbsc-material .dwwb .mbsc-ripple { display: block } .mbsc-material .dwwb:before { position: absolute; left: 0; top: 0; width: 100%; font-size: 1.5em; text-align: center } .mbsc-material .dwwb.dwb-a:before { background: rgba(0,0,0,.1) } .mbsc-material .dw-w-gr { font-size: 1.125em } .mbsc-material .dw-msel:before { color: #009688 } .mbsc-material .dwwms .dwwol { display: none } .mbsc-ios-classic .dwc { padding: 30px 2px 10px 2px } .mbsc-ios-classic .dwhl { padding: 10px 2px } .mbsc-ios-classic .dwwl { padding: 0 2px; border-left: 1px solid #000; border-right: 1px solid #000; background: #cbcce0; background: -webkit-gradient(linear, left bottom, left top, from(#2c2c38), color-stop(0.35, #cbcce0), color-stop(0.65, #cbcce0), to(#2c2c38)); background: -webkit-linear-gradient(#2c2c38, #cbcce0 35%, #cbcce0 65%, #2c2c38); background: -moz-linear-gradient(#2c2c38, #cbcce0 35%, #cbcce0 65%, #2c2c38); background: linear-gradient(#2c2c38, #cbcce0 35%, #cbcce0 65%, #2c2c38); -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.3); box-shadow: 0 1px 1px rgba(255,255,255,0.3) } .mbsc-ios-classic .dw-ltr .dwsc .dwfl:first-child .dwwl, .mbsc-ios-classic .dw-rtl .dwsc .dwfl:last-child .dwwl { -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px } .mbsc-ios-classic .dw-ltr .dwsc .dwfl:last-child .dwwl, .mbsc-ios-classic .dw-rtl .dwsc .dwfl:first-child .dwwl { -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px } .mbsc-ios-classic .dwsc .dww { background: #fff; background: -webkit-gradient(linear, left bottom, left top, from(#333), color-stop(0.10, #999), color-stop(0.30, #fff), color-stop(0.70, #fff), color-stop(0.90, #999), to(#333)); background: -webkit-linear-gradient(#333, #999 10%, #fff 30%, #fff 70%, #999 90%, #333); background: -moz-linear-gradient(#333, #999 10%, #fff 30%, #fff 70%, #999 90%, #333); background: linear-gradient(#333, #999 10%, #fff 30%, #fff 70%, #999 90%, #333); border-radius: 0 } .mbsc-ios-classic .dwpm .dwwl { margin: 4px 2px; border: 1px solid #000; border-radius: 3px } .mbsc-ios-classic .dwpm .dww { background: -webkit-gradient(linear, left bottom, left top, from(#333), color-stop(0.48, #fff), color-stop(0.52, #fff), to(#333)); background: -webkit-linear-gradient(#333, #fff 48%, #fff 52%, #333); background: -moz-linear-gradient(#333, #fff 48%, #fff 52%, #333); background: linear-gradient(#333, #fff 48%, #fff 52%, #333) } .mbsc-ios-classic .dw-li { color: #000; font-size: 20px; font-weight: bold; text-align: right; text-shadow: none } .mbsc-ios-classic .dw-li.dw-hl { background: -webkit-gradient(linear, left bottom, left top, from(#0288f3), to(#005de6)); background: -webkit-linear-gradient(#0288f3, #005de6); background: -moz-linear-gradient(#0288f3, #005de6); background: linear-gradient(#0288f3, #005de6); color: #fff } .mbsc-ios-classic .dwwo { background: -webkit-gradient(linear, left bottom, left top, from(#333), color-stop(0.1, rgba(153,153,153,0)), color-stop(0.9, rgba(153,153,153,0)), to(#333)); background: -webkit-linear-gradient(#333, rgba(153,153,153,0) 10%, rgba(153,153,153,0) 90%, #333); background: -moz-linear-gradient(#333, rgba(153,153,153,0) 10%, rgba(153,153,153,0) 90%, #333); background: linear-gradient(#333, rgba(153,153,153,0) 10%, rgba(153,153,153,0) 90%, #333) } .mbsc-ios-classic .dwwol { height: 28px; padding: 1px; margin-top: -16px; border-top: 1px solid #7b8699; border-bottom: 1px solid #7b8699; background: #6f75b0; background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, rgba(111,117,176,0.5)), color-stop(0.5, rgba(151,157,197,0.5))); background: -webkit-linear-gradient(rgba(151,157,197,0.5) 50%, rgba(111,117,176,0.5) 50%); background: -moz-linear-gradient(rgba(151,157,197,0.5) 50%, rgba(111,117,176,0.5) 50%); background: linear-gradient(rgba(151,157,197,0.5) 50%, rgba(111,117,176,0.5) 50%); z-index: 10; left: -1px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.5); filter: alpha(opacity=50) } .mbsc-ios-classic .dwwb { color: #fff; background: #3f4e68; background: -webkit-gradient(linear, left bottom, left top, from(#3f4e68), color-stop(0.5, #75859f), color-stop(0.5, #808ea6), to(#c7d1e2)); background: -webkit-linear-gradient(#c7d1e2, #808ea6 50%, #75859f 50%, #3f4e68); background: -moz-linear-gradient(#c7d1e2, #808ea6 50%, #75859f 50%, #3f4e68); background: linear-gradient(#c7d1e2, #808ea6 50%, #75859f 50%, #3f4e68) } .mbsc-ios-classic .dwwbp { border-radius: 3px 3px 0 0; font-size: 40px } .mbsc-ios-classic .dwwbm { border-radius: 0 0 3px 3px; font-size: 32px; font-weight: bold } .mbsc-ios-classic .dwwl .dwb-a { background: #252c36; background: -webkit-gradient(linear, left bottom, left top, from(#252c36), color-stop(0.5, #171e28), color-stop(0.5, #272e38), to(#6b6e75)); background: -webkit-linear-gradient(#6b6e75, #272e38 50%, #171e28 50%, #252c36); background: -moz-linear-gradient(#6b6e75, #272e38 50%, #171e28 50%, #252c36); background: linear-gradient(#6b6e75, #272e38 50%, #171e28 50%, #252c36) } .mbsc-ios-classic.dwms .dww { padding: 10px 0 } .mbsc-ios-classic .dwwms .dw-li { padding: 0 5px 0 40px; text-align: left } .mbsc-ios-classic .dw-msel { color: #215085 } .mbsc-ios-classic .dww .dw-w-gr { padding: 0 5px; color: #777; text-align: left } .mbsc-android .dwc { padding: 32px 2px 6px 2px } .mbsc-android .dwhl { padding-top: 6px } .mbsc-android .dw-li { font-size: 26px; text-shadow: 0 1px 1px #000 } .mbsc-android .dw-hl { background: rgba(255,255,255,.3) } .mbsc-android .dwwl { padding: 0 2px; margin: 0 2px; background: #888; background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.35, #333), color-stop(0.50, #888), color-stop(0.65, #333), to(#000)); background: -webkit-linear-gradient(#000, #333 35%, #888 50%, #333 65%, #000); background: -moz-linear-gradient(#000, #333 35%, #888 50%, #333 65%, #000); background: linear-gradient(#000, #333 35%, #888 50%, #333 65%, #000) } .mbsc-android .dww { color: #fff; background: #444; background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.45, #444), color-stop(0.55, #444), to(#000)); background: -webkit-linear-gradient(#000, #444 45%, #444 55%, #000); background: -moz-linear-gradient(#000, #444 45%, #444 55%, #000); background: linear-gradient(#000, #444 45%, #444 55%, #000) } .mbsc-android .dwwo { background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.52, rgba(44,44,44,0)), color-stop(0.48, rgba(44,44,44,0)), to(#000)); background: -webkit-linear-gradient(#000, rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000); background: -moz-linear-gradient(#000, rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000); background: linear-gradient(#000, rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000) } .mbsc-android .dwwol { height: 0; margin-top: -1px; border-top: 1px solid #333; border-bottom: 1px solid #555 } .mbsc-android .dwpm .dwwl { padding: 0; background: #fff } .mbsc-android .dwpm .dww { color: #000; background: #fff; border-radius: 3px } .mbsc-android .dwpm .dw-li { text-shadow: none } .mbsc-android .dwwb { background: #ccc; color: #888; text-shadow: 0 -1px 1px #333; -webkit-box-shadow: 0 0 5px #333; box-shadow: 0 0 5px #333 } .mbsc-android .dwwbp { background: -webkit-gradient(linear, left bottom, left top, from(#bdbdbd), to(#f7f7f7)); background: -webkit-linear-gradient(#f7f7f7, #bdbdbd); background: -moz-linear-gradient(#f7f7f7, #bdbdbd); background: linear-gradient(#f7f7f7, #bdbdbd); border-radius: 3px 3px 0 0; font-size: 40px } .mbsc-android .dwwbm { background: -webkit-gradient(linear, left bottom, left top, from(#f7f7f7), to(#bdbdbd)); background: -webkit-linear-gradient(#bdbdbd, #f7f7f7); background: -moz-linear-gradient(#bdbdbd, #f7f7f7); background: linear-gradient(#bdbdbd, #f7f7f7); border-radius: 0 0 3px 3px; font-size: 32px; font-weight: bold } .mbsc-android .dw-w-gr { font-size: 20px } .mbsc-sense-ui .dwc { padding: 30px 2px 4px 2px } .mbsc-sense-ui .dwhl { padding-top: 4px } .mbsc-sense-ui .dwfl { padding: 0 2px } .mbsc-sense-ui .dw-li { font-size: 26px; text-shadow: 0 1px 1px #000 } .mbsc-sense-ui .dw-hl { background: rgba(255,255,255,.3) } .mbsc-sense-ui .dwwl { padding: 0 2px; background: #888; background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.35, #333), color-stop(0.50, #888), color-stop(0.65, #333), to(#000)); background: -webkit-linear-gradient(#000, #333 35%, #888 50%, #333 65%, #000); background: -moz-linear-gradient(#000, #333 35%, #888 50%, #333 65%, #000); background: linear-gradient(#000, #333 35%, #888 50%, #333 65%, #000); border-radius: 3px } .mbsc-sense-ui .dww { color: #fff; background: #444; background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.45, #444), color-stop(0.55, #444), to(#000)); background: -webkit-linear-gradient(#000, #444 45%, #444 55%, #000); background: -moz-linear-gradient(#000, #444 45%, #444 55%, #000); background: linear-gradient(#000, #444 45%, #444 55%, #000) } .mbsc-sense-ui .dwwo { background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.52, rgba(44,44,44,0)), color-stop(0.48, rgba(44,44,44,0)), to(#000)); background: -webkit-linear-gradient(#000, rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000); background: -moz-linear-gradient(#000, rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000); background: linear-gradient(#000, rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000) } .mbsc-sense-ui .dwwol { height: 0; margin-top: -1px; border-top: 1px solid #333; border-bottom: 1px solid #555 } .mbsc-sense-ui .dwpm .dwwl { padding: 0; background: #fff } .mbsc-sense-ui .dwpm .dww { color: #000; background: #fff; border-radius: 3px } .mbsc-sense-ui .dwpm .dw-li { text-shadow: none } .mbsc-sense-ui .dwwb { background: #ccc; color: #888; text-shadow: 0 -1px 1px #333; -webkit-box-shadow: 0 0 5px #333; box-shadow: 0 0 5px #333 } .mbsc-sense-ui .dwwbp { background: -webkit-gradient(linear, left bottom, left top, from(#bdbdbd), to(#f7f7f7)); background: -webkit-linear-gradient(#f7f7f7, #bdbdbd); background: -moz-linear-gradient(#f7f7f7, #bdbdbd); background: linear-gradient(#f7f7f7, #bdbdbd); border-radius: 3px 3px 0 0; font-size: 40px } .mbsc-sense-ui .dwwbm { background: -webkit-gradient(linear, left bottom, left top, from(#f7f7f7), to(#bdbdbd)); background: -webkit-linear-gradient(#bdbdbd, #f7f7f7); background: -moz-linear-gradient(#bdbdbd, #f7f7f7); background: linear-gradient(#bdbdbd, #f7f7f7); border-radius: 0 0 3px 3px; font-size: 32px; font-weight: bold } .mbsc-sense-ui .dw-w-gr { font-size: 20px } .mbsc-ios .dwl { text-align: left; text-indent: .4166667em; color: #ababab } .mbsc-ios .dwwc { padding: 2.5em .833333em .833333em .833333em } .mbsc-ios .dwhl .dwwc { padding-top: .833333em } .mbsc-ios .dwwo { 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: -moz-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 .dwwol { padding: 0 .833333em; height: 2.833333em; margin: -1.5em 0 0 -.833333em; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb } .mbsc-ios .dw-li { color: #9d9d9d; font-size: 1.833333em; text-align: left } .mbsc-ios .dw-hl { background: rgba(0,122,255,.2) } .mbsc-ios .dw-sel { color: #000 } .mbsc-ios .dwpm .dw-li { text-align: center } .mbsc-ios .dwpm .dwwol { display: block } .mbsc-ios .dwwb { color: #007aff; background: #f7f7f7 } .mbsc-ios .dwwbp { bottom: 0; top: auto } .mbsc-ios .dwwbm { top: 0; bottom: auto } .mbsc-ios .dwwb span { display: none } .mbsc-ios .dwwb:before { position: absolute; left: 0; top: 0; width: 100%; font-size: 2em; text-align: center } .mbsc-ios.dw-select .dwwo { display: none } .mbsc-ios .dwwms .dw-li { padding: 0 .227272em 0 1.818181em; color: #000 } .mbsc-ios .dwwms .dw-msel { color: #007aff } .mbsc-ios .dw-msel:before { font-size: 1.818181em } .mbsc-ios .dw-select-gr .dw-li { padding-left: 1.818181em } .mbsc-ios .dw-select-gr .dw-w-gr { padding-left: .277777em; font-weight: normal; font-size: 1.222222em } .mbsc-bootstrap .dwcc { margin: 0 auto } .mbsc-bootstrap .dwc { padding: 30px 2px 4px 2px; overflow: visible } .mbsc-bootstrap .dwhl { padding-top: 0 } .mbsc-bootstrap .dwfl { padding: 4px 2px 0 2px } .mbsc-bootstrap .dwwol { z-index: 3; padding: 0 2px; margin: 0 -2px; background: rgba(0,0,0,.2); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .mbsc-bootstrap .dw-ltr .dwfl:first-child .dwwol, .mbsc-bootstrap .dw-rtl .dwfl:last-child .dwwol { padding-left: 4px; margin-left: -4px } .mbsc-bootstrap .dw-ltr .dwfl:last-child .dwwol, .mbsc-bootstrap .dw-rtl .dwfl:first-child .dwwol { padding-right: 4px; margin-right: -4px } .mbsc-bootstrap .dw-tbl { background: 0 } .mbsc-bootstrap .dw-li { font-size: 26px } .mbsc-bootstrap .dw-hl { background: rgba(0,0,0,.1) } .mbsc-bootstrap .dwwb { padding: 0 } .mbsc-bootstrap .dwpm .dwwo { display: none } .mbsc-bootstrap .dwwbp span { font-size: 40px; font-weight: normal } .mbsc-bootstrap .dwwbm span { font-size: 32px } .mbsc-bootstrap .dw-w-gr { font-size: 20px } .mbsc-np .dwwr { 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 } .dw-top .mbsc-np-tbl-c, .dw-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.dwb-a { opacity: 1 } .dw-rtl .mbsc-np-dsp { padding-left: 1.75em; padding-right: .5em; text-align: right } .dw-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.dwb-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.dwb-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.dwb-d { opacity: .3 } .mbsc-android-holo-light .mbsc-np-hdr { border-bottom: 1px solid #dbdbdb } .mbsc-bootstrap.mbsc-np .dwbc { padding: 4px 2px } .mbsc-bootstrap .mbsc-np-del.dwb-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 .dw-ltr .mbsc-np-btn:first-child, .mbsc-bootstrap .dw-rtl .mbsc-np-btn:last-child { border-left-width: 0 } .mbsc-bootstrap.dw-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 .dwwr { 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 .dw-ltr .mbsc-np-btn:first-child, .mbsc-ios-classic .dw-rtl .mbsc-np-btn:last-child { border-left: 0 } .mbsc-ios-classic .mbsc-np-btn.dwb-a { background: #eee; color: #000; text-shadow: 0 1px 0 rgba(255,255,255,0.7) } .mbsc-ios-classic .mbsc-np-btn.dwb-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 .dwwr { padding-top: 2.5em } .mbsc-ios.mbsc-np .dwb { 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 .dw-ltr .mbsc-np-btn:first-child, .mbsc-ios .dw-rtl .mbsc-np-btn:last-child { border-left: 0 } .mbsc-ios .mbsc-np-btn.dwb-a { background: #ddd } .mbsc-ios .mbsc-np-btn.dwb-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 .dwbc { padding: 4px 2px } .mbsc-jqm .mbsc-np-del.dwb-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.dw-inline .mbsc-np-row:last-child .mbsc-np-btn { border-bottom-width: 0 } .mbsc-jqm .dw-ltr .mbsc-np-btn:first-child, .mbsc-jqm .dw-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.dwb-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 .dw-ltr .mbsc-np-btn:first-child, .mbsc-sense .dw-rtl .mbsc-np-btn:last-child { border-left: 0 } .mbsc-sense .mbsc-np-btn.dwb-a { background: #bad7e1 } .mbsc-sense .mbsc-np-btn.dwb-d { color: #bfbfbf } .mbsc-wp.mbsc-np .dwwr { padding: 2px } .mbsc-wp.mbsc-np .dwbc { padding-top: 4px } .mbsc-wp .mbsc-np-del.dwb-a { top: 0; opacity: .5 } .mbsc-wp .mbsc-np-del.dwb-a:before { background: 0; color: #fff } .mbsc-wp .mbsc-np-btn { top: 0; background: #333; border: 2px solid #1f1f1f } .mbsc-wp .mbsc-np-btn.dwb-a { background: #1a9fe0 } .mbsc-wp .mbsc-np-btn.dwb-d { color: #666 } .mbsc-wp .mbsc-np-btn-empty { background: 0 } .mbsc-wp-light .mbsc-np-del.dwb-a:before { color: #000 } .mbsc-wp-light .mbsc-np-btn { border-color: #dedede; background: #ccc } .mbsc-wp-light .mbsc-np-btn.dwb-a { background: #b5b5b5 } .mbsc-wp-light .mbsc-np-btn.dwb-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.dwb-d { opacity: .5 } .dw-cal-sc-m-cell, .dw-cal-days, .dw-cal-slide, .dw-cal-row, .dw-cal-day, .dw-cal-day-fg, .dw-week-nr { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .dw-cal-sc-c, .dw-week-nrs-c, .dw-cal-c, .dw-cal-slide, .dw-cal-tab .dw-i, .dw-cal-sc .dw-i { -webkit-backface-visibility: hidden; backface-visibility: hidden } .dw-calendar .dwcc { position: relative; margin: 0 auto } .dw-calendar .dwc-hh { width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; display: none } .dw-cal-c { position: relative; -ms-touch-action: pan-y; touch-action: pan-y } .mbsc-cal-vertical .dw-cal-body { -ms-touch-action: none; touch-action: none } .dw-cal-pnl { display: inline-block; vertical-align: middle } .dw-cal-tabbed .dw-cal-pnl { display: table; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .dw-cal-tabbed .dw-cal-pnl-h { display: none } .dw-cal-tabbed .dw-cal-pnl-i { display: table-cell; vertical-align: middle } .dw-cal-tabbed .dw-cal { width: auto!important } .dw-trans .dw-persp .dw-cal-c { -webkit-backface-visibility: visible; backface-visibility: visible } .dw-cal-anim-c { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate(0, 0); transform: translate3d(0, 0, 0) } .dw-cal-anim { position: relative; height: 100%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .dw-cal-no3d .dw-cal-anim { margin: 0 } .dw-cal-slide { opacity: .5; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: opacity 300ms; -webkit-perspective: 1000px; perspective: 1000px } .dw-cal-slide:first-child { position: relative } .dw-cal-slide-a { opacity: 1 } .dw-cal-header { line-height: 40px; text-align: center } .dw-cal table { width: 100%; height: 100%; border-collapse: collapse; table-layout: fixed } .dw-cal th { line-height: 30px; text-align: center } .dw-cal-nb { border: 0 } .dw-cal-body { position: relative } .dw-cal-table { height: 100%; width: 100%; display: table; table-layout: fixed } .dw-cal-row { white-space: nowrap; display: table-row } .dw-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 } .dw-cal-day-v { cursor: pointer } .dw-cal-day .dw-i { overflow: visible } .dw-cal-day-diff .dw-i { opacity: .3 } .dw-cal-day-diff.dw-sel .dw-i { opacity: 1 } .dw-hide-diff .dw-cal-day-diff .dw-i { visibility: hidden } .dw-cal-day-fg { padding: 5px; position: relative; z-index: 2 } .dw-weeks .dw-cal-days-c, .dw-weeks .dw-cal-anim-c { padding-left: 26px } .dw-week-nrs-c { display: none; position: absolute; width: 26px; height: 100%; left: 0; z-index: 3 } .dw-week-nrs { display: table; width: 100%; height: 100% } .dw-week-nr { position: relative; display: none; height: 16.6666%; text-align: center; font-weight: bold } .dw-week-nr-i { display: table-cell; vertical-align: middle; padding-top: 1px } .dw-weeks .dw-week-nrs-c { display: block } .dw-week-nrs .dw-week-nr { display: table-row } .dw-rtl .dw-weeks .dw-cal-days-c, .dw-rtl .dw-weeks .dw-cal-anim-c { padding-left: 0; padding-right: 26px } .dw-rtl .dw-week-nrs-c { left: auto; right: 0 } .dw-cal-sc-c { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; overflow: hidden } .dw-cal-h { visibility: hidden } .dw-cal-p-out { -webkit-animation: 200ms dw-f-out ease-in; -moz-animation: 200ms dw-f-out ease-in; animation: 200ms dw-f-out ease-in } .dw-cal-p-in { -webkit-animation: 200ms dw-f-in ease-out; -moz-animation: 200ms dw-f-in ease-out; animation: 200ms dw-f-in ease-out } .mbsc-old .dw-cal-p-in, .mbsc-old .dw-cal-p-out { -webkit-animation: none; -moz-animation: none; animation: none } .dw-cal-sc { position: relative; height: 100%; white-space: nowrap; font-size: 1.3333em } .dw-cal-sc-p { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0) } .dw-cal-sc-tbl { display: table; width: 100%; height: 100%; table-layout: fixed } .dw-cal-sc-row { display: table-row } .dw-cal-sc-cell { cursor: pointer; display: table-cell; vertical-align: middle; text-align: center } .dw-cal-sc-m-cell { height: 25% } .dw-cal-btnc { position: relative; font-size: 1.5em } .dw-cal-btnw { position: relative; height: 40px } .dw-cal .dw-cal-btn { position: absolute; top: 0; height: 40px; width: 36px; margin: 0; padding: 0; cursor: pointer } .dw-cal .dwb-d { opacity: .3 } .dw-cal-prev { left: 0 } .dw-cal-next { right: 0 } .dw-cal-month, .dw-cal-year { cursor: pointer } .dw-cal-btnc-ym .dw-cal-month, .dw-cal-btnc-ym .dw-cal-year { display: block; margin: 0 36px; overflow: hidden; text-overflow: ellipsis } .dw-cal-btnc-ym .dw-cal-btnw { width: 50%; display: inline-block; white-space: nowrap; vertical-align: top } .dw-cal-btn-txt { overflow: hidden } .dw-cal-btn-txt:before { display: block } .dw-cal-liq .dw { display: block } .dw-cal-liq .dw-cal-pnl { width: 100% } .dw-cal-liq .dw-cal { width: auto } .dw-cal-liq.dw-modal .dw { width: 100%; top: 0; left: 0 } .dw-cal-liq.dw-modal .dwo { display: none } .dw-cal-liq.dw-modal .dwwr { width: auto!important } .dw-cal-tabs { line-height: 40px; display: none; color: #000 } .dw-cal-tabbed .dw-cal-tabs { display: block } .dw-cal-tabbed .dwwr { width: auto!important } .dw-cal-tabs ul, .dw-cal-tabs li { margin: 0; padding: 0; list-style: none } .dw-cal-tabs ul { width: 100%; display: table } .dw-cal-tab { width: 33.33%; display: table-cell; cursor: pointer } .dw-cal-tab .dw-i { display: block; text-decoration: none } .dw-cal-multi .dw-cal-slide { padding-left: 8px } .dw-ltr .dw-cal-multi .dw-cal-anim-c { margin-right: -8px } .dw-rtl .dw-cal-multi .dw-cal-anim-c { margin-left: -8px } .dw-cal-multi .dw-cal-anim { margin-left: -8px } .dw-cal-multi .dw-cal-btnw { display: block; width: auto } .dw-cal-multi .dw-cal-btnw-m { display: inline-block; white-space: nowrap; vertical-align: top } .dw-cal-multi .dw-cal-days-c { overflow: hidden } .dw-cal-multi .dw-cal-days { float: left } .mbsc-cal-m .dw-cal { font-size: 1.2em } .mbsc-cal-l .dw-cal { font-size: 1.4em } .mbsc-mobiscroll .dw-cal-c { padding: .5em } .mbsc-mobiscroll .dw-cal-sc { font-size: 1em } .mbsc-mobiscroll .dw-cal-sc-c { background: #f7f7f7 } .mbsc-mobiscroll .dw-cal-btnc { font-size: 1.125em } .mbsc-mobiscroll .dw-hl-now .dw-cal-today { color: #4eccc4 } .mbsc-mobiscroll .dw-cal-btn-txt { color: #4eccc4; font-size: 1em; line-height: 40px } .mbsc-mobiscroll .dw-cal-days-c { margin-left: -8px } .mbsc-mobiscroll .dw-cal-days { padding-left: 8px; color: #4eccc4 } .mbsc-mobiscroll .dw-cal-days th { font-size: .6875em; font-weight: normal; border-bottom: 1px solid #4eccc4 } .mbsc-mobiscroll .dw-cal-day { line-height: 1.875em; text-align: center } .mbsc-mobiscroll .dw-cal-day-fg { font-size: .8125em } .mbsc-mobiscroll .dw-cal-day-inv .dw-cal-day-fg { opacity: .3 } .mbsc-mobiscroll .dw-cal .dw-sel .dw-i { background: #4eccc4; color: #fff } .mbsc-mobiscroll .dw-cal-day-hl .dw-i { border-color: #4eccc4 } .mbsc-mobiscroll .dw-week-nrs-c { font-size: .6875em; color: #4eccc4; background: #f7f7f7 } .mbsc-mobiscroll .dw-week-nr-i { padding-top: 0; font-weight: normal } .mbsc-mobiscroll .dw-cal-tabs { line-height: 1.875em; padding: .5em .5em 0 .5em; text-transform: uppercase } .mbsc-mobiscroll .dw-cal-tabbed .dwwr { padding-top: .5em } .mbsc-mobiscroll .dw-cal-tabbed .dwv { padding-top: 0 } .mbsc-mobiscroll .dw-cal-tab { border: 1px solid #4eccc4; font-size: .7em } .mbsc-mobiscroll .dw-cal-tabs ul { width: auto; margin: 0 auto } .mbsc-mobiscroll .dw-cal-tab .dw-i { padding: 0 1.2em; color: #454545 } .mbsc-mobiscroll .dw-ltr .dw-cal-tab:first-child { border-right: 0 } .mbsc-mobiscroll .dw-ltr .dw-cal-tab:last-child { border-left: 0 } .mbsc-mobiscroll .dw-rtl .dw-cal-tab:last-child { border-right: 0 } .mbsc-mobiscroll .dw-rtl .dw-cal-tab:first-child { border-left: 0 } .mbsc-mobiscroll .dw-cal-tabs .dw-sel { background: #4eccc4 } .mbsc-mobiscroll .dw-cal-tabs .dw-sel .dw-i { color: #f7f7f7 } .mbsc-android-holo .dw-cal-sc-c { background: #292829 } .mbsc-android-holo .dw-cal-sc-m-cell { border-top: 1px solid #444 } .mbsc-android-holo .dw-cal-btn.dwb-a { background: 0 } .mbsc-android-holo .dw-week-nrs-c { background: #292829 } .mbsc-android-holo .dw-week-nr-i { color: #555; padding: 0; border-top: 1px solid #444 } .mbsc-android-holo .dw-cal { padding: .834em; font-size: .75em } .mbsc-android-holo .dw-cal-header { line-height: 3em } .mbsc-android-holo .dw-cal-btnw { height: 2em } .mbsc-android-holo .dw-cal-btn { height: 2.25em; line-height: 2.25em } .mbsc-android-holo .dw-hl-now .dw-cal-today { color: #31b6e7 } .mbsc-android-holo .dw-cal-btn-txt { color: #7e7e7e; font-size: 1.875em } .mbsc-android-holo .dwb-a .dw-cal-btn-txt { color: #319abd } .mbsc-android-holo .dw-cal th { color: #555 } .mbsc-android-holo .dw-cal-day { border-top: 1px solid #444; text-align: center } .mbsc-android-holo .dw-cal-day-inv .dw-cal-day-fg { opacity: .3 } .mbsc-android-holo .dw-cal .dw-sel .dw-i { color: #fff; background: #31b6e7; background: rgba(49,182,231,.5) } .mbsc-android-holo .dw-cal .dw-cal-day-hl .dw-i { background: #31b6e7; color: #fff } .mbsc-android-holo.dw-cal-liq .dw-cal { padding: 0 } .mbsc-android-holo .dw-cal-tabs { background: #333; color: #fff; text-transform: uppercase; font-size: .625em; font-weight: bold; line-height: 1.4em } .mbsc-android-holo .dw-cal-tab { border: 5px solid #333; border-left: 0; border-right: 0 } .mbsc-android-holo .dw-cal-tab:first-child .dw-i { border-color: transparent } .mbsc-android-holo .dw-cal-tabs .dw-i { color: #fff; margin: .8em 0; border-left: 1px solid #444 } .mbsc-android-holo .dw-rtl .dw-cal-tabs .dw-i { border-left: 0; border-right: 1px solid #444 } .mbsc-android-holo .dw-cal-tabs .dw-sel { border-bottom: 5px solid #31b6e7 } .mbsc-wp .dw-cal-sc-m-cell { background: #1f1f1f; padding: .167em } .mbsc-wp .dw-cal-sc-m-cell .dw-i { top: 0; height: 100%; border-width: 1px } .mbsc-wp .dw-cal-sc-empty .dw-i { border: 0 } .mbsc-wp.dw-calendar .dwbc { padding-top: .625em } .mbsc-wp .dw-cal-btnc { text-transform: lowercase } .mbsc-wp .dw-cal-btn { padding: 0; position: absolute } .mbsc-wp .dw-cal-btn.dwb-a { top: -.273em } .mbsc-wp .dw-cal-btn:after { display: none } .mbsc-wp .dw-cal-btn-txt { font-size: 1.1666em } .mbsc-wp .dw-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 .dwb-a .dw-cal-btn-txt:before { background: #1a9fe0; border-color: #1a9fe0; color: #fff } .mbsc-wp .dw-cal { font-size: .75em } .mbsc-wp .dw-cal th { font-weight: normal } .mbsc-wp .dw-cal-day { padding: .167em; line-height: 1.667em } .mbsc-wp .dw-cal-day .dw-i { top: 0; height: 100%; padding: 0; border: 0 } .mbsc-wp .dw-cal-day-fg { height: 100%; border: 1px solid #4c4c4c; padding: .833em .417em 0 .417em } .mbsc-wp .dw-cal-day-inv .dw-cal-day-fg { color: rgba(255,255,255,.3) } .mbsc-wp .dw-sel .dw-cal-day-fg { border-color: #1a9fe0 } .mbsc-wp .dw-week-nrs-c { background: #1f1f1f } .mbsc-wp .dw-week-nr-i { padding-top: .833em } .mbsc-wp .dw-cal-day-hl .dw-cal-day-fg { background: #fff; border-color: #fff; color: #000 } .mbsc-wp .dw-hl-now .dw-cal-today { color: #1a9fe0 } .mbsc-wp .dw-cal-tabs .dw-i { border-width: 1px; color: #fff } .mbsc-wp .dw-cal-tabs { font-size: .75em; padding: 0 0 .313em 0 } .mbsc-wp .dw-ltr .dw-cal-tab .dw-i { border-left-width: 0 } .mbsc-wp .dw-ltr .dw-cal-tab:first-child .dw-i { border-left-width: 1px } .mbsc-wp .dw-rtl .dw-cal-tab .dw-i { border-right-width: 0 } .mbsc-wp .dw-rtl .dw-cal-tab:first-child .dw-i { border-right-width: 1px } .mbsc-sense .dw-cal-btn { border: 0 } .mbsc-sense .dw-cal { color: #fff; margin: 0 -1px; background: #dfdfdf } .mbsc-sense .dw-cal-sc-c { background: #fff; color: #000 } .mbsc-sense .dw-cal-sc-m-cell { border-top: 1px solid #c9c9c9; border-left: 1px solid #c9c9c9 } .mbsc-sense .dw-cal-sc .dw-sel { background: #c1e8f6 } .mbsc-sense .dw-cal-btnc { background: #333; font-size: 1.3333em } .mbsc-sense .dw-cal-btn-txt { color: #fff; line-height: 40px; font-size: 23px } .mbsc-sense .dwb-a .dw-cal-btn-txt { color: #40a0c4 } .mbsc-sense .dw-cal-days-c { background: #dfdfdf } .mbsc-sense .dw-cal-days { color: #5d5d5d } .mbsc-sense .dw-week-nrs-c { background: #dfdfdf; border-right: 1px solid #c9c9c9 } .mbsc-sense .dw-week-nr-i { color: #5d5d5d; text-shadow: none } .mbsc-sense .dw-cal th { font-size: .9166em; line-height: 22px; text-transform: uppercase; font-weight: bold } .mbsc-sense .dw-hl-now .dw-cal-today { color: #40a0c4 } .mbsc-sense .dw-cal-day { background: #fff; color: #000; font-weight: bold; text-align: right; line-height: 16px; text-shadow: none; border: 0; border-top: 1px solid #c9c9c9; border-left: 1px solid #c9c9c9 } .mbsc-sense .dw-rtl .dw-cal-day { border: 0; border-top: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9 } .mbsc-sense .dw-cal-day-fg { height: 100%; padding: 3px 3px 27px 3px; border: 2px solid transparent } .mbsc-sense .dw-cal-day-inv .dw-cal-day-fg { opacity: .3 } .mbsc-sense .dw-cal-day.dw-sel { background: #c1e8f6; color: #000 } .mbsc-sense .dw-cal-day-hl .dw-cal-day-fg { border: 2px solid #33b5e5; color: #33b5e5; background: 0 } .mbsc-sense.dw-cal-liq .dwwr { border-width: 0 } .mbsc-sense.dw-inline.dw-cal-liq .dwwr { border-width: 1px } .mbsc-sense .dw-cal-multi .dw-cal-day:last-child { border-right: 1px solid #c9c9c9 } .mbsc-sense .dw-rtl .dw-cal-multi .dw-cal-day:last-child { border-left: 1px solid #c9c9c9 } .mbsc-sense .dw-cal-tabbed .dw-cal { width: auto } .mbsc-sense .dw-cal-tabs { line-height: 40px; background: #3f3f3f } .mbsc-sense .dw-cal-tabs .dw-i { color: #888; font-size: 12px } .mbsc-sense .dw-cal-tabs .dw-sel .dw-i { color: #fff } .mbsc-material .dw-cal-c { padding: .5em .5em 0 .5em } .mbsc-material .dw-cal-sc { font-size: 1em } .mbsc-material .dw-cal-sc-c { background: #eee } .mbsc-material .dw-cal-btnc { font-size: 1.125em } .mbsc-material .dw-cal .dw-cal-btn { height: 2.2222em; width: 2.2222em; line-height: 2.2222em } .mbsc-material .dw-hl-now .dw-cal-today { color: #009688 } .mbsc-material .dw-cal-btn-txt { color: #009688; font-size: 1.875em } .mbsc-material .dw-cal-year, .mbsc-material .dw-cal-month { font-weight: bold; line-height: 2.2222em } .mbsc-material .dw-cal-days-c { padding-bottom: .375em } .mbsc-material .dw-cal-days th { font-size: .75em; font-weight: bold; line-height: 2.5em } .mbsc-material .dw-cal-day { line-height: 1.875em; text-align: center; padding-bottom: .6875em } .mbsc-material .dw-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 .dw-cal-day-inv .dw-cal-day-fg { color: rgba(91,91,91,.3) } .mbsc-material .dw-cal .dw-sel .dw-cal-day-fg { border-radius: 2.3em; background: rgba(13,155,141,.3) } .mbsc-material .dw-cal-sc .dw-i { display: inline-block; width: 4em; height: 4em; line-height: 4em; border-radius: 4em } .mbsc-material .dw-cal-sc .dw-i .dw-cal-sc-cell { display: block } .mbsc-material .dw-cal-sc .dw-sel .dw-i { background: rgba(13,155,141,.3) } .mbsc-material .dw-week-nrs-c { font-size: .6875em; color: #5b5b5b; background: #eee } .mbsc-material .dw-week-nr-i { vertical-align: top; padding-top: 1em } .mbsc-material .dw-cal-tabs { line-height: 1.875em; padding: .5em .5em 0 .5em; text-transform: uppercase } .mbsc-material .dw-cal-tabbed .dwv { padding-top: 0 } .mbsc-material .dw-cal-tabbed .dw-cal-c { padding-top: 0 } .mbsc-material .dw-cal-tab { font-size: .75em } .mbsc-material .dw-cal-tab .dw-i { padding: 0 .5em; color: #5b5b5b } .mbsc-material .dw-cal-tabs .dw-sel .dw-i { color: #009688 } .mbsc-ios-classic.dw-cal-liq .dw { border: 1px solid #2d3034 } .mbsc-ios-classic.dw-cal-liq.dw-bottom .dw { border-width: 1px 0 0 0 } .mbsc-ios-classic.dw-cal-liq.dw-top .dw { border-width: 0 0 1px 0 } .mbsc-ios-classic.dw-calendar .dwwr { padding: 0 } .mbsc-ios-classic.dw-calendar .dwcc { overflow: hidden } .mbsc-ios-classic.dw-calendar .dwc { margin: 0 8px } .mbsc-ios-classic.dw-calendar .dwc-h, .mbsc-ios-classic.dw-calendar .dwc-hh { margin: 0 } .mbsc-ios-classic .dw-cal-c { margin-left: -1px; background: #ccc } .mbsc-ios-classic .dw-cal { text-shadow: 0 1px 0 rgba(255,255,255,0.7) } .mbsc-ios-classic .dw-cal-header { background: #f2f2f2; background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ccc)); background: -webkit-linear-gradient(#f2f2f2, #ccc); background: -moz-linear-gradient(#f2f2f2, #ccc); background: linear-gradient(#f2f2f2, #ccc); color: #545454; font-weight: bold } .mbsc-ios-classic .dw-hl-now .dw-cal-today { color: #2361e8 } .mbsc-ios-classic .dw-cal-btn { margin: 0; padding: 0; border: 0; background: 0; -webkit-box-shadow: none; box-shadow: none } .mbsc-ios-classic .dw-cal-btn-txt { font-size: 30px; line-height: 40px; color: #34404d } .mbsc-ios-classic .dw-cal th { line-height: 14px; font-size: .8333em; color: #545454 } .mbsc-ios-classic .dw-cal-table { background: #ccc; background: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#ccc)); background: -webkit-linear-gradient(#e2e2e2, #ccc); background: -moz-linear-gradient(#e2e2e2, #ccc); background: linear-gradient(#e2e2e2, #ccc) } .mbsc-ios-classic .dw-cal-day { border-top: 1px solid #9fa2ab; border-left: 1px solid #9fa2ab; color: #34404d; font-size: 1.5em; font-weight: bold; line-height: 1.6666em; text-align: center } .mbsc-ios-classic .dw-cal-day-inv .dw-cal-day-fg { opacity: .4 } .mbsc-ios-classic .dw-rtl .dw-cal-day { border: 0; border-top: 1px solid #9fa2ab; border-right: 1px solid #9fa2ab } .mbsc-ios-classic .dw-cal-day-bg { top: -1px; padding-top: 1px; padding-right: 1px } .mbsc-ios-classic .dw-sel .dw-cal-day-bg { padding-right: 0 } .mbsc-ios-classic .dw-week-nrs-c { color: #34404d; font-size: .8333em; background: #ccc; border-right: 1px solid #9fa2ab } .mbsc-ios-classic .dw-rtl .dw-week-nrs-c { border-right: 0; border-left: 1px solid #9fa2ab } .mbsc-ios-classic .dw-week-nr-i { padding-top: 2px } .mbsc-ios-classic .dw-cal-day .dw-cal-day-fg { height: 100%; border-top: 1px solid #ededed; border-right: 1px solid #ededed } .mbsc-ios-classic .dw-cal .dw-sel .dw-cal-day-fg, .mbsc-ios-classic .dw-cal .dw-sel .dw-cal-sc-cell, .mbsc-ios-classic .dw-cal .dw-cal-day-hl .dw-cal-day-fg { border-color: transparent; color: #fff; text-shadow: 0 -1px 0 rgba(52,64,77,0.7) } .mbsc-ios-classic .dw-cal .dw-sel .dw-i { background: #1980e5; background: -webkit-gradient(linear, left top, left bottom, from(#71b0ef), color-stop(0.5, #2b8ae7), color-stop(0.5, #0072e2)); background: -webkit-linear-gradient(#71b0ef, #2b8ae7 50%, #0072e2 50%); background: -moz-linear-gradient(#71b0ef, #2b8ae7 50%, #0072e2 50%); background: linear-gradient(#71b0ef, #2b8ae7 50%, #0072e2 50%) } .mbsc-ios-classic .dw-sel .dw-cal-day-frame { position: absolute; z-index: 2; top: -1px; left: -1px; height: 100%; width: 100%; border: 1px solid #293649 } .mbsc-ios-classic .dw-cal .dw-cal-day-hl .dw-i { background: #7389a5; -webkit-box-shadow: 0 0 8px rgba(52,64,77,0.7) inset; box-shadow: 0 0 8px rgba(52,64,77,0.7) inset } .mbsc-ios-classic .dw-cal .dw-cal-day-hl .dw-cal-day-frame { border-color: #364f72 } .mbsc-ios-classic .dw-cal-sc-c { background: #ccc; font-size: 1.125em } .mbsc-ios-classic .dw-cal-sc-m-cell { position: relative; border-top: 1px solid #9fa2ab; border-left: 1px solid #9fa2ab; color: #545454; font-weight: bold } .mbsc-ios-classic .dw-cal-sc-m-cell .dw-i { padding: 0; border-top: 1px solid #ededed; border-right: 1px solid #ededed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mbsc-ios-classic .dw-cal-sc .dw-sel .dw-i { padding: 0; border: 0 } .mbsc-ios-classic .dw-cal-sc .dw-sel:after { content: ''; position: absolute; z-index: 1; top: -1px; bottom: -1px; left: -1px; right: -1px; border: 1px solid #293649 } .mbsc-ios-classic .dw-cal-tabbed .dwwr { background-position: center 23px } .mbsc-ios-classic .dw-cal-tabs { padding: 5px; border-bottom: 1px solid #2d3034; background: #c5ccd4; background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #c5ccd4), color-stop(70%, #cbd2d8), color-stop(100%, #cbd2d8)); background: -webkit-linear-gradient(left, #c5ccd4 70%, #cbd2d8 70%, #cbd2d8 100%); background: -moz-linear-gradient(left, #c5ccd4 70%, #cbd2d8 70%, #cbd2d8 100%); background: linear-gradient(left, #c5ccd4 70%, #cbd2d8 70%, #cbd2d8 100%); -webkit-background-size: 7px 512px; background-size: 7px 512px } .mbsc-ios-classic .dw-cal-tabs ul { -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.2); border-radius: 7px; box-shadow: 0 1px 1px rgba(255,255,255,0.2) } .mbsc-ios-classic .dw-cal-tab { background: #ddd; background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#d2d2d2)); background: -webkit-linear-gradient(#fdfdfd, #d2d2d2); background: -moz-linear-gradient(#fdfdfd, #d2d2d2); background: linear-gradient(#fdfdfd, #d2d2d2); border: 1px solid #afafaf; line-height: 30px; font-size: 14px; font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255,0.7) } .mbsc-ios-classic .dw-cal-tab .dw-i { color: #888; padding: 0 10px } .mbsc-ios-classic .dw-ltr .dw-cal-tab:first-child { border-right: 0; border-radius: 6px 0 0 6px } .mbsc-ios-classic .dw-ltr .dw-cal-tab:last-child { border-left: 0; border-radius: 0 6px 6px 0 } .mbsc-ios-classic .dw-rtl .dw-cal-tab:last-child { border-right: 0; border-radius: 6px 0 0 6px } .mbsc-ios-classic .dw-rtl .dw-cal-tab:first-child { border-left: 0; border-radius: 0 6px 6px 0 } .mbsc-ios-classic .dw-cal-tabs .dw-sel { background: #427de5; background: -webkit-gradient(linear, left top, left bottom, from(#336ec8), color-stop(0.5, #427de5), color-stop(0.5, #4e89e7), to(#6fa7f4)); background: -webkit-linear-gradient(#336ec8, #427de5 50%, #4e89e7 50%, #6fa7f4); background: -moz-linear-gradient(#336ec8, #427de5 50%, #4e89e7 50%, #6fa7f4); background: linear-gradient(#336ec8, #427de5 50%, #4e89e7 50%, #6fa7f4); border: 0; text-shadow: 0 -1px 0 rgba(0,0,0,0.7); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset; box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset } .mbsc-ios-classic .dw-cal-tabs .dw-sel .dw-i { color: #fff } .mbsc-ios-classic .dw-cal-multi { padding-bottom: 4px } .mbsc-ios-classic .dw-cal-multi .dw-cal-anim-c { margin: 0; padding: 0 2px } .mbsc-ios-classic .dw-cal-multi .dw-cal-anim { margin: 0 } .mbsc-ios-classic .dw-ltr .dw-cal-multi.dw-weeks .dw-cal-anim-c { padding: 0 2px 0 24px } .mbsc-ios-classic .dw-rtl .dw-cal-multi.dw-weeks .dw-cal-anim-c { padding: 0 24px 0 2px } .mbsc-ios-classic .dw-cal-multi .dw-cal-days, .mbsc-ios-classic .dw-cal-multi .dw-cal-slide { padding: 0 2px } .mbsc-ios-classic .dw-cal-multi .dw-cal-day { border-top: 0; border-bottom: 1px solid #9fa2ab } .mbsc-ios-classic .dw-ltr .dw-cal-multi .dw-cal-day:last-child { border-right: 1px solid #9fa2ab } .mbsc-ios-classic .dw-rtl .dw-cal-multi .dw-cal-day:last-child { border-left: 1px solid #9fa2ab } .mbsc-ios-classic .dw-cal-multi .dw-cal-row:first-child .dw-cal-day { border-top: 1px solid #9fa2ab } .mbsc-android .dw-cal .dwb { height: 32px; margin: 4px; padding: 0 } .mbsc-android .dw-cal { padding: 4px } .mbsc-android .dw-hl-now .dw-cal-today { color: #ffb25a } .mbsc-android .dw-cal-btn-txt { font-size: 30px; line-height: 32px; color: #000 } .mbsc-android .dw-cal-header, .mbsc-android .dw-cal-days-c { background: #9c9c9c; color: #000 } .mbsc-android .dw-cal-sc-c { width: auto; left: -2px; right: -2px; background: #000 } .mbsc-android .dw-cal-sc-m-cell { border-width: 4px 2px 0 2px; border-style: solid; border-color: #000 } .mbsc-android .dw-cal-btnc-ym .dw-cal-month, .mbsc-android .dw-cal-btnc-ym .dw-cal-year { margin: 0 44px } .mbsc-android .dw-week-nr { color: #000 } .mbsc-android .dw-week-nrs-c { background: #9c9c9c } .mbsc-android .dw-cal-day { border: 1px solid #000; border-bottom: 0; border-right: 0; background: #222 } .mbsc-android .dw-cal-day-m { border-color: #ffb25a #ffb25a transparent transparent } .mbsc-android .dw-cal-day-inv .dw-cal-day-fg { opacity: .3 } .mbsc-android .dw-cal .dw-sel .dw-i { color: #fff; background: #636363 } .mbsc-android .dw-cal .dw-cal-day-hl .dw-i { background: #888; color: #fff } .mbsc-android .dw-cal-tab .dw-i { color: #fff } .mbsc-android .dw-cal-tabs { border-bottom: 2px solid #555; line-height: 30px; color: #fff } .mbsc-android .dw-cal-tab { background: #333; background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000)); background: -webkit-linear-gradient(#333, #000); background: -moz-linear-gradient(#333, #000); background: linear-gradient(#333, #000); border-left: 1px solid #444 } .mbsc-android .dw-rtl .dw-cal-tab { border-left: 0; border-right: 1px solid #444 } .mbsc-android .dw-cal-tab:first-child { border: 0 } .mbsc-android .dw-cal-tabs .dw-sel { background: #999; background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#555)); background: -webkit-linear-gradient(#999, #555); background: -moz-linear-gradient(#999, #555); background: linear-gradient(#999, #555) } .mbsc-android.dw-cal-liq.dw-modal .dw { border: 0 } .mbsc-android.dw-cal-liq .dw-cal { padding: 0 } .mbsc-sense-ui.dw-cal-liq.dw-modal .dwwr { border: 0; border-radius: 0 } .mbsc-sense-ui.dw-calendar.dw-inline .dw-cal:after { content: ''; height: 8px; display: block } .mbsc-sense-ui .dw-cal-btn { height: 30px; width: 32px; margin: 4px; padding: 0 } .mbsc-sense-ui .dw-cal-c { overflow: visible } .mbsc-sense-ui .dw-cal { margin: -1px; border: 1px solid #666 } .mbsc-sense-ui .dw-cal-sc-m-cell { padding: 2px; background: #333; border-top: 1px solid #666; border-left: 1px solid #666 } .mbsc-sense-ui .dw-cal-sc .dw-i { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mbsc-sense-ui .dw-cal-btnc-ym .dw-cal-month, .mbsc-sense-ui .dw-cal-btnc-ym .dw-cal-year { margin: 0 42px } .mbsc-sense-ui .dw-cal-btnc { font-size: 1.3333em } .mbsc-sense-ui .dw-cal-btnc, .mbsc-sense-ui .dw-cal .dw-sel .dw-i, .mbsc-sense-ui .dw-cal:after { background: #000; background: -webkit-linear-gradient(#8b8b8b, #5b5b5b 50%, #262626 50%, #000); background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.5, #262626), color-stop(0.5, #5b5b5b), to(#8b8b8b)); background: -moz-linear-gradient(#8b8b8b, #5b5b5b 50%, #262626 50%, #000); background: linear-gradient(#8b8b8b, #5b5b5b 50%, #262626 50%, #000) } .mbsc-sense-ui .dw-cal-btn-txt { font-size: 30px; line-height: 32px; color: #fff } .mbsc-sense-ui .dw-hl-now .dw-cal-today { color: #94c840 } .mbsc-sense-ui .dwb-a .dw-cal-btn-txt { color: #fff } .mbsc-sense-ui .dw-cal-days-c { border-top: 1px solid #666; background: #222; background: -webkit-gradient(linear, left bottom, left top, from(#000), to(#444)); background: -webkit-linear-gradient(#444, #000); background: -moz-linear-gradient(#444, #000); background: linear-gradient(#444, #000) } .mbsc-sense-ui .dw-cal th { line-height: 22px; font-size: .8333em; text-transform: uppercase; font-weight: normal } .mbsc-sense-ui .dw-cal-day { padding: 1px; background: #333; border: 0; border-top: 1px solid #666; border-left: 1px solid #666; line-height: 27px; text-align: center; text-shadow: 0 0 2px #000 } .mbsc-sense-ui .dw-rtl .dw-cal-day { border: 0; border-top: 1px solid #666; border-right: 1px solid #666 } .mbsc-sense-ui .dw-cal-day-inv .dw-cal-day-fg { opacity: .3 } .mbsc-sense-ui .dw-week-nrs-c { background: #000; border-right: 1px solid #666 } .mbsc-sense-ui .dw-week-nr-i { border-top: 1px solid #666; text-shadow: none } .mbsc-sense-ui .dw-cal .dw-i { overflow: hidden; border: 1px solid transparent } .mbsc-sense-ui .dw-cal .dw-sel .dw-i { color: #fff; border-color: #777; border-radius: 3px } .mbsc-sense-ui .dw-cal .dw-cal-day-hl .dw-i { background: #888; color: #fff } .mbsc-sense-ui .dw-cal-multi .dw-cal-day:last-child { border-right: 1px solid #666 } .mbsc-sense-ui .dw-rtl .dw-cal-multi .dw-cal-day:last-child { border-left: 1px solid #666 } .mbsc-sense-ui .dw-cal-multi .dw-cal-slide { background: #000 } .mbsc-sense-ui .dw-cal-tabs { border-bottom: 1px solid #555; line-height: 30px } .mbsc-sense-ui .dw-cal-tab .dw-i { color: #fff } .mbsc-sense-ui .dw-cal-tab { color: #fff; background: #333; background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000)); background: -webkit-linear-gradient(#333, #000); background: -moz-linear-gradient(#333, #000); background: linear-gradient(#333, #000); border-left: 1px solid #444 } .mbsc-sense-ui .dw-rtl .dw-cal-tab { border: 0; border-right: 1px solid #444 } .mbsc-sense-ui .dw-cal-tab:first-child { border: 0 } .mbsc-sense-ui .dw-cal-tabs .dw-sel { background: #3c7500; background: -webkit-gradient(linear, left bottom, left top, from(#3c7500), to(#94c840)); background: -webkit-linear-gradient(#94c840, #3c7500); background: -moz-linear-gradient(#94c840, #3c7500); background: linear-gradient(#94c840, #3c7500) } .mbsc-ios.dw-calendar.dw-inline .dw { border: 1px solid #e3e3e3 } .mbsc-ios.dw-calendar.dw-bubble .dwwr { padding-bottom: .666667em } .mbsc-ios .dw-cal-c { margin: 0; padding: 0 } .mbsc-ios .dw-cal { color: #000 } .mbsc-ios .dw-cal-header .dwb { font-size: .944445em } .mbsc-ios .dw-cal-table { font-size: 1.1667em } .mbsc-ios .dw-hl-now .dw-cal-today { color: #007aff } .mbsc-ios .dw-cal-btn-txt { color: #007aff; font-size: 1.352941em; line-height: 1.73913em } .mbsc-ios .dw-cal th, .mbsc-ios .dw-week-nr { font-weight: normal; font-size: 1.166667em } .mbsc-ios .dw-week-nrs-c { background: #f7f7f7 } .mbsc-ios .dw-cal-day { padding: .142857em .357142em .714285em .357142em; background: #fff; border-top: 1px solid #e3e3e3; color: #000; line-height: 1.7141em } .mbsc-ios .dw-cal .dw-i { position: static; text-align: center } .mbsc-ios .dw-cal .dw-cal-day-fg { width: 1.714286em; height: 1.714286em; border: 1px solid transparent; text-align: center; padding: 0; margin: 0 auto } .mbsc-ios .dw-sel .dw-cal-day-fg { border-radius: 1000px; border: 1px solid #007aff; background: #007aff; color: #fff } .mbsc-ios .dw-cal-day-hl .dw-cal-day-fg { border: 1px solid #007aff; background: 0; color: #000; border-radius: 1000px } .mbsc-ios .dw-cal-day-inv .dw-cal-day-fg { color: rgba(0,0,0,.3) } .mbsc-ios .dw-cal-day-inv.dw-sel .dw-cal-day-fg { color: rgba(255,255,255,.4) } .mbsc-ios .dw-cal-sc-c { background: #fff } .mbsc-ios .dw-cal-sc-m-cell { background: #fff; border-top: 1px solid #e3e3e3 } .mbsc-ios .dw-cal-sc .dw-sel .dw-i { display: inline-block; width: auto; height: auto; background: #007aff; color: #fff; padding: 0 .625016em; line-height: 1.625115em; border-radius: 13px } .mbsc-ios .dw-cal-tabs { padding: .833334em .833334em .416667em .833334em; font-size: 1em } .mbsc-ios .dw-cal-tab { border: 1px solid #007aff; line-height: 1.928571em; font-size: 1.166667em } .mbsc-ios .dw-cal-tab .dw-i { padding: 0 .714285em; color: #007aff } .mbsc-ios .dw-ltr .dw-cal-tab:first-child { border-right: 0; border-radius: 4px 0 0 4px } .mbsc-ios .dw-ltr .dw-cal-tab:last-child { border-left: 0; border-radius: 0 4px 4px 0 } .mbsc-ios .dw-rtl .dw-cal-tab:last-child { border-right: 0; border-radius: 4px 0 0 4px } .mbsc-ios .dw-rtl .dw-cal-tab:first-child { border-left: 0; border-radius: 0 4px 4px 0 } .mbsc-ios .dw-cal-tabs .dw-sel { background: #007aff } .mbsc-ios .dw-cal-tabs .dw-sel .dw-i { color: #fff } .mbsc-bootstrap .dw-cal-c { padding: 4px } .mbsc-bootstrap .dw-cal-sc-c { max-width: none; display: block; padding: 0; border: 0; -webkit-box-shadow: none; border-radius: 0; box-shadow: none } .mbsc-bootstrap .dw-cal-btn { background: 0; padding: 0; border: 0; text-indent: -9999px; -webkit-box-shadow: none; box-shadow: none; color: inherit } .mbsc-bootstrap .dw-cal-btn-txt { height: 40px; text-decoration: none } .mbsc-bootstrap .dw-cal-btn-txt .glyphicon { display: block; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -7px; text-indent: 0 } .mbsc-bootstrap .dw-cal-day { padding: 1px; text-align: center } .mbsc-bootstrap .dw-cal-day .dw-i { display: block; border: 0; line-height: 29px } .mbsc-bootstrap .dw-cal-day-inv .dw-cal-day-fg { opacity: .3 } .mbsc-bootstrap .dw-cal-day-hl .dw-cal-day-frame { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .1 } .mbsc-bootstrap .dw-cal-tabs ul { padding: 4px 4px 0 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mbsc-bootstrap .dw-cal-tab { margin-bottom: -1px } .mbsc-bootstrap .dw-week-nrs-c { padding: 0; border: 0; min-width: 0; max-width: none; -webkit-box-shadow: none; border-radius: 0; box-shadow: none } .dw-timespan .dwtlbl { display: none } .mbsc-android.dw-timespan .dwc { padding-top: 30px } .mbsc-android.dw-timespan .dwl { display: block } .mbsc-android.dw-timespan .dwhl { padding-top: 0; margin-top: 5px } .mbsc-android.dw-timespan .dwhl .dwl { display: none } .mbsc-android-holo.dw-timespan .dwv { font-size: 16px } .mbsc-ios-classic.dw-timespan .dwtlbl { display: inline; visibility: hidden; font-size: 20px; padding: 0 3px 0 8px } .mbsc-ios-classic.dw-timespan .dwhl .dwtlbl { display: none } .mbsc-ios-classic.dw-timespan .dwc { padding: 10px 0 } .mbsc-ios-classic.dw-timespan .dwl { padding: 0 8px; margin-top: -15px; top: 50%; left: auto; right: 0; width: auto; z-index: 11; color: #005de6; font-size: 20px; font-weight: bold; text-transform: lowercase; text-shadow: 0 1px 0 rgba(255,255,255,0.7) } .mbsc-ios-classic.dw-timespan .dw-i { overflow: visible } .mbsc-ios.dw-timespan .dwtlbl { display: inline; visibility: hidden; font-size: 1em; padding: 0 .15em 0 .5em } .mbsc-ios.dw-timespan .dwhl .dwtlbl { display: none } .mbsc-ios.dw-timespan .dwc { padding: .833333em 0 } .mbsc-ios.dw-timespan .dwl { padding: 0 .4em; margin-top: -.75em; left: auto; top: 50%; right: 0; width: auto; z-index: 11; color: #007aff; font-size: 1.666667em; text-transform: lowercase } .mbsc-wp.dw-timespan .dwc { padding: 0 } .mbsc-wp.dw-timespan .dwl { z-index: 10; color: #fff; top: 50%; width: auto; height: auto; display: block; margin: 17px 0 0 9px; line-height: 18px; font-size: 11px } .mbsc-wp.dw-timespan .dwhl .dwl, .mbsc-wp.dw-timespan .dwa .dwl { display: none } .dw-cal-ev .dw-cal-day-fg { padding-bottom: 20px } .dw-cal-day-m { position: absolute; top: 1px; right: 1px; width: 0; height: 0; border: 5px solid black; background-clip: padding-box } .dw-cal-day-m-t { display: table; table-layout: fixed; width: 100%; height: 100% } .dw-cal-day-m-c { display: table-cell } .dw-cal-m-bottom .dw-cal-day .dw-cal-day-m { width: auto; height: 3px; top: auto; left: 0; right: 0; bottom: 0; border: 0; margin: 0 } .dw-cal-day-ic-c, .dw-cal-day-txt-c { position: absolute; left: 0; right: 0; bottom: 0; overflow: hidden } .dw-cal-day-ic-c { padding: 0 5px; font-size: 1em; line-height: 20px; text-overflow: ellipsis; text-shadow: none } .dw-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 } .dw-cal-events { display: none; position: absolute; z-index: 4; left: 0; right: 0; padding: 5px } .dw-cal-events-t { visibility: hidden } .dw-cal-events-i { overflow: hidden } .dw-cal-events-sc { position: relative; -webkit-backface-visibility: hidden } .dw-cal-events-v { display: block } .dw-cal-event-list { margin: 0; padding: 0 } .dw-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 } .dw-cal-event:first-child { margin: 0 } .dw-cal-event-color { position: absolute; top: 0; left: 0; width: 5px; height: 100% } .dw-cal-event-text { overflow: hidden; text-overflow: ellipsis } .dw-cal-event-time { display: inline-block; width: 5em } .dw-cal-event-dur { position: absolute; top: 50%; right: 5px; height: 20px; margin-top: -10px; line-height: 20px } .dw-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 } .dw-cal-events-b .dw-cal-events-arr { bottom: auto; top: -14px; border-color: transparent transparent #fff transparent } .mbsc-mobiscroll .dw-cal-day-m { top: auto; left: 50%; bottom: 4px; border: 0; width: 4px; height: 4px; margin-left: -2px; background: #454545; border-radius: 3px } .mbsc-mobiscroll .dw-sel .dw-cal-day-m { background: #f7f7f7 } .mbsc-mobiscroll .dw-cal-c .dw-cal-m-bottom .dw-cal-day-m { background: 0; bottom: 4px } .mbsc-mobiscroll .dw-cal-day-m-t { display: block; height: 4px; overflow: hidden; white-space: normal } .mbsc-mobiscroll .dw-cal-day-m-c { display: inline-block; vertical-align: top; width: 4px; height: 4px; margin: 0 1px; background: #4eccc4; border-radius: 3px } .mbsc-mobiscroll .dw-sel .dw-cal-day-m-c { background: #f7f7f7 } .mbsc-mobiscroll .dw-cal-day-txt { color: #f7f7f7; background: #454545 } .mbsc-mobiscroll .dw-cal-day-txt, .mbsc-mobiscroll .dw-cal-day-ic-c { font-size: .625em } .mbsc-mobiscroll .dw-cal-events { margin: 0 0 5px 0; padding: 0; color: #f7f7f7; background: #858585 } .mbsc-mobiscroll .dw-cal-events-b { margin: 10px 0 0 0 } .mbsc-mobiscroll .dw-cal-event { margin: 0; padding: 10px 60px 10px 15px; font-size: .75em } .mbsc-mobiscroll .dw-cal-event-color { background: #4eccc4 } .mbsc-mobiscroll .dw-cal-event-time, .mbsc-mobiscroll .dw-cal-event-dur { color: #4eccc4 } .mbsc-mobiscroll .dw-cal-events-arr { border-color: #858585 transparent transparent transparent } .mbsc-mobiscroll .dw-cal-events-b .dw-cal-events-arr { border-color: transparent transparent #858585 transparent } .mbsc-android-holo .dw-cal-day-m { border-color: #31b6e7 #31b6e7 transparent transparent } .mbsc-android-holo .dw-cal-m-bottom .dw-cal-day-m { background: #31b6e7 } .mbsc-android-holo .dw-cal-events { background: #fff; margin: .375em .375em .5em .375em } .mbsc-android-holo .dw-cal-events-b { margin: .5em .375em .375em .375em } .mbsc-android-holo .dw-cal-event { background: #7e7e7e; font-size: .75em } .mbsc-android-holo .dw-cal-event-color { background: #31b6e7 } .mbsc-android-holo .dw-cal-day-txt { background: #444; color: #fff } .mbsc-wp .dw-cal-day-m { border-color: #fff #fff transparent transparent } .mbsc-wp .dw-cal-m-bottom .dw-cal-day-m { background: #fff } .mbsc-wp .dw-cal-m-bottom .dw-cal-day-fg { padding-bottom: .417em } .mbsc-wp .dw-cal-ev .dw-cal-day-fg { padding-bottom: 1.667em } .mbsc-wp .dw-cal-day-txt { color: #fff; background: #444 } .mbsc-wp .dw-cal-events { font-size: .75em; background: #fff; margin: 0 0 .667em 0 } .mbsc-wp .dw-cal-events-b { margin: .667em 0 0 0 } .mbsc-wp .dw-cal-event { color: #fff; background: #4c4c4c; border: 1px solid #4c4c4c } .mbsc-wp .dw-cal-event-color { background: #fff } .mbsc-sense .dw-cal-day-m { width: 3px; height: auto; background: #bababa; border: 0; top: 3px; bottom: 3px; left: 3px; right: auto } .mbsc-sense .dw-cal-m-bottom .dw-cal-day-m { background: #bababa; left: 2px; right: 2px; bottom: 2px } .mbsc-sense .dw-cal-ev .dw-cal-day-fg { padding-bottom: 27px } .mbsc-sense .dw-cal-events { margin: 4px 4px 8px 4px; background: #000; background: rgba(0,0,0,0.8) } .mbsc-sense .dw-cal-events-b { margin: 8px 4px 4px 4px } .mbsc-sense .dw-cal-event { background: #fff; color: #000 } .mbsc-sense .dw-cal-event-color { background: #bababa } .mbsc-sense .dw-cal-day-txt-c { left: 2px; right: 2px; bottom: 2px } .mbsc-sense .dw-cal-day-txt { background: #bababa; color: #000 } .mbsc-sense .dw-cal-events-arr { border-color: #000 transparent transparent transparent; border-color: rgba(0,0,0,0.8) transparent transparent transparent } .mbsc-sense .dw-cal-events-b .dw-cal-events-arr { border-color: transparent transparent #000 transparent; border-color: transparent transparent rgba(0,0,0,0.8) transparent } .mbsc-material .dw-cal-day-m { top: auto; left: 50%; bottom: .0625em; border: 0; width: 4px; height: 4px; margin-left: -2px; background: #009688; border-radius: 4px; -webkit-transition: bottom .1s ease-out; -moz-transition: bottom .1s ease-out; transition: bottom .1s ease-out } .mbsc-material .dw-sel .dw-cal-day-m { bottom: -.45em } .mbsc-material .dw-cal-c .dw-cal-m-bottom .dw-cal-day-m { height: .25em; background: 0 } .mbsc-material .dw-cal-day-m-t { display: block; height: .25em; overflow: hidden; white-space: normal } .mbsc-material .dw-cal-day-m-c { display: inline-block; vertical-align: top; border: 0; width: 4px; height: 4px; margin: 0 1px; background: #009688; border-radius: 4px; -webkit-transition: bottom .1s ease-out; -moz-transition: bottom .1s ease-out; transition: bottom .1s ease-out } .mbsc-material .dw-cal-day-txt { margin: 0 1px; color: #eee; background: #7c7c7c } .mbsc-material .dw-cal-ev .dw-cal-day .dw-i { padding-bottom: 1.125em } .mbsc-material .dw-cal-day-txt, .mbsc-material .dw-cal-day-ic-c { font-size: .625em; line-height: 1.5em } .mbsc-material .dw-cal-events { margin: 1em 1em .6875em 1em; padding: 0; color: #eee } .mbsc-material .dw-cal-events-b { margin: .375em 1em 1em 1em } .mbsc-material .dw-cal-event { margin: 0; padding: .625em 5em .625em .625em; font-size: .75em } .mbsc-material .dw-cal-event-color { width: 100%; background: #009688 } .mbsc-material .dw-cal-event-time, .mbsc-material .dw-cal-event-text { position: relative; z-index: 1 } .mbsc-material .dw-cal-event-time, .mbsc-material .dw-cal-event-dur { color: #eee } .mbsc-material .dw-cal-events-arr { border-color: #009688 transparent transparent transparent } .mbsc-material .dw-cal-events-b .dw-cal-events-arr { border-color: transparent transparent #009688 transparent } .mbsc-ios-classic .dw-cal-day-m { top: auto; left: 50%; bottom: 4px; border: 0; width: 4px; height: 4px; margin-left: -2px; background: #34404d; border-radius: 2px; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.7); box-shadow: 0 1px 0 rgba(255,255,255,0.7) } .mbsc-ios-classic .dw-sel .dw-cal-day-m { background: #fff; -webkit-box-shadow: 0 1px 0 rgba(52,64,77,0.7); box-shadow: 0 1px 0 rgba(52,64,77,0.7) } .mbsc-ios-classic .dw-cal-m-bottom .dw-cal-day-m { width: auto; left: 2px; right: 2px; bottom: 2px; background: #34404d; margin: 0 } .mbsc-ios-classic .dw-cal-m-bottom .dw-sel .dw-cal-day-m { background: #fff } .mbsc-ios-classic .dw-cal-day-txt-c { width: auto; right: -1px } .mbsc-ios-classic .dw-cal-day-txt { background: #34404d; color: #fff; text-shadow: none } .mbsc-ios-classic .dw-sel .dw-cal-day-txt { background: #fff; color: #34404d } .mbsc-ios-classic .dw-cal-events { background: #fff; padding: 0; margin: 5px 5px 8px 5px; border: 1px solid #2d3034 } .mbsc-ios-classic .dw-cal-events-b { margin: 8px 5px 5px 5px } .mbsc-ios-classic .dw-cal-event { margin: 0; padding: 10px 10px 10px 20px; border-top: 1px solid #eee; color: #000; font-weight: bold } .mbsc-ios-classic .dw-cal-event:first-child { border: 0 } .mbsc-ios-classic .dw-cal-event-color { top: 50%; left: 6px; margin-top: -4px; width: 6px; height: 6px; background: #94b8dd; border: 1px solid rgba(0,0,0,0.3); border-radius: 4px } .mbsc-ios-classic .dw-cal-events-arr { bottom: -16px; margin-left: -8px; border: 8px solid #fff; border-color: #2d3034 transparent transparent transparent } .mbsc-ios-classic .dw-cal-events-arr:after { content: ''; position: absolute; top: -8px; left: -7px; border: 7px solid #fff; border-color: #fff transparent transparent transparent } .mbsc-ios-classic .dw-cal-events-b .dw-cal-events-arr { top: -16px; bottom: auto; border-color: transparent transparent #2d3034 transparent } .mbsc-ios-classic .dw-cal-events-b .dw-cal-events-arr:after { top: auto; bottom: -8px; left: -7px; border-color: transparent transparent #fff transparent } .mbsc-android .dw-cal-m-bottom .dw-cal-day-m { background: #fff } .mbsc-android .dw-cal-day-txt { color: #fff; background: #444 } .mbsc-android .dw-cal-events { margin: 4px 4px 8px 4px; background: #fff } .mbsc-android .dw-cal-events-b { margin: 8px 4px 4px 4px } .mbsc-android .dw-cal-event-color { background: #ffb25a } .mbsc-android .dw-cal-event { background: #636363; color: #fff } .mbsc-sense-ui .dw-cal-day-m { border-color: #b9b9b9 #b9b9b9 transparent transparent } .mbsc-sense-ui .dw-sel .dw-cal-day-m { border-color: #c2f628 #c2f628 transparent transparent } .mbsc-sense-ui .dw-cal-m-bottom .dw-cal-day-m { background: #c2f628 } .mbsc-sense-ui .dw-cal-day-txt { background: #3c7500 } .mbsc-sense-ui .dw-cal-day-txt:last-child { border-radius: 0 0 2px 2px } .mbsc-sense-ui .dw-cal-events { background: #fff; color: #000; margin: 4px 4px 8px 4px } .mbsc-sense-ui .dw-cal-events-b { margin: 8px 4px 4px 4px } .mbsc-sense-ui .dw-cal-events-arr { margin-left: -5px } .mbsc-ios .dw-cal-ev .dw-cal-day { padding-bottom: 1.428571em } .mbsc-ios .dw-cal-day-m { top: auto; left: 50%; bottom: .142857em; border: 0; width: .428571em; height: .428571em; margin-left: -.214285em; background: #ccc; border-radius: 3px } .mbsc-ios .dw-cal-m-bottom .dw-cal-day-m { width: auto; left: .142857em; right: .142857em; bottom: .142857em } .mbsc-ios .dw-cal-day-txt-c { width: auto; left: .142857em; right: .142857em; bottom: .142857em } .mbsc-ios .dw-cal-day-txt { background: #c3d7ef; color: #555; line-height: 1.142857em; margin: 0 } .mbsc-ios .dw-cal-events { margin: .357142em .357142em .571428em .357142em; background: #000; background: rgba(0,0,0,0.8) } .mbsc-ios .dw-cal-events-b { margin: .571428em .357142em .357142em .357142em } .mbsc-ios .dw-cal-event { margin: 0; padding: .714285em .714285em .714285em 1.428571em; background: #f7f7f7; border-top: 1px solid #eee; color: #000; font-weight: bold } .mbsc-ios .dw-cal-event:first-child { border: 0 } .mbsc-ios .dw-cal-event-color { top: 50%; left: .428571em; margin-top: -.285714em; width: .428571em; height: .428571em; background: #94b8dd; border: 1px solid rgba(0,0,0,0.3); border-radius: 4px } .mbsc-ios .dw-cal-events-arr { border-color: #000 transparent transparent transparent; border-color: rgba(0,0,0,0.8) transparent transparent transparent } .mbsc-ios .dw-cal-events-b .dw-cal-events-arr { border-color: transparent transparent #000 transparent; border-color: transparent transparent rgba(0,0,0,0.8) transparent } .mbsc-bootstrap .dw-cal-day-m { border-color: #aaa #aaa transparent transparent } .mbsc-bootstrap .dw-sel .dw-cal-day-m { border-color: #fff #fff transparent transparent } .mbsc-bootstrap .dw-cal-m-bottom .dw-cal-day-m { background: #aaa } .mbsc-bootstrap .dw-cal-events { width: auto; max-width: none; margin: 3px 2px 10px 2px } .mbsc-bootstrap .dw-cal-events-b { margin: 10px 2px 3px 2px } .mbsc-bootstrap .dw-cal-events-i { padding-bottom: 1px } .mbsc-bootstrap .dw-cal-events-v { display: block } .mbsc-bootstrap .dw-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-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-sense.mbsc-ms-c { background: #eee; color: #2c2c2c; text-shadow: 0 1px 0 #fff } .mbsc-sense.mbsc-ms-b.mbsc-ms-top { border-bottom: 1px solid #c9c9c9 } .mbsc-sense.mbsc-ms-b.mbsc-ms-bottom { border-top: 1px solid #c9c9c9 } .mbsc-sense.mbsc-ms-b .mbsc-ms-item { padding: .25em; border-left: 1px solid transparent } .mbsc-sense.mbsc-ms-b .mbsc-ms-item:after { content: ''; position: absolute; top: 20%; left: -1px; width: 0; height: 60%; border-left: 1px solid #c9c9c9 } .mbsc-sense.mbsc-ms-ltr .mbsc-ms-item:first-child:after, .mbsc-sense.mbsc-ms-rtl .mbsc-ms-item:last-child:after { display: none } .mbsc-sense.mbsc-ms-b .mbsc-ms-item-sel .mbsc-ms-item-i { background: #c1e8f6; border-radius: .25em } .mbsc-sense.mbsc-ms-a .mbsc-ms-item { padding: .25em .125em } .mbsc-sense.mbsc-ms-a .mbsc-ms-item-i { background: #dfdfdf; border: 1px solid transparent; border-width: 2px 0; border-radius: .0625em } .mbsc-sense.mbsc-ms-a .mbsc-ms-item-sel .mbsc-ms-item-i { color: #33b5e5; border-bottom-color: #33b5e5; text-shadow: none } .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-classic .mbsc-ms-item { font-size: .875em } .mbsc-ios-classic.mbsc-ms-icons .mbsc-ms-item { font-size: .75em } .mbsc-ios-classic.mbsc-ms-b { border-top: 1px solid rgba(255,255,255,0.2); background-color: #1a1a1a; background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, rgba(255,255,255,0.18)), color-stop(1, rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.18), rgba(255,255,255,0)); background-image: -moz-linear-gradient(top, rgba(255,255,255,0.18), rgba(255,255,255,0)); background-image: linear-gradient(top, rgba(255,255,255,0.18), rgba(255,255,255,0)); -webkit-box-shadow: 0 -1px 0 0 #000; box-shadow: 0 -1px 0 0 #000; text-shadow: 0 1px 1px #000 } .mbsc-ios-classic.mbsc-ms-b .mbsc-ms-item .mbsc-ms-item-i { color: #d1d1d1; -webkit-box-shadow: 1px 0 0 rgba(255,255,255,.2), 2px 0 0 rgba(0,0,0,.5); box-shadow: 1px 0 0 rgba(255,255,255,.2), 2px 0 0 rgba(0,0,0,.5) } .mbsc-ios-classic.mbsc-ms-b .mbsc-ms-item-sel .mbsc-ms-item-i { color: #fff; background-color: #1a1a1a; background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, rgba(255,255,255,0)), color-stop(1, rgba(255,255,255,0.18))), -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, rgba(0,0,0,0.6)), color-stop(0.03, rgba(0,0,0,0)), color-stop(0.97, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.6))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.18)), -webkit-linear-gradient(left, rgba(0,0,0,0.6), rgba(0,0,0,0) 3%, rgba(0,0,0,0) 97%, rgba(0,0,0,0.6)); background-image: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.18)), -moz-linear-gradient(left, rgba(0,0,0,0.6), rgba(0,0,0,0) 3%, rgba(0,0,0,0) 97%, rgba(0,0,0,0.6)); background-image: linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.18)), -ms-linear-gradient(left, rgba(0,0,0,0.6), rgba(0,0,0,0) 3%, rgba(0,0,0,0) 97%, rgba(0,0,0,0.6)); -webkit-box-shadow: 0 0 2px rgba(255,255,255,.4); box-shadow: 0 0 2px rgba(255,255,255,.4) } .mbsc-ios-classic.mbsc-ms-b .mbsc-ms-item-sel .mbsc-ms-ic:before { color: #00b0ff } .mbsc-ios-classic.mbsc-ms-a { border-top: 1px solid #6b7483; border-bottom: 1px solid #6b7483; background-image: -webkit-linear-gradient(top, #b0c0d7, #597396); -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,.5) inset; box-shadow: 0 1px 0 0 rgba(255,255,255,.5) inset; text-shadow: 0 -1px 0 rgba(52,64,77,0.7) } .mbsc-ios-classic.mbsc-ms-a .mbsc-ms-item { color: #fff } .mbsc-ios-classic.mbsc-ms-a .mbsc-ms-item-sel { color: #34404d; text-shadow: none } .mbsc-ios-classic.mbsc-ms-a .mbsc-btn-a { text-shadow: 0 -1px 0 rgba(52,64,77,0.7), 0 0 30px #fff } .mbsc-android.mbsc-ms-c { color: #fff; background: #333; background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000)); background: -webkit-linear-gradient(#333, #000); background: -moz-linear-gradient(#333, #000); background: linear-gradient(#333, #000) } .mbsc-android .mbsc-ms-item { border-left: 1px solid #444 } .mbsc-android.mbsc-ms-ltr .mbsc-ms-item:first-child, .mbsc-android.mbsc-ms-rtl .mbsc-ms-item:last-child { border: 0 } .mbsc-android .mbsc-ms-item-sel { background: #999; background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#555)); background: -webkit-linear-gradient(#999, #555); background: -moz-linear-gradient(#999, #555); background: linear-gradient(#999, #555) } .mbsc-android .mbsc-ms-item.mbsc-btn-a { background: #ffb25a; background: -webkit-gradient(linear, left bottom, left top, from(#ef6100), to(#ffb25a)); background: -webkit-linear-gradient(#ffb25a, #ef6100); background: -moz-linear-gradient(#ffb25a, #ef6100); background: linear-gradient(#ffb25a, #ef6100) } .mbsc-android.mbsc-ms-b.mbsc-ms-top { border-bottom: 2px solid #555 } .mbsc-android.mbsc-ms-b.mbsc-ms-bottom { border-top: 2px solid #999 } .mbsc-sense-ui.mbsc-ms-c { padding: .125em; background: #333; background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000)); background: -webkit-linear-gradient(#333, #000); background: -moz-linear-gradient(#333, #000); background: linear-gradient(#333, #000); color: #fff } .mbsc-sense-ui .mbsc-ms-item { padding: .125em } .mbsc-sense-ui .mbsc-ms-item-sel .mbsc-ms-item-i { background: #3c7500; background: -webkit-gradient(linear, left bottom, left top, from(#3c7500), to(#94c840)); background: -webkit-linear-gradient(#94c840, #3c7500); background: -moz-linear-gradient(#94c840, #3c7500); background: linear-gradient(#94c840, #3c7500); border-radius: .25em } .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 } .dw-timer .dwtlbl { display: none } .dw-timer .dwb { display: inline-block; vertical-align: middle; text-align: center; text-decoration: none } .dw-timer .dwbg .dwb { padding: 0 12px } .dw-timer .dwbw { width: 1px; text-align: left } .dw-timer .dwbw:last-child { width: auto } .dw-timer .dwtcl { width: auto; text-align: right } .mbsc-mobiscroll.dw-timer .dwbc { display: table } .mbsc-mobiscroll.dw-timer .dwbw { display: table-cell; float: none } .mbsc-android-holo.dw-timer .dwc { padding-top: .063em } .mbsc-android-holo.dw-timer .dwtlbl { display: inline; visibility: hidden; font-size: 1.125em; padding: 0 0 0 .375em } .mbsc-android-holo.dw-timer .dwhl .dwtlbl { display: none } .mbsc-android-holo.dw-timer .dwl { padding: 0 .375em; left: auto; margin-top: -15px; top: 50%; right: 0; width: auto; z-index: 11; color: #31b6e7; font-size: 1.125em; font-weight: bold; text-transform: lowercase } .mbsc-android-holo.dw-timer .dw-i { text-overflow: clip } .mbsc-android-holo.dw-timer .dwb { padding: 0 1em; display: block } .mbsc-android-holo.dw-timer .dwb-i { display: block } .mbsc-android-holo.dw-timer .dwbw { width: auto } .mbsc-wp.dw-timer .dwl { z-index: 10; color: #fff; top: 50%; width: auto; height: auto; display: block; margin: 1.545em 0 0 .818em; line-height: 1.636em; font-size: .688em } .mbsc-wp.dw-timer .dwhl .dwl, .mbsc-wp.dw-timer .dwa .dwl { display: none } .mbsc-wp.dw-timer .dwc { padding: 0 } .mbsc-wp.dw-timer .dwb-txt { display: block } .mbsc-wp .dw-locked .dw-v { opacity: 0; filter: Alpha(Opacity=0) } .mbsc-wp .dw-locked .dw-sel, .mbsc-wp .dw-running .dwwl-seconds .dw-v, .mbsc-wp .dw-running .dwwl-fract .dw-v { opacity: 1; filter: Alpha(Opacity=100) } .mbsc-wp.dw-timer .dwbw { width: auto } .mbsc-sense .dwb-i { display: block; margin: 6px 0; line-height: 16px } .mbsc-sense .dwb-txt { display: none } .mbsc-sense.dw-timer .dwb { padding: 0 12px } .mbsc-sense.dw-timer .dwb:before { font-size: 18px; line-height: 29px } .mbsc-material.dw-timer .dwbc { display: table } .mbsc-material.dw-timer .dwbw { display: table-cell; float: none } .mbsc-ios-classic .dwtlbl { display: inline; visibility: hidden; font-size: 20px; padding: 0 3px 0 8px } .mbsc-ios-classic .dwhl .dwtlbl { display: none } .mbsc-ios-classic .dwbgr .dwb { margin: 0; border-right: 0; border-radius: 0 } .mbsc-ios-classic .dwbgrf .dwb { margin-left: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px } .mbsc-ios-classic .dwbgrl .dwb { margin-right: 5px; border-right: 1px solid #1f1f1f; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px } .mbsc-ios-classic .dw-timer-cl { border: 1px solid #194aab; background: #194aab; background: -webkit-gradient(linear, left top, left bottom, from(#82aaff), color-stop(0.5, #3162c4), color-stop(0.5, #194aab)); background: -webkit-linear-gradient(#82aaff, #3162c4 50%, #194aab 50%); background: -moz-linear-gradient(#82aaff, #3162c4 50%, #194aab 50%); background: linear-gradient(#82aaff, #3162c4 50%, #194aab 50%) } .mbsc-ios-classic.dw-timer .dwwr { margin-top: 40px } .mbsc-ios-classic.dw-timer .dwbw { width: auto; float: left } .mbsc-ios-classic.dw-timer .dwtcl { float: right } .mbsc-ios-classic.dw-timer .dwc { padding: 10px 0 } .mbsc-ios-classic.dw-timer .dwl { padding: 0 8px; left: auto; margin-top: -15px; top: 50%; right: 0; width: auto; z-index: 11; color: #005de6; font-size: 20px; font-weight: bold; text-transform: lowercase; text-shadow: 0 1px 0 rgba(255,255,255,0.7) } .mbsc-ios-classic.dw-timer .dw-i { text-overflow: clip } .mbsc-android.dw-timer .dwb-i { display: block; margin: 12px 0; line-height: 16px } .mbsc-android.dw-timer .dwb-txt { display: none } .mbsc-android.dw-timer .dwb:before { font-size: 18px; line-height: 40px } .mbsc-sense-ui .dwb-i { display: block; margin: 12px 0; line-height: 16px } .mbsc-sense-ui .dwb-txt { display: none } .mbsc-sense-ui.dw-timer .dwb:before { font-size: 18px; line-height: 42px } .mbsc-ios.dw-timer .dwwr { padding-top: 2.5em } .mbsc-ios.dw-timer .dwc { padding: .833333em 0 } .mbsc-ios.dw-timer .dwl { padding: 0 .4em; margin-top: -.75em; left: auto; top: 50%; right: 0; width: auto; z-index: 11; color: #007aff; font-size: 1.666667em; text-transform: lowercase } .mbsc-ios.dw-timer .dw-i { text-overflow: clip } .mbsc-ios.dw-timer .dwbw { width: auto; float: left } .mbsc-ios.dw-timer .dwtcl { float: right } .mbsc-ios .dwtlbl { display: inline; visibility: hidden; font-size: .90909em; padding: 0 .15em 0 .4em } .mbsc-ios .dwhl .dwtlbl { display: none } .dw-colorpicker .dw-i { font-size: 16px; padding-left: 40px } .dw-cbc { height: 100%; padding: 5px; position: absolute; top: 0; left: 0 } .dw-cb { position: relative; width: 30px; height: 100%; border: 1px solid #fff } .dw-cb-circle { top: 50%; margin-top: -15px; height: 30px; border-radius: 15px } .dw-cbc, .dw-cb, .dw-color { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .dw-color-preview { height: 24px; line-height: 24px; -webkit-transition: background-color .2s; -moz-transition: background-color .2s; transition: background-color .2s } .dw-cp-hsv .dw-li { padding: 0 } .dw-cp-hsv .dw-i { padding: 0 } .dw-cp-hsv .dw-hl { background: 0 } .dw-color { width: 100%; height: 100%; border-bottom: 1px solid rgba(170,170,170,0.5); border-top: 1px solid rgba(255,255,255,0.5) } .dw-cp-hsv .dw-color-hl { height: 100%; background: rgba(255,255,255,.3); display: none } .dw-cp-hsv .dw-hl .dw-color-hl { display: block } .mbsc-mobiscroll.dw-cp-hsv .dwwol { display: none } .mbsc-mobiscroll .dw-color-preview { height: auto; font-size: .75em; line-height: 2.5em; text-transform: uppercase } .mbsc-mobiscroll .dw-color { border-top: 1px solid #f7f7f7; border-bottom: 0 } .mbsc-android .dw-color-preview { border-bottom: 1px solid #555 } .mbsc-android-holo.dw-cp-hsv .dwwol { display: none } .mbsc-android-holo .dw-color-preview { height: 2.375em; line-height: 2.375em } .mbsc-android-holo-light .dw-cb { border-color: #000 } .mbsc-bootstrap.dw-cp-hsv .dwwol { display: none } .mbsc-ios-classic .dw-cb { border: 1px solid #000 } .mbsc-ios-classic .dw-cb-circle { width: 26px; height: 26px; margin-top: -13px } .mbsc-ios-classic .dw-color-preview { margin: 10px 2px 0 2px; border: 1px solid #000; -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.3); border-radius: 3px; box-shadow: 0 1px 1px rgba(255,255,255,0.3) } .mbsc-ios.dw-colorpicker .dwl { text-align: center; text-indent: 0 } .mbsc-ios.dw-cp-hsv .dwwol { display: none } .mbsc-ios .dw-color-preview { border-bottom: 1px solid #acacac } .mbsc-jqm.dw-cp-hsv .dwwol { display: none } .mbsc-jqm .dw-color-preview { text-shadow: none; border-bottom: 1px solid #222; border-radius: 3px 3px 0 0 } .mbsc-sense-ui .dw-color-preview { border-bottom: 1px solid #666 } .mbsc-sense .dw-color-preview { height: 38px; line-height: 38px; border-bottom: 1px solid #2e2e2e } .mbsc-wp.dw-colorpicker .dw-li { opacity: 1 } .mbsc-wp.dw-colorpicker .dw-li .dw-i { padding-left: 50px } .mbsc-wp.dw-cp-hsv .dw-li .dw-i { border: 0; padding: 0; background: 0; top: 0; height: 100% } .mbsc-wp .dw-cb { width: 40px; border-color: #4c4c4c } .mbsc-wp .dw-sel .dw-cb { border-color: #fff } .mbsc-wp .dw-cb-circle { width: 30px; margin-top: -12px } .mbsc-wp .dw-color-preview { margin: -10px -10px 0 -10px; border-bottom: 1px solid #fff } .mbsc-wp-light .dw-cb { border-color: #b5b5b5 } .mbsc-wp-light .dw-color-preview { border-bottom: 1px solid #000 } .mbsc-material .dw-color-preview { height: auto; font-size: .75em; line-height: 2.5em; text-transform: uppercase } .mbsc-material.dw-colorpicker .dwwol { display: none } .dw-dr-t, .dw-dr-c { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .dw-dr-t { display: table; width: 100% } .dw-dr-c { display: table-cell; width: 50%; cursor: pointer } .dw-dr { text-decoration: none; display: block; line-height: 20px } .mbsc-mobiscroll .dw-dr-t { padding: .5em .25em 0 .25em } .mbsc-mobiscroll .dw-dr { margin: 0 .3333em; padding: .3333em; border: 1px solid #4eccc4; font-size: .75em } .mbsc-mobiscroll .dw-sel .dw-dr { background: #4eccc4; color: #f7f7f7 } .mbsc-mobiscroll .dw-sel .dw-i { color: #0e76e5 } .mbsc-mobiscroll.dw-range .dwwr { padding: 0 } .mbsc-mobiscroll.dw-range .dwv { padding-top: .6666em } .mbsc-mobiscroll.dw-range .dw-cal-table .dw-sel .dw-i { color: #454545; background: rgba(78,204,196,.3) } .mbsc-mobiscroll.dw-range .dw-cal-table .dw-cal-day-hl .dw-i { background: #4eccc4; color: #f7f7f7 } .mbsc-android-holo .dw-dr-t { padding: 4px 2px } .mbsc-android-holo .dw-dr { margin: 0 2px; padding: 4px; color: #fff; background: #444; font-size: .75em; border-radius: 0 } .mbsc-android-holo .dw-sel .dw-dr { background: #31b6e7 } .mbsc-android-holo-light .dw-dr { background: #e5e5e5; color: #000 } .mbsc-android-holo-light .dw-sel .dw-dr { background: #4bbde8 } .mbsc-wp .dw-dr-t { font-size: .75em } .mbsc-wp .dw-dr-c { padding-bottom: .833em } .mbsc-wp .dw-dr { border-width: 1px; color: #fff } .mbsc-wp .dw-dr0 .dw-dr { margin-right: .417em } .mbsc-wp .dw-dr1 .dw-dr { margin-left: .417em } .mbsc-sense.dw-range .dwv { border-bottom: 1px solid #2e2e2e; -webkit-box-shadow: none; box-shadow: none } .mbsc-sense .dw-dr-t { padding: 4px 0; background: #121212 } .mbsc-sense .dw-dr { color: #fff } .mbsc-sense .dw-sel .dw-dr { color: #40a0c4 } .mbsc-sense .dw-ltr .dw-dr1, .mbsc-sense .dw-rtl .dw-dr0 { border-left: 1px solid #2e2e2e } .mbsc-material .dw-dr-t { border-bottom: 1px solid #c6c6c6; font-size: .875em } .mbsc-material .dw-dr { padding: .5714em .2857em; color: #5b5b5b; border-bottom: 2px solid transparent; margin-bottom: -1px } .mbsc-material .dw-sel .dw-dr { border-color: #009688; color: #009688 } .mbsc-material.dw-range .dw-cal .dw-sel .dw-cal-day-fg { background: 0 } .mbsc-material.dw-range .dw-sel .dw-cal-day-frame { position: absolute; top: 0; width: 100%; height: 100%; opacity: 1; color: #5b5b5b; background: rgba(13,155,141,.1) } .mbsc-material.dw-range .dw-cal-sel-start .dw-cal-day-frame { right: 0; width: 50%; padding-left: 1.0526em } .mbsc-material.dw-range .dw-cal-sel-end .dw-cal-day-frame { left: 0; width: 50%; padding-right: 1.0526em } .mbsc-material.dw-range .dw-cal-sel-start.dw-cal-sel-end .dw-cal-day-frame { width: 0; padding: 0 } .mbsc-material.dw-range .dw-cal-sel-start .dw-cal-day-frame, .mbsc-material.dw-range .dw-cal-day:first-child .dw-cal-day-frame { border-top-left-radius: 3em; border-bottom-left-radius: 3em } .mbsc-material.dw-range .dw-cal-sel-end .dw-cal-day-frame, .mbsc-material.dw-range .dw-cal-day:last-child .dw-cal-day-frame { border-top-right-radius: 3em; border-bottom-right-radius: 3em } .mbsc-material.dw-range .dw-cal-table .dw-cal-day-hl .dw-i .dw-cal-day-fg { color: #eee; background: rgba(13,155,141,.8) } .mbsc-ios-classic.dw-range .dwwr { background-position: center 37px } .mbsc-ios-classic.dw-range .dw-cal-tabbed .dwwr { background-position: center 56px } .mbsc-ios-classic.dw-range .dw-cal-tabbed .dw-dr-t { border: 0; padding-bottom: 0 } .mbsc-ios-classic.dw-range .dwcc { border-top: 1px solid rgba(255,255,255,.3) } .mbsc-ios-classic.dw-range .dw-cal-header { padding-top: 1px; margin-top: -1px } .mbsc-ios-classic .dw-dr-t { position: relative; z-index: 2; width: auto; display: block; padding: 5px; border-bottom: 1px solid #2d3034; background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #c5ccd4), color-stop(70%, #cbd2d8), color-stop(100%, #cbd2d8)); background: -webkit-linear-gradient(left, #c5ccd4 70%, #cbd2d8 70%, #cbd2d8 100%); background: -moz-linear-gradient(left, #c5ccd4 70%, #cbd2d8 70%, #cbd2d8 100%); background: linear-gradient(left, #c5ccd4 70%, #cbd2d8 70%, #cbd2d8 100%); background-size: 7px 512px; -webkit-background-size: 7px 512px } .mbsc-ios-classic .dw-dr-c { width: auto; display: block } .mbsc-ios-classic .dw-dr { padding: 5px 10px; background: #f7f7f7; border: 1px solid #aaa; color: #000; text-align: left; font-weight: bold } .mbsc-ios-classic .dw-drv { position: absolute; top: 5px; right: 10px; color: #385487; font-weight: normal } .mbsc-ios-classic .dw-dr0 .dw-dr { border-radius: 7px 7px 0 0 } .mbsc-ios-classic .dw-dr1 .dw-dr { margin-top: -1px; border-radius: 0 0 7px 7px } .mbsc-ios-classic .dw-sel .dw-dr { background: #015ee6; background: -webkit-gradient(linear, left top, left bottom, from(#058cf5), to(#015ee6)); background: -webkit-linear-gradient(#058cf5, #015ee6); background: -moz-linear-gradient(#058cf5, #015ee6); background: linear-gradient(#058cf5, #015ee6); color: #fff } .mbsc-ios-classic .dw-sel .dw-drv { color: #fff } .mbsc-android .dw-dr-t { padding: 4px 2px 0 2px } .mbsc-android .dw-cal-tabbed .dw-dr-t { padding-bottom: 4px } .mbsc-android .dw-dr { margin: 0 2px; padding: 4px; background: #000; color: #fff } .mbsc-android .dw-sel .dw-dr { background: #636363 } .mbsc-sense-ui .dw-dr-t { padding: 4px 2px; border-bottom: 1px solid #555; background-color: #333 } .mbsc-sense-ui .dw-dr { margin: 0 2px; padding: 4px; color: #fff; border: 1px solid #555; border-radius: 3px } .mbsc-sense-ui .dw-sel .dw-dr { background: #000; background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.5, #262626), color-stop(0.5, #5b5b5b), to(#8b8b8b)); background: -webkit-linear-gradient(#8b8b8b, #5b5b5b 50%, #262626 50%, #000); background: -moz-linear-gradient(#8b8b8b, #5b5b5b 50%, #262626 50%, #000); background: linear-gradient(#8b8b8b, #5b5b5b 50%, #262626 50%, #000) } .mbsc-ios .dw-dr-t { width: auto; display: block } .mbsc-ios .dw-dr-c { width: auto; display: block } .mbsc-ios .dw-dr { 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 .dw-drv { position: absolute; top: .416667em; right: .833333em; font-weight: normal } .mbsc-ios .dw-sel .dw-dr { background: #e3e3e3 } .mbsc-ios.dw-range .dw-cal-day { padding: .3571em } .mbsc-ios.dw-range .dw-week-nr { padding-top: .583333em; line-height: 2em; vertical-align: top } .mbsc-bootstrap .dw-dr-t { padding: 4px 2px 0 2px } .mbsc-bootstrap .dw-dr { margin: 0 2px } .mbsc-bootstrap.dw-range .dw-cal-day-hl .dw-cal-day-frame { opacity: .3 } .dw-rating .dw-ltr .dw-i { text-align: left } .dw-rating .dw-rtl .dw-i { 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-classic .mbsc-rating-icon { color: #887bcb } .mbsc-ios-classic .mbsc-rating-icon-unf { color: #c5c6cb } .mbsc-ios-classic .mbsc-rating-circle { width: 24px; height: 24px; font-size: 12px; line-height: 24px; background: #9f9f9f; background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#777)); background: -webkit-linear-gradient(top, #ddd, #777); background: -moz-linear-gradient(top, #ddd, #777); background: linear-gradient(to bottom, #ddd, #777) } .mbsc-ios-classic .mbsc-rating-circle-unf { background: #646464; -webkit-box-shadow: inset 0 1px 1px 0 #302828; box-shadow: inset 0 1px 1px 0 #302828 } .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-sense .mbsc-rating-icon { width: 1.4em; font-size: 30px } .mbsc-sense .mbsc-rating-icon-unf { color: #cfcfcf } .mbsc-sense .mbsc-rating-circle { background: #9f9f9f; text-shadow: none } .mbsc-sense .mbsc-rating-circle-unf { background: #686868 } .mbsc-wp .mbsc-rating-icon { color: #fff; margin-top: -4%; vertical-align: middle } .mbsc-wp .mbsc-rating-txt { margin-top: -4%; 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 } .dw-ltr .mbsc-img-w { text-align: left } .dw-ltr .mbsc-img-txt { margin: 0 0 0 .5em } .dw-rtl .mbsc-img-w { text-align: right } .dw-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-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 } .dw-trans .dw-persp { overflow: hidden; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px } .dw-trans .dw, .dw-trans .dwo { -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 } .dw-trans .dwo { -webkit-backface-visibility: hidden } .dw-in .dw { -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out } .dw-out .dw { -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; animation-timing-function: ease-in } .dw-in .dwo { -webkit-animation-name: dw-f-in; -moz-animation-name: dw-f-in; animation-name: dw-f-in } .dw-out .dwo { -webkit-animation-name: dw-f-out; -moz-animation-name: dw-f-out; animation-name: dw-f-out } .dw-flip, .dw-swing, .dw-slidehorizontal, .dw-slidevertical, .dw-slidedown, .dw-slideup, .dw-fade { -webkit-backface-visibility: hidden; -webkit-transform: translateX(0); -moz-backface-visibility: hidden; -moz-transform: translateX(0); backface-visibility: hidden; transform: translateX(0) } .dw-swing, .dw-slidehorizontal, .dw-slidevertical, .dw-slidedown, .dw-slideup, .dw-fade { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0 } .dw-flip, .dw-pop { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform-origin: 50% 50% } .dw-in .dw-pop { opacity: 1; -webkit-animation-name: dw-p-in; -webkit-transform: scale(1); -moz-animation-name: dw-p-in; -moz-transform: scale(1); transform: scale(1); animation-name: dw-p-in } .dw-out .dw-pop { opacity: 0; -webkit-animation-name: dw-p-out; -moz-animation-name: dw-p-out; animation-name: dw-p-out } .dw-in .dw-flip { opacity: 1; -webkit-animation-name: dw-fl-in; -webkit-transform: scale(1); -moz-animation-name: dw-fl-in; -moz-transform: scale(1); animation-name: dw-fl-in; transform: scale(1) } .dw-out .dw-flip { opacity: 0; animation-name: dw-fl-out; -webkit-animation-name: dw-fl-out; -moz-animation-name: dw-fl-out } .dw-in .dw-swing { opacity: 1; -webkit-animation-name: dw-sw-in; -webkit-transform: scale(1); -moz-animation-name: dw-sw-in; -moz-transform: scale(1); transform: scale(1); animation-name: dw-sw-in } .dw-out .dw-swing { opacity: 0; -webkit-animation-name: dw-sw-out; -moz-animation-name: dw-sw-out; animation-name: dw-sw-out } .dw-in .dw-slidehorizontal { opacity: 1; -webkit-animation-name: dw-sh-in; -webkit-transform: scale(1); -moz-animation-name: dw-sh-in; -moz-transform: scale(1); transform: scale(1); animation-name: dw-sh-in } .dw-out .dw-slidehorizontal { opacity: 0; -webkit-animation-name: dw-sh-out; -moz-animation-name: dw-sh-out; animation-name: dw-sh-out } .dw-in .dw-slidevertical { opacity: 1; -webkit-animation-name: dw-sv-in; -webkit-transform: scale(1); -moz-animation-name: dw-sv-in; -moz-transform: scale(1); animation-name: dw-sv-in; transform: scale(1) } .dw-out .dw-slidevertical { opacity: 0; -webkit-animation-name: dw-sv-out; -moz-animation-name: dw-sv-out; animation-name: dw-sv-out } .dw-in .dw-slidedown { -webkit-animation-name: dw-sd-in; -webkit-transform: scale(1); -moz-animation-name: dw-sd-in; -moz-transform: scale(1); animation-name: dw-sd-in; transform: scale(1) } .dw-out .dw-slidedown { animation-name: dw-sd-out; -webkit-animation-name: dw-sd-out; -webkit-transform: translateY(-100%); -moz-animation-name: dw-sd-out; -moz-transform: translateY(-100%) } .dw-in .dw-slideup { -webkit-animation-name: dw-su-in; -webkit-transform: scale(1); -moz-animation-name: dw-su-in; -moz-transform: scale(1); transform: scale(1); animation-name: dw-su-in } .dw-out .dw-slideup { animation-name: dw-su-out; -webkit-animation-name: dw-su-out; -webkit-transform: translateY(100%); -moz-animation-name: dw-su-out; -moz-transform: translateY(100%) } .dw-in .dw-fade { opacity: 1; -webkit-animation-name: dw-f-in; -moz-animation-name: dw-f-in; animation-name: dw-f-in } .dw-out .dw-fade { opacity: 0; -webkit-animation-name: dw-f-out; -moz-animation-name: dw-f-out; animation-name: dw-f-out } @keyframes dw-f-in { from { opacity:0 } to { opacity: 1 } } @-webkit-keyframes dw-f-in { from { opacity:0 } to { opacity: 1 } } @-moz-keyframes dw-f-in { from { opacity:0 } to { opacity: 1 } } @keyframes dw-f-out { from { visibility:visible; opacity:1 } to { opacity: 0 } } @-webkit-keyframes dw-f-out { from { visibility:visible; opacity:1 } to { opacity: 0 } } @-moz-keyframes dw-f-out { from { visibility:visible; opacity:1 } to { opacity: 0 } } @keyframes dw-p-in { from { opacity:0; transform:scale(0.8) } to { opacity: 1; transform: scale(1) } } @-webkit-keyframes dw-p-in { from { opacity:0; -webkit-transform:scale(0.8) } to { opacity: 1; -webkit-transform: scale(1) } } @-moz-keyframes dw-p-in { from { opacity:0; -moz-transform:scale(0.8) } to { opacity: 1; -moz-transform: scale(1) } } @keyframes dw-p-out { from { opacity:1; transform:scale(1) } to { opacity: 0; transform: scale(0.8) } } @-webkit-keyframes dw-p-out { from { opacity:1; -webkit-transform:scale(1) } to { opacity: 0; -webkit-transform: scale(0.8) } } @-moz-keyframes dw-p-out { from { opacity:1; -moz-transform:scale(1) } to { opacity: 0; -moz-transform: scale(0.8) } } @keyframes dw-fl-in { from { opacity:0; transform:rotateY(90deg) } to { opacity: 1; transform: rotateY(0) } } @-webkit-keyframes dw-fl-in { from { opacity:0; -webkit-transform:rotateY(90deg) } to { opacity: 1; -webkit-transform: rotateY(0) } } @-moz-keyframes dw-fl-in { from { opacity:0; -moz-transform:rotateY(90deg) } to { opacity: 1; -moz-transform: rotateY(0) } } @keyframes dw-fl-out { from { opacity:1; transform:rotateY(0deg) } to { opacity: 0; transform: rotateY(-90deg) } } @-webkit-keyframes dw-fl-out { from { opacity:1; -webkit-transform:rotateY(0deg) } to { opacity: 0; -webkit-transform: rotateY(-90deg) } } @-moz-keyframes dw-fl-out { from { opacity:1; -moz-transform:rotateY(0deg) } to { opacity: 0; -moz-transform: rotateY(-90deg) } } @keyframes dw-sw-in { from { opacity:0; transform:rotateY(-90deg) } to { opacity: 1; transform: rotateY(0deg) } } @-webkit-keyframes dw-sw-in { from { opacity:0; -webkit-transform:rotateY(-90deg) } to { opacity: 1; -webkit-transform: rotateY(0deg) } } @-moz-keyframes dw-sw-in { from { opacity:0; -moz-transform:rotateY(-90deg) } to { opacity: 1; -moz-transform: rotateY(0deg) } } @keyframes dw-sw-out { from { opacity:1; transform:rotateY(0deg) } to { opacity: 0; transform: rotateY(-90deg) } } @-webkit-keyframes dw-sw-out { from { opacity:1; -webkit-transform:rotateY(0deg) } to { opacity: 0; -webkit-transform: rotateY(-90deg) } } @-moz-keyframes dw-sw-out { from { opacity:1; -moz-transform:rotateY(0deg) } to { opacity: 0; -moz-transform: rotateY(-90deg) } } @keyframes dw-sh-in { from { opacity:0; transform:translateX(-100%) } to { opacity: 1; transform: translateX(0) } } @-webkit-keyframes dw-sh-in { from { opacity:0; -webkit-transform:translateX(-100%) } to { opacity: 1; -webkit-transform: translateX(0) } } @-moz-keyframes dw-sh-in { from { opacity:0; -moz-transform:translateX(-100%) } to { opacity: 1; -moz-transform: translateX(0) } } @keyframes dw-sh-out { from { opacity:1; transform:translateX(0) } to { opacity: 0; transform: translateX(100%) } } @-webkit-keyframes dw-sh-out { from { opacity:1; -webkit-transform:translateX(0) } to { opacity: 0; -webkit-transform: translateX(100%) } } @-moz-keyframes dw-sh-out { from { opacity:1; -moz-transform:translateX(0) } to { opacity: 0; -moz-transform: translateX(100%) } } @keyframes dw-sv-in { from { opacity:0; transform:translateY(-100%) } to { opacity: 1; transform: translateY(0) } } @-webkit-keyframes dw-sv-in { from { opacity:0; -webkit-transform:translateY(-100%) } to { opacity: 1; -webkit-transform: translateY(0) } } @-moz-keyframes dw-sv-in { from { opacity:0; -moz-transform:translateY(-100%) } to { opacity: 1; -moz-transform: translateY(0) } } @keyframes dw-sv-out { from { opacity:1; transform:translateY(0) } to { opacity: 0; transform: translateY(100%) } } @-webkit-keyframes dw-sv-out { from { opacity:1; -webkit-transform:translateY(0) } to { opacity: 0; -webkit-transform: translateY(100%) } } @-moz-keyframes dw-sv-out { from { opacity:1; -moz-transform:translateY(0) } to { opacity: 0; -moz-transform: translateY(100%) } } @keyframes dw-sd-in { from { transform:translateY(-100%) } to { transform: translateY(0) } } @-webkit-keyframes dw-sd-in { from { opacity:1; -webkit-transform:translateY(-100%) } to { opacity: 1; -webkit-transform: translateY(0) } } @-moz-keyframes dw-sd-in { from { -moz-transform:translateY(-100%) } to { -moz-transform: translateY(0) } } @keyframes dw-sd-out { from { transform:translateY(0) } to { transform: translateY(-100%) } } @-webkit-keyframes dw-sd-out { from { opacity:1; -webkit-transform:translateY(0) } to { opacity: 1; -webkit-transform: translateY(-100%) } } @-moz-keyframes dw-sd-out { from { -moz-transform:translateY(0) } to { -moz-transform: translateY(-100%) } } @keyframes dw-su-in { from { transform:translateY(100%) } to { transform: translateY(0) } } @-webkit-keyframes dw-su-in { from { opacity:1; -webkit-transform:translateY(100%) } to { opacity: 1; -webkit-transform: translateY(0) } } @-moz-keyframes dw-su-in { from { -moz-transform:translateY(100%) } to { -moz-transform: translateY(0) } } @keyframes dw-su-out { from { transform:translateY(0) } to { transform: translateY(100%) } } @-webkit-keyframes dw-su-out { from { opacity:1; -webkit-transform:translateY(0) } to { opacity: 1; -webkit-transform: translateY(100%) } } @-moz-keyframes dw-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 .dwwr { background: #303030; color: #c2c2c2 } .mbsc-material-dark .dwv { color: #81ccc4 } .mbsc-material-dark .dwb { color: #81ccc4 } .mbsc-material-dark .dwb-a { background: rgba(255,255,255,0.1) } .mbsc-material-dark .dw-bubble-bottom .dw-arr { border-color: transparent transparent #303030 transparent } .mbsc-material-dark .dw-bubble-top .dw-arr { border-color: #303030 transparent transparent transparent } .mbsc-material-dark .dwl { color: #81ccc4 } .mbsc-material-dark .dw-hl { background: rgba(255,255,255,0.1) } .mbsc-material-dark .dwwol { border-color: #81ccc4 } .mbsc-material-dark .dwwb { color: #81ccc4; background: #303030 } .mbsc-material-dark .dwwb.dwb-a:before { background: rgba(255,255,255,0.1) } .mbsc-material-dark .dw-msel: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 { border-color: #81ccc4 } .mbsc-material-dark .mbsc-np-del { color: #81ccc4 } .mbsc-material-dark .dw-cal-sc-c { background: #303030 } .mbsc-material-dark .dw-cal-btn-txt { color: #81ccc4 } .mbsc-material-dark .dw-cal-day-inv .dw-cal-day-fg { color: rgba(194,194,194,0.3) } .mbsc-material-dark .dw-cal .dw-sel .dw-cal-day-fg { background: rgba(129,204,196,0.3) } .mbsc-material-dark .dw-hl-now .dw-cal-today { color: #81ccc4 } .mbsc-material-dark .dw-cal-sc .dw-sel .dw-i { background: rgba(129,204,196,0.3) } .mbsc-material-dark .dw-week-nrs-c { color: #c2c2c2; background: #303030 } .mbsc-material-dark .dw-cal-tab .dw-i { color: #c2c2c2 } .mbsc-material-dark .dw-cal-tabs .dw-sel .dw-i { color: #81ccc4 } .mbsc-material-dark .dw-cal-day-m { background: #81ccc4 } .mbsc-material-dark .dw-cal-day-m-c { background: #81ccc4 } .mbsc-material-dark .dw-cal-day-txt { color: #303030 } .mbsc-material-dark .dw-cal-events { color: #303030 } .mbsc-material-dark .dw-cal-event-color { background: #81ccc4 } .mbsc-material-dark .dw-cal-event-time, .mbsc-material-dark .dw-cal-event-dur { color: #303030 } .mbsc-material-dark .dw-cal-events-arr { border-color: #81ccc4 transparent transparent transparent } .mbsc-material-dark .dw-cal-events-b .dw-cal-events-arr { border-color: transparent transparent #81ccc4 transparent } .mbsc-material-dark .dw-dr-t { border-color: #c7c7c7 } .mbsc-material-dark .dw-dr { color: #c2c2c2 } .mbsc-material-dark .dw-sel .dw-dr { border-color: #81ccc4; color: #81ccc4 } .mbsc-material-dark.dw-range .dw-sel .dw-cal-day-frame { color: #c2c2c2; background: rgba(129,204,196,0.1) } .mbsc-material-dark.dw-range .dw-cal-table .dw-cal-day-hl .dw-i .dw-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-mobiscroll-dark .dwwr { background: #263238; color: #f7f7f7 } .mbsc-mobiscroll-dark .dwv, .mbsc-mobiscroll-dark .dwl { color: #50ccc4 } .mbsc-mobiscroll-dark .dwwol { border-color: #50ccc4 } .mbsc-mobiscroll-dark .dwb-a { background: rgba(80,204,196,0.3) } .mbsc-mobiscroll-dark .dw-hl { background: rgba(80,204,196,0.3) } .mbsc-mobiscroll-dark .dwb { color: #50ccc4 } .mbsc-mobiscroll-dark .dwwb { color: #50ccc4; background: #263238 } .mbsc-mobiscroll-dark .dwwb.dwb-a:before { background: rgba(80,204,196,0.3) } .mbsc-mobiscroll-dark .dw-bubble-bottom .dw-arr { border-color: transparent transparent #263238 transparent } .mbsc-mobiscroll-dark .dw-bubble-top .dw-arr { border-color: #263238 transparent transparent transparent } .mbsc-mobiscroll-dark .dw-msel:before { color: #50ccc4 } .mbsc-mobiscroll-dark .dw-cal .dw-sel .dw-i { background: #50ccc4; color: #263238 } .mbsc-mobiscroll-dark .dw-hl-now .dw-cal-today { color: #50ccc4 } .mbsc-mobiscroll-dark .dw-cal-days { color: #50ccc4 } .mbsc-mobiscroll-dark .dw-cal-days th { border-color: #50ccc4 } .mbsc-mobiscroll-dark .dw-cal-btn-txt { color: #50ccc4 } .mbsc-mobiscroll-dark .dw-cal-event-color { background: #50ccc4 } .mbsc-mobiscroll-dark .dw-cal-events { color: #263238; background: #fff } .mbsc-mobiscroll-dark .dw-cal-events-arr { border-color: #fff transparent transparent transparent } .mbsc-mobiscroll-dark .dw-cal-events-b .dw-cal-events-arr { border-color: transparent transparent #fff transparent } .mbsc-mobiscroll-dark .dw-cal-event-time { color: #8db3b0 } .mbsc-mobiscroll-dark .dw-cal-event-dur { color: #8db3b0 } .mbsc-mobiscroll-dark .dw-cal-day-hl .dw-i { border-color: #50ccc4 } .mbsc-mobiscroll-dark .dw-week-nrs-c { color: #50ccc4; background: #263238 } .mbsc-mobiscroll-dark .dw-cal-day-m { background: #f7f7f7 } .mbsc-mobiscroll-dark .dw-sel .dw-cal-day-m { background: #263238 } .mbsc-mobiscroll-dark .dw-cal-day-m-c { background: #50ccc4 } .mbsc-mobiscroll-dark .dw-sel .dw-cal-day-m-c { background: #263238 } .mbsc-mobiscroll-dark .dw-cal-day-txt { color: #263238; background: #f7f7f7 } .mbsc-mobiscroll-dark .dw-cal-tab { border-color: #50ccc4 } .mbsc-mobiscroll-dark .dw-cal-tab .dw-i { color: #f7f7f7 } .mbsc-mobiscroll-dark .dw-cal-tabs .dw-sel { background: #50ccc4 } .mbsc-mobiscroll-dark .dw-cal-tabs .dw-sel .dw-i { color: #263238 } .mbsc-mobiscroll-dark .dw-cal-sc-c { background: #263238 } .mbsc-mobiscroll-dark .dw-dr { border-color: #50ccc4 } .mbsc-mobiscroll-dark .dw-sel .dw-dr { background: #50ccc4; color: #263238 } .mbsc-mobiscroll-dark.dw-range .dw-cal-table .dw-sel .dw-i { color: #f7f7f7; background: rgba(80,204,196,0.3) } .mbsc-mobiscroll-dark.dw-range .dw-cal-table .dw-cal-day-hl .dw-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 .dw-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-android-holo-light .dwwr, .mbsc-android-holo-light .dw-cal-sc-c { background: #f5f5f5 } .mbsc-android-holo-light .dwwr, .mbsc-android-holo-light .dwb, .mbsc-android-holo-light .dw-li, .mbsc-android-holo-light .dw-dr, .mbsc-android-holo-light .dw-cal-tabs .dw-i { color: #000 } .mbsc-android-holo-light .dwv { color: #31b7e8; border-bottom: 2px solid #31b7e8 } .mbsc-android-holo-light .dw-hl { background: #31b7e8; background: rgba(49,183,232,0.5) } .mbsc-android-holo-light .dwwb { color: #7d7d7d; background: #f5f5f5 } .mbsc-android-holo-light .dwwl .dwb-a { color: #319abd; background: #f5f5f5 } .mbsc-android-holo-light .dwwol { border-top: 2px solid #31b7e8; border-bottom: 2px solid #31b7e8 } .mbsc-android-holo-light .dwb-a { background: #28799c; color: black } .mbsc-android-holo-light .dwwms .dw-li:after { border-color: #d9d4d4 } .mbsc-android-holo-light .dw-msel:before { color: #31b7e8; text-shadow: 0 0 5px #28799c } .mbsc-android-holo-light .dwwo { 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: -moz-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 .dwbc, .mbsc-android-holo-light .dwbw .dwb { border-color: #d9d4d4 } .mbsc-android-holo-light .dw-bubble-bottom .dw-arr { border-color: transparent transparent #f5f5f5 transparent } .mbsc-android-holo-light .dw-bubble-top .dw-arr { border-color: #f5f5f5 transparent transparent transparent } .mbsc-android-holo-light .dw-cal-day-m { border-color: #31b7e8 #31b7e8 transparent transparent } .mbsc-android-holo-light .dw-cal-m-bottom .dw-cal-day-m { background: #31b7e8 } .mbsc-android-holo-light .dw-cal .dw-sel .dw-i { background: #31b7e8; background: rgba(49,183,232,0.5) } .mbsc-android-holo-light .dw-hl-now .dw-cal-today { color: #31b7e8 } .mbsc-android-holo-light .dwb-a .dw-cal-btn-txt { color: #319abd } .mbsc-android-holo-light .dw-cal-tabs .dw-sel { border-bottom: 5px solid #31b7e8 } .mbsc-android-holo-light .dw-cal-event-color { background: #31b7e8 } .mbsc-android-holo-light .dw-cal .dw-cal-day-hl .dw-i { background: #31b7e8; color: white } .mbsc-android-holo-light .dw-cal-tabs { background: #e6e6e6 } .mbsc-android-holo-light .dw-cal-tab { border-color: #e6e6e6 } .mbsc-android-holo-light .dw-cal-tabs .dw-i, .mbsc-android-holo-light .dw-cal-day, .mbsc-android-holo-light .dw-cal-sc-m-cell { border-color: #d9d9d9 } .mbsc-android-holo-light .dw-cal-btn-txt { color: #7d7d7d } .mbsc-android-holo-light .dw-week-nrs-c { background: #f5f5f5 } .mbsc-android-holo-light .dw-week-nr-i { border-color: #d9d9d9; color: #7d7d7d } .mbsc-android-holo-light .dw-cal th { color: #7d7d7d } .mbsc-android-holo-light .dw-cal-events { background: #000; background: rgba(0,0,0,0.8) } .mbsc-android-holo-light .dw-cal-events-arr { border-color: rgba(0,0,0,0.8) transparent transparent } .mbsc-android-holo-light .dw-cal-events-b .dw-cal-events-arr { border-color: transparent transparent rgba(0,0,0,0.8) } .mbsc-android-holo-light .dw-cal-event { background: #7d7d7d; color: white } .mbsc-android-holo-light .dw-dr { background: #d9d9d9 } .mbsc-android-holo-light .dw-sel .dw-dr { background: #31b7e8; color: white } .mbsc-android-holo-light.dw-timer .dwl { 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-wp-light .dwwr, .mbsc-wp-light .dw-dr, .mbsc-wp-light .dwb, .mbsc-wp-light .dw-cal-tabs .dw-i { color: #000 } .mbsc-wp-light .dwwr { background: #dedede } .mbsc-wp-light .dw-i { border-color: #a6a6a6 } .mbsc-wp-light .dw-li .dw-i { color: #000 } .mbsc-wp-light .dw-sel .dw-i, .mbsc-wp-light .dw-hl .dw-i { color: white; background: #1ba0e3; border-color: #1ba0e3 } .mbsc-wp-light .dwwb { background: #dedede } .mbsc-wp-light .dwwb:before { color: #000; border-color: #000 } .mbsc-wp-light .dwwl .dwb-a { background: #dedede } .mbsc-wp-light .dwwl .dwb-a:before { color: #1ba0e3 } .mbsc-wp-light .dw-bubble-bottom .dw-arr { border-color: transparent transparent #dedede transparent } .mbsc-wp-light .dw-bubble-top .dw-arr { border-color: #dedede transparent transparent transparent } .mbsc-wp-light .dwwms .dw-li .dw-i { color: #000 } .mbsc-wp-light .dwwms .dw-li:after { border-color: #000 } .mbsc-wp-light .dwwms .dw-msel:before { color: #000 } .mbsc-wp-light .dwa .dw-i { color: #000; border-color: #a6a6a6; background: 0 } .mbsc-wp-light .dwwms .dw-i { background: 0 } .mbsc-wp-light .dw-cal-sc-m-cell { background: #dedede } .mbsc-wp-light .dw-cal-event { background: #a6a6a6; color: black } .mbsc-wp-light .dw-cal-events { background: #000; background: rgba(0,0,0,0.8) } .mbsc-wp-light .dw-cal-events-arr { border-color: rgba(0,0,0,0.8) transparent transparent } .mbsc-wp-light .dw-cal-events-b .dw-cal-events-arr { border-color: transparent transparent rgba(0,0,0,0.8) } .mbsc-wp-light .dw-cal-day-m { border-color: #000 #000 transparent transparent } .mbsc-wp-light .dw-cal-day-fg { border-color: #a6a6a6 } .mbsc-wp-light .dw-cal-day-inv .dw-cal-day-fg { color: rgba(0,0,0,0.3) } .mbsc-wp-light .dw-sel .dw-cal-day-fg { border-color: #1ba0e3 } .mbsc-wp-light .dw-cal-day-hl .dw-cal-day-fg { background: #000; border-color: #000; color: #dedede } .mbsc-wp-light .dw-hl-now .dw-cal-today { color: #1ba0e3 } .mbsc-wp-light .dwb:before, .mbsc-wp-light .dw-cal-btn-txt:before { color: #000; border-color: #000 } .mbsc-wp-light .dwb-a:before, .mbsc-wp-light .dwb-a .dw-cal-btn-txt:before { background: #1ba0e3; border-color: #1ba0e3; color: white } .mbsc-wp-light .dw-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.dw-timespan .dwl, .mbsc-wp-light.dw-timer .dwl { color: white } .mbsc-wp-light .mbsc-np-btn { background: #ccc; border: 2px solid #dedede } .mbsc-wp-light .mbsc-np-btn.dwb-a { background: #1ba0e3; color: white } .mbsc-wp-light .mbsc-np-btn.dwb-d { color: #000; opacity: .5 } .mbsc-wp-light .mbsc-np-del.dwb-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 } .mbsc-sense-dark .dwwr, .mbsc-sense-dark .dwv, .mbsc-sense-dark .dwbc { background: #000 } .mbsc-sense-dark .dw-li .dw-i { color: #fff } .mbsc-sense-dark .dwbc { border: 0 } .mbsc-sense-dark .dwb, .mbsc-sense-dark .dwv { color: #fff } .mbsc-sense-dark .dww { background: #121212 } .mbsc-sense-dark .dwcc { background: #171717; color: #fff } .mbsc-sense-dark .dwwo { background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(0.15, rgba(240,240,240,0)), color-stop(0.85, rgba(240,240,240,0)), to(#000)); background: linear-gradient(#000, rgba(240,240,240,0) 10%, rgba(240,240,240,0) 90%, #000); background: -webkit-linear-gradient(#000, rgba(240,240,240,0) 15%, rgba(240,240,240,0) 85%, #000); background: -moz-linear-gradient(#000, rgba(240,240,240,0) 15%, rgba(240,240,240,0) 85%, #000); -webkit-box-shadow: #000 0 0 50px inset; box-shadow: #000 0 0 50px inset } .mbsc-sense-dark .dwwl { border-color: #212121 } .mbsc-sense-dark .dwwol { border-top: 1px solid #0a0a0a; border-bottom: 1px solid #212121; height: 0 } .mbsc-sense-dark .dwl { color: #878787 } .mbsc-sense-dark .dw-li { color: #fff; text-shadow: none } .mbsc-sense-dark .dw-hl { background: rgba(65,161,196,0.3) } .mbsc-sense-dark .dwb-a { color: #41a1c4 } .mbsc-sense-dark .dwwl .dwb-a:after { border-color: #41a1c4 } .mbsc-sense-dark .dw-cal-sc-m-cell, .mbsc-sense-dark .dw-cal-day { background: #171717; color: #fff; border-color: #262626 } .mbsc-sense-dark .dw-hl-now .dw-cal-today { color: #41a1c4 } .mbsc-sense-dark .dw-week-nrs-c { background: #404040; border-color: #404040 } .mbsc-sense-dark .dw-week-nr-i { color: #fff } .mbsc-sense-dark .dw-cal { background: #171717 } .mbsc-sense-dark .dw-cal-days-c { background: #404040 } .mbsc-sense-dark .dw-cal-days { color: #fff } .mbsc-sense-dark .dwb-a .dw-cal-btn-txt { color: #41a1c4 } .mbsc-sense-dark .dw-cal-tab .dw-i { color: #878787 } .mbsc-sense-dark .dw-cal-tabs { background: #404040 } .mbsc-sense-dark .dw-cal-btnc { background: #333 } .mbsc-sense-dark .dw-cal-header, .mbsc-sense-dark .dw-cal-btn-txt, .mbsc-sense-dark .dw-cal-tab.dw-sel .dw-i { color: #fff } .mbsc-sense-dark .dw-cal-sc .dw-sel, .mbsc-sense-dark .dw-cal-day.dw-sel { background: #41a3c4; color: white } .mbsc-sense-dark .dw-cal .dw-cal-day-hl .dw-cal-day-fg { border: 2px solid #fff; color: #fff } .mbsc-sense-dark .dw-cal-events { background: #616161; background: rgba(97,97,97,0.8) } .mbsc-sense-dark .dw-cal-events-b .dw-cal-events-arr { border-color: transparent transparent #616161; border-color: transparent transparent rgba(97,97,97,0.8) } .mbsc-sense-dark .dw-cal-events-arr { border-color: #616161 transparent transparent; border-color: rgba(97,97,97,0.8) transparent transparent } .mbsc-sense-dark .dw-dr-t { background: #121212; border-color: #333 } .mbsc-sense-dark .dw-ltr .dw-dr1 { border-color: #333 } .mbsc-sense-dark .dw-dr { color: #fff } .mbsc-sense-dark .dw-sel .dw-dr { color: #41a1c4 } .mbsc-sense-dark .dw-timer-st.dwb-a .dwb-i { border-left-color: #41a1c4 } .mbsc-sense-dark .dw-timer-l.dwb-a .dwb-i, .mbsc-sense-dark .dw-running .dw-timer-st.dwb-a .dwb-i { border-color: #41a1c4 } .mbsc-sense-dark .dw-timer-r.dwb-a .dwb-i { background: #41a1c4 } .mbsc-sense-dark .mbsc-np-hdr { background: #ededed; color: #2e2b2b } .mbsc-sense-dark .mbsc-np-btn { border-color: #212121; -webkit-box-shadow: 0 .0625em 0 rgba(64,64,64,0.5) inset; box-shadow: 0 .0625em 0 rgba(64,64,64,0.5) inset; color: #fff } .mbsc-sense-dark .mbsc-np-btn.dwb-a { color: #fff; background: #41a3c4 } .mbsc-lv-sense-dark .mbsc-lv { border-color: #212121 } .mbsc-lv-sense-dark .mbsc-lv-item-dragging .mbsc-lv-handle-bar { background: #41a1c4 } .mbsc-lv-sense-dark .mbsc-lv-item { background: #171717; color: #fff; border-color: #212121; -webkit-box-shadow: none; box-shadow: none } .mbsc-lv-sense-dark.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) { background: #212121 } .mbsc-lv-sense-dark .mbsc-lv-gr-title { background: #404040; color: #fff; border-color: #212121 } .mbsc-lv-sense-dark .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active { background: #41a1c4 } .mbsc-sense-dark.mbsc-ms-c { color: #fff; background: #171717; text-shadow: none } .mbsc-sense-dark.mbsc-ms-a .mbsc-ms-item-sel .mbsc-ms-item-i { border-bottom-color: #41a1c4; color: #41a1c4 } .mbsc-sense-dark.mbsc-ms-a .mbsc-ms-item-i { background: #404040 } .mbsc-sense-dark.mbsc-ms-b .mbsc-ms-item-sel .mbsc-ms-item-i { background: #41a3c4 } .mbsc-sense-dark.mbsc-ms-b .mbsc-ms-item:after { border-color: #3d3d3d } .mbsc-sense-dark.mbsc-ms-b.mbsc-ms-top { border-color: #3d3d3d } .mbsc-sense-dark.mbsc-ms-b.mbsc-ms-bottom { border-color: #3d3d3d }