Sunji-posv-net/pos/POSV.Cef.Client/HTML/Content/css/mobiscroll.custom-3.0.0-beta2.mincss.css

/* 46f259de-8808-4478-8705-cf88a7cc8c12 */
@font-face {
    font-family: 'icons_mobiscroll';
    src: url('icons_mobiscroll.eot?noveut');
    src: url('icons_mobiscroll.eot?#iefixnoveut') format('embedded-opentype'),url('icons_mobiscroll.ttf?noveut') format('truetype'),url('icons_mobiscroll.woff?noveut') format('woff'),url('icons_mobiscroll.woff') format('woff'),url('icons_mobiscroll.svg?noveut#icons_mobiscroll') format('svg');
    font-style: normal
}

.mbsc-ic:before {
    font-family: 'icons_mobiscroll';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mbsc-ic-aid:before {
    content: "\f100"
}

.mbsc-ic-airplane:before {
    content: "\f101"
}

.mbsc-ic-alarm2:before {
    content: "\f102"
}

.mbsc-ic-arrow-down5:before {
    content: "\f103"
}

.mbsc-ic-arrow-down6:before {
    content: "\f104"
}

.mbsc-ic-arrow-left2:before {
    content: "\f105"
}

.mbsc-ic-arrow-left4:before {
    content: "\f106"
}

.mbsc-ic-arrow-left5:before {
    content: "\f107"
}

.mbsc-ic-arrow-left6:before {
    content: "\f108"
}

.mbsc-ic-arrow-right2:before {
    content: "\f109"
}

.mbsc-ic-arrow-right4:before {
    content: "\f10a"
}

.mbsc-ic-arrow-right5:before {
    content: "\f10b"
}

.mbsc-ic-arrow-right6:before {
    content: "\f10c"
}

.mbsc-ic-arrow-up5:before {
    content: "\f10d"
}

.mbsc-ic-arrow-up6:before {
    content: "\f10e"
}

.mbsc-ic-attachment:before {
    content: "\f10f"
}

.mbsc-ic-backspace:before {
    content: "\f110"
}

.mbsc-ic-backspace3:before {
    content: "\f111"
}

.mbsc-ic-backspace4:before {
    content: "\f112"
}

.mbsc-ic-bars:before {
    content: "\f113"
}

.mbsc-ic-book:before {
    content: "\f114"
}

.mbsc-ic-bubble:before {
    content: "\f115"
}

.mbsc-ic-bubbles:before {
    content: "\f116"
}

.mbsc-ic-bullhorn:before {
    content: "\f117"
}

.mbsc-ic-calendar:before {
    content: "\f118"
}

.mbsc-ic-camera:before {
    content: "\f119"
}

.mbsc-ic-cart:before {
    content: "\f11a"
}

.mbsc-ic-checkmark:before {
    content: "\f11b"
}

.mbsc-ic-clock:before {
    content: "\f11c"
}

.mbsc-ic-close:before {
    content: "\f11d"
}

.mbsc-ic-cloud-download:before {
    content: "\f11e"
}

.mbsc-ic-cloud-upload:before {
    content: "\f11f"
}

.mbsc-ic-cogs:before {
    content: "\f120"
}

.mbsc-ic-connection:before {
    content: "\f121"
}

.mbsc-ic-copy2:before {
    content: "\f122"
}

.mbsc-ic-copy3:before {
    content: "\f123"
}

.mbsc-ic-credit:before {
    content: "\f124"
}

.mbsc-ic-disk:before {
    content: "\f125"
}

.mbsc-ic-download:before {
    content: "\f126"
}

.mbsc-ic-drawer:before {
    content: "\f127"
}

.mbsc-ic-droplet:before {
    content: "\f128"
}

.mbsc-ic-earth:before {
    content: "\f129"
}

.mbsc-ic-eye:before {
    content: "\f12a"
}

.mbsc-ic-eye-blocked:before {
    content: "\f12b"
}

.mbsc-ic-fa-leaf:before {
    content: "\f12c"
}

.mbsc-ic-fa-rotate-left:before {
    content: "\f12d"
}

.mbsc-ic-file4:before {
    content: "\f12e"
}

.mbsc-ic-film:before {
    content: "\f12f"
}

.mbsc-ic-flag:before {
    content: "\f130"
}

.mbsc-ic-folder:before {
    content: "\f131"
}

.mbsc-ic-forward:before {
    content: "\f132"
}

.mbsc-ic-foundation-mail:before {
    content: "\f133"
}

.mbsc-ic-foundation-minus-circle:before {
    content: "\f134"
}

.mbsc-ic-globe:before {
    content: "\f135"
}

.mbsc-ic-heart:before {
    content: "\f136"
}

.mbsc-ic-history:before {
    content: "\f137"
}

.mbsc-ic-home:before {
    content: "\f138"
}

.mbsc-ic-image2:before {
    content: "\f139"
}

.mbsc-ic-ion-android-system-windows:before {
    content: "\f13a"
}

.mbsc-ic-ion-bluetooth:before {
    content: "\f13b"
}

.mbsc-ic-ion-ios7-checkmark-empty:before {
    content: "\f13c"
}

.mbsc-ic-ion-navigate:before {
    content: "\f13d"
}

.mbsc-ic-key2:before {
    content: "\f13e"
}

.mbsc-ic-library:before {
    content: "\f13f"
}

.mbsc-ic-link:before {
    content: "\f140"
}

.mbsc-ic-location:before {
    content: "\f141"
}

.mbsc-ic-lock2:before {
    content: "\f142"
}

.mbsc-ic-loop2:before {
    content: "\f143"
}

.mbsc-ic-map:before {
    content: "\f144"
}

.mbsc-ic-material-arrow-back:before {
    content: "\f145"
}

.mbsc-ic-material-backspace:before {
    content: "\f146"
}

.mbsc-ic-material-check-box-outline-blank:before {
    content: "\f147"
}

.mbsc-ic-material-equalizer:before {
    content: "\f148"
}

.mbsc-ic-material-keyboard-arrow-down:before {
    content: "\f149"
}

.mbsc-ic-material-keyboard-arrow-left:before {
    content: "\f14a"
}

.mbsc-ic-material-keyboard-arrow-right:before {
    content: "\f14b"
}

.mbsc-ic-material-keyboard-arrow-up:before {
    content: "\f14c"
}

.mbsc-ic-material-pause:before {
    content: "\f14d"
}

.mbsc-ic-material-play-arrow:before {
    content: "\f14e"
}

.mbsc-ic-material-repeat:before {
    content: "\f14f"
}

.mbsc-ic-material-shuffle:before {
    content: "\f150"
}

.mbsc-ic-material-skip-next:before {
    content: "\f151"
}

.mbsc-ic-material-skip-previous:before {
    content: "\f152"
}

.mbsc-ic-material-star:before {
    content: "\f153"
}

.mbsc-ic-material-star-outline:before {
    content: "\f154"
}

.mbsc-ic-material-stop:before {
    content: "\f155"
}

.mbsc-ic-minus:before {
    content: "\f156"
}

.mbsc-ic-mobile:before {
    content: "\f157"
}

.mbsc-ic-music:before {
    content: "\f158"
}

.mbsc-ic-newspaper:before {
    content: "\f159"
}

.mbsc-ic-office:before {
    content: "\f15a"
}

.mbsc-ic-pause2:before {
    content: "\f15b"
}

.mbsc-ic-pencil:before {
    content: "\f15c"
}

.mbsc-ic-phone:before {
    content: "\f15d"
}

.mbsc-ic-play:before {
    content: "\f15e"
}

.mbsc-ic-play3:before {
    content: "\f15f"
}

.mbsc-ic-plus:before {
    content: "\f160"
}

.mbsc-ic-redo2:before {
    content: "\f161"
}

.mbsc-ic-remove:before {
    content: "\f162"
}

.mbsc-ic-reply:before {
    content: "\f163"
}

.mbsc-ic-sad2:before {
    content: "\f164"
}

.mbsc-ic-share:before {
    content: "\f165"
}

.mbsc-ic-smiley2:before {
    content: "\f166"
}

.mbsc-ic-stack:before {
    content: "\f167"
}

.mbsc-ic-star:before {
    content: "\f168"
}

.mbsc-ic-star2:before {
    content: "\f169"
}

.mbsc-ic-star3:before {
    content: "\f16a"
}

.mbsc-ic-stop2:before {
    content: "\f16b"
}

.mbsc-ic-stopwatch:before {
    content: "\f16c"
}

.mbsc-ic-support:before {
    content: "\f16d"
}

.mbsc-ic-tag:before {
    content: "\f16e"
}

.mbsc-ic-thumbs-up:before {
    content: "\f16f"
}

.mbsc-ic-thumbs-up2:before {
    content: "\f170"
}

.mbsc-ic-undo2:before {
    content: "\f171"
}

.mbsc-ic-unlocked:before {
    content: "\f172"
}

.mbsc-ic-upload:before {
    content: "\f173"
}

.mbsc-ic-user4:before {
    content: "\f174"
}

.mbsc-ic-volume-medium:before {
    content: "\f175"
}

.mbsc-progress {
    position: relative;
    display: block;
    margin: 0;
    z-index: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

    .mbsc-progress progress {
        display: none
    }

    .mbsc-progress .mbsc-input-wrap {
        position: relative;
        display: block
    }

    .mbsc-progress .mbsc-input-ic {
        position: absolute;
        height: 2em;
        width: 2em;
        line-height: 2em;
        text-align: center
    }

.mbsc-progress-cont {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.mbsc-progress-track {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mbsc-progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%
}

.mbsc-progress-anim .mbsc-progress-bar {
    -webkit-transition: width .1s ease-in-out;
    -moz-transition: width .1s ease-in-out;
    transition: width .1s ease-in-out
}

.mbsc-progress-value {
    position: absolute;
    top: 50%;
    width: 3em;
    overflow: hidden;
    margin-top: -.5em;
    line-height: 1em
}

.mbsc-progress-value-right .mbsc-progress-value {
    right: 0;
    text-align: right
}

.mbsc-progress-value-left .mbsc-progress-value {
    left: 0;
    text-align: left
}

.mbsc-progress-step-label {
    position: absolute;
    top: 1em;
    width: 3.5em;
    margin-left: -1.75em;
    font-size: .75em;
    text-align: center;
    overflow: hidden
}

.mbsc-mobiscroll.mbsc-progress {
    padding: 1em
}

    .mbsc-mobiscroll.mbsc-progress .mbsc-label {
        font-size: .75em
    }

    .mbsc-mobiscroll.mbsc-progress .mbsc-input-ic {
        top: .0625em;
        margin: 0;
        color: #787878
    }

    .mbsc-mobiscroll.mbsc-progress.mbsc-ic-left {
        padding-left: 3.25em
    }

    .mbsc-mobiscroll.mbsc-progress.mbsc-ic-right {
        padding-right: 3.25em
    }

    .mbsc-mobiscroll.mbsc-progress.mbsc-ic-left .mbsc-left-ic {
        right: auto;
        left: -2.625em
    }

    .mbsc-mobiscroll.mbsc-progress.mbsc-ic-right .mbsc-right-ic {
        left: auto;
        right: -2.625em
    }

.mbsc-mobiscroll .mbsc-progress-cont {
    padding: 1em 0
}

.mbsc-mobiscroll .mbsc-progress-track {
    background: #dedede;
    border-radius: 1em;
    height: .125em
}

.mbsc-mobiscroll .mbsc-progress-bar {
    background: #4eccc4
}

.mbsc-mobiscroll .mbsc-progress-value {
    width: 3.75em;
    font-size: .875em
}

.mbsc-mobiscroll.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap {
    padding-left: 3.5em
}

.mbsc-mobiscroll.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap {
    padding-right: 3.5em
}

.mbsc-android-holo.mbsc-progress {
    padding: .75em
}

    .mbsc-android-holo.mbsc-progress .mbsc-input-ic {
        top: .25em
    }

    .mbsc-android-holo.mbsc-progress.mbsc-ic-right {
        padding-right: 3.25em
    }

    .mbsc-android-holo.mbsc-progress.mbsc-ic-left {
        padding-left: 3.25em
    }

    .mbsc-android-holo.mbsc-progress.mbsc-ic-right .mbsc-right-ic {
        left: auto;
        right: -2.375em
    }

    .mbsc-android-holo.mbsc-progress.mbsc-ic-left .mbsc-left-ic {
        right: auto;
        left: -2.375em
    }

    .mbsc-android-holo.mbsc-progress .mbsc-input-wrap {
        padding: 0
    }

    .mbsc-android-holo.mbsc-progress .mbsc-label {
        padding: 0;
        font-size: .75em
    }

.mbsc-android-holo .mbsc-progress-cont {
    padding: 1em 0
}

.mbsc-android-holo .mbsc-progress-track {
    background: #818181;
    height: .125em
}

.mbsc-android-holo .mbsc-progress-bar {
    background: #31c6e7
}

.mbsc-android-holo .mbsc-progress-value {
    font-size: .75em;
    width: 4em
}

.mbsc-android-holo.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap {
    padding-left: 3.25em
}

.mbsc-android-holo.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap {
    padding-right: 3.25em
}

.mbsc-android-holo .mbsc-progress-step-label {
    top: 1.5em
}

.mbsc-wp.mbsc-progress {
    padding: .75em 1em
}

    .mbsc-wp.mbsc-progress .mbsc-label {
        padding-bottom: .3125em;
        color: #878787;
        font-size: 1em
    }

    .mbsc-wp.mbsc-progress .mbsc-input-wrap {
        padding: 0
    }

    .mbsc-wp.mbsc-progress .mbsc-input-ic {
        color: #fff;
        top: -.1875em
    }

    .mbsc-wp.mbsc-progress.mbsc-ic-right {
        padding-right: 3.25em
    }

    .mbsc-wp.mbsc-progress.mbsc-ic-left {
        padding-left: 3.25em
    }

    .mbsc-wp.mbsc-progress.mbsc-ic-right .mbsc-right-ic {
        left: auto;
        right: -2.375em
    }

    .mbsc-wp.mbsc-progress.mbsc-ic-left .mbsc-left-ic {
        right: auto;
        left: -2.375em
    }

    .mbsc-wp.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap {
        padding-left: 3.5em
    }

    .mbsc-wp.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap {
        padding-right: 3.5em
    }

.mbsc-wp .mbsc-progress-cont {
    padding: .75em 0
}

.mbsc-wp .mbsc-progress-track {
    background: #1f1f1f;
    height: .125em
}

.mbsc-wp .mbsc-progress-bar {
    background: #1a9fe0
}

.mbsc-wp .mbsc-progress-value {
    margin-top: -.4375em;
    width: 3.5em
}

.mbsc-wp .mbsc-progress-step-label {
    top: 1.5em
}

.mbsc-material.mbsc-progress {
    padding: .75em 1em
}

    .mbsc-material.mbsc-progress .mbsc-input-wrap {
        padding: 0
    }

    .mbsc-material.mbsc-progress .mbsc-input-ic {
        top: .3125em;
        margin: 0
    }

    .mbsc-material.mbsc-progress.mbsc-ic-left {
        padding-left: 3.25em
    }

    .mbsc-material.mbsc-progress.mbsc-ic-right {
        padding-right: 3.25em
    }

    .mbsc-material.mbsc-progress.mbsc-ic-left .mbsc-left-ic {
        right: auto;
        left: -2.625em
    }

    .mbsc-material.mbsc-progress.mbsc-ic-right .mbsc-right-ic {
        left: auto;
        right: -2.625em
    }

    .mbsc-material.mbsc-progress .mbsc-label {
        font-size: .75em
    }

.mbsc-material .mbsc-progress-cont {
    padding: 1.25em 0
}

.mbsc-material .mbsc-progress-track {
    background: #b2b2b2;
    height: .125em
}

.mbsc-material .mbsc-progress-bar {
    background: #009688
}

.mbsc-material .mbsc-progress-value {
    font-size: .75em;
    width: 4em
}

.mbsc-material .mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap {
    padding-left: 3.25em
}

.mbsc-material .mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap {
    padding-right: 3.25em
}

.mbsc-ios.mbsc-progress {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 2.75em;
    margin-top: -1px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: .625em 1em;
    background: #fff;
    align-items: center
}

    .mbsc-ios.mbsc-progress.mbsc-progress-w .mbsc-label {
        padding: 0
    }

    .mbsc-ios.mbsc-progress .mbsc-input-ic {
        top: .0625em;
        margin: 0
    }

    .mbsc-ios.mbsc-progress.mbsc-ic-left .mbsc-left-ic {
        right: auto;
        left: -.375em
    }

    .mbsc-ios.mbsc-progress.mbsc-ic-right .mbsc-right-ic {
        left: auto;
        right: -.375em
    }

    .mbsc-ios.mbsc-progress .mbsc-input-wrap {
        position: relative;
        padding: 0 .75em
    }

    .mbsc-ios.mbsc-progress.mbsc-progress-w.mbsc-ic-left .mbsc-input-wrap {
        padding-left: 2.5em
    }

    .mbsc-ios.mbsc-progress.mbsc-progress-w.mbsc-ic-right .mbsc-input-wrap {
        padding-right: 2.5em
    }

    .mbsc-ios.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap {
        padding-left: 3.5em
    }

    .mbsc-ios.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap {
        padding-right: 3.5em
    }

    .mbsc-ios.mbsc-progress.mbsc-ic-left.mbsc-progress-value-left .mbsc-input-wrap {
        padding-left: 5.5em
    }

    .mbsc-ios.mbsc-progress.mbsc-ic-right.mbsc-progress-value-right .mbsc-input-wrap {
        padding-left: 5.5em
    }

    .mbsc-ios.mbsc-progress.mbsc-ic-left.mbsc-progress-value-left .mbsc-progress-value {
        left: 2.2857em
    }

    .mbsc-ios.mbsc-progress.mbsc-ic-right.mbsc-progress-value-right .mbsc-progress-value {
        right: 2.2857em
    }

.mbsc-ios .mbsc-progress-cont {
    padding: 1em 0
}

.mbsc-ios .mbsc-progress-track {
    background: #dedede;
    border-radius: 1em;
    height: .125em
}

.mbsc-ios .mbsc-progress-bar {
    background: #1272dc;
    z-index: 1
}

.mbsc-ios .mbsc-progress-value {
    width: 3.715em;
    font-size: .875em;
    color: #b6b6b6
}

.mbsc-ios .mbsc-progress-step-label {
    top: 1.25em;
    color: #b6b6b6
}

.mbsc-progress.mbsc-slider input {
    display: none
}

.mbsc-progress-anim .mbsc-slider-handle-cont {
    -webkit-transition: left .1s ease-in-out;
    -moz-transition: left .1s ease-in-out;
    transition: left .1s ease-in-out
}

.mbsc-slider-handle-cont {
    position: absolute;
    width: 2em;
    height: 2em;
    right: -1em;
    top: .0625em;
    margin-top: -1em;
    cursor: pointer
}

    .mbsc-slider-handle-cont.mbsc-slider-handle-left {
        left: 0
    }

.mbsc-progress-track .mbsc-slider-handle-cont {
    margin-left: -1em
}

.mbsc-slider-handle {
    position: absolute;
    top: .125em;
    right: 50%;
    margin: -.5em -.5em 0 0;
    z-index: 2;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.mbsc-slider .mbsc-slider-handle:focus, .mbsc-slider .mbsc-active .mbsc-slider-handle {
    outline: 0;
    z-index: 15
}

.mbsc-slider-tooltip {
    position: absolute;
    right: 50%;
    opacity: 0;
    color: #000
}

.mbsc-slider-step {
    position: absolute;
    top: 0;
    width: .125em;
    height: 100%;
    margin-left: -.0625em
}

.mbsc-mobiscroll.mbsc-slider .mbsc-input-wrap {
    padding: 0 .5em
}

.mbsc-mobiscroll .mbsc-slider-step {
    background: #f7f7f7
}

.mbsc-mobiscroll .mbsc-slider-handle {
    top: 50%;
    width: 1em;
    height: 1em;
    border-radius: 1.125em;
    background: #4eccc4;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -moz-transition: -moz-transform .2s ease-in-out;
    transition: transform .2s ease-in-out
}

    .mbsc-mobiscroll .mbsc-slider-handle:focus, .mbsc-mobiscroll .mbsc-active .mbsc-slider-handle {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        transform: scale(1.3)
    }

.mbsc-mobiscroll.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track {
    opacity: .4
}

.mbsc-mobiscroll.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-handle {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.mbsc-mobiscroll .mbsc-slider-tooltip {
    top: -1.91666em;
    width: 2.33333333em;
    height: 2.33333333em;
    border-radius: 2em;
    margin-right: -1.1666em;
    line-height: 2.33333333em;
    text-align: center;
    font-size: .75em;
    color: #eee;
    background-color: #4eccc4;
    z-index: 5;
    -webkit-transform: scale(.4) translate3d(0,5em,0);
    -moz-transform: scale(.4) translate3d(0,5em,0);
    transform: scale(.4) translate3d(0,5em,0);
    -webkit-transition: -webkit-transform .2s ease-in-out,opacity .2s ease-in-out;
    -moz-transition: -moz-transform .2s ease-in-out,opacity .2s ease-in-out;
    transition: transform .2s ease-in-out,opacity .2s ease-in-out
}

.mbsc-mobiscroll .mbsc-slider-handle:focus ~ .mbsc-slider-tooltip, .mbsc-mobiscroll .mbsc-active .mbsc-slider-tooltip {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0) scale(1);
    -moz-transform: translate3d(0,0,0) scale(1);
    transform: translate3d(0,0,0) scale(1)
}

.mbsc-mobiscroll.mbsc-slider-has-tooltip .mbsc-slider-handle:focus, .mbsc-mobiscroll.mbsc-slider-has-tooltip .mbsc-active .mbsc-slider-handle {
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    transform: scale(.5)
}

.mbsc-android-holo.mbsc-slider .mbsc-input-wrap {
    padding: 0 .9375em
}

.mbsc-android-holo .mbsc-slider-step {
    background: #fff
}

.mbsc-android-holo .mbsc-slider-handle {
    top: 50%;
    width: .625em;
    height: .625em;
    margin: -.3125em -.3125em 0 0;
    border-radius: .625em;
    background: #31c6e7
}

    .mbsc-android-holo .mbsc-slider-handle.mbsc-active {
        background: #fff
    }

    .mbsc-android-holo .mbsc-slider-handle:after {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -.9375em;
        margin-left: -.9375em;
        border-radius: 1.875em;
        height: 1.875em;
        width: 1.875em;
        content: ' ';
        background: rgba(67,198,231,.3)
    }

    .mbsc-android-holo .mbsc-slider-handle:focus:after, .mbsc-android-holo .mbsc-active .mbsc-slider-handle:after {
        margin-top: -1em;
        margin-left: -1em;
        border: 1px solid #29799c
    }

.mbsc-android-holo .mbsc-slider-tooltip {
    width: 3em;
    top: -1.25em;
    margin-right: -1.5em;
    text-align: center;
    color: #fff;
    background: #000;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.mbsc-android-holo .mbsc-slider-handle:focus ~ .mbsc-slider-tooltip, .mbsc-android-holo .mbsc-active .mbsc-slider-tooltip {
    opacity: 1
}

.mbsc-android-holo.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track {
    background: #fff;
    opacity: .4
}

.mbsc-android-holo.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-handle {
    width: .25em;
    height: .25em;
    margin: -.125em -.125em 0 0;
    border-radius: .625em;
    background: #fff
}

    .mbsc-android-holo.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-handle:after {
        margin-top: -.9375em;
        margin-left: -.9375em;
        border: 0;
        background: rgba(200,200,200,.5)
    }

.mbsc-android-holo.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-bar {
    background: #a9a9a9
}

.mbsc-wp.mbsc-slider .mbsc-input-wrap {
    padding: 0 .3125em
}

.mbsc-wp.mbsc-slider .mbsc-input-ic {
    top: .125em
}

.mbsc-wp.mbsc-slider .mbsc-progress-track {
    height: .75em
}

.mbsc-wp .mbsc-slider-handle {
    top: 50%;
    width: .625em;
    height: 1.125em;
    margin: -.25em -.3125em 0 0;
    background: #fff
}

.mbsc-wp .mbsc-slider-tooltip {
    height: 2.16665em;
    width: 3.16665em;
    margin-right: -1.6666em;
    top: -2.75em;
    border: 2px solid #808080;
    line-height: 2.16665em;
    background: #fff;
    text-align: center;
    font-size: .75em;
    font-weight: bold;
    color: #808080;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.mbsc-wp .mbsc-slider-handle:focus ~ .mbsc-slider-tooltip, .mbsc-wp .mbsc-active .mbsc-slider-tooltip {
    opacity: 1
}

.mbsc-wp .mbsc-slider-step {
    background: #000
}

.mbsc-wp .mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track {
    opacity: .4
}

.mbsc-material.mbsc-slider .mbsc-input-wrap {
    padding: 0 .5em
}

.mbsc-material .mbsc-slider-step {
    background: #000
}

.mbsc-material .mbsc-slider-handle {
    top: 50%;
    width: .75em;
    height: .75em;
    margin: -.5em -.5em 0 0;
    border: 2px solid #009688;
    border-radius: 1.125em;
    background: #009688;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -moz-transition: -moz-transform .2s ease-in-out;
    transition: transform .2s ease-in-out
}

    .mbsc-material .mbsc-slider-handle:focus, .mbsc-material .mbsc-active .mbsc-slider-handle {
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        transform: scale(1.4)
    }

.mbsc-material .mbsc-slider-start .mbsc-slider-handle {
    border-color: #b2b2b2;
    background: #eee
}

.mbsc-material .mbsc-slider-handle:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: -.625em;
    left: -.625em;
    width: 2em;
    height: 2em;
    opacity: 0;
    background: rgba(0,0,0,.1);
    border-radius: 2.875em;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.mbsc-material .mbsc-active .mbsc-slider-handle:before {
    opacity: 1
}

.mbsc-material .mbsc-slider-tooltip {
    margin-right: -1.16665em;
    top: -2.5em;
    width: 2.33333333em;
    height: 2.33333333em;
    border-radius: 2.33333333em;
    line-height: 2.33333333em;
    text-align: center;
    font-size: .75em;
    color: #eee;
    background-color: #009688;
    -webkit-transform: scale(.4) translate3d(0,6em,0);
    -moz-transform: scale(.4) translate3d(0,6em,0);
    -ms-transform: scale(.4) translate(0,6em);
    transform: scale(.4) translate3d(0,6em,0);
    -webkit-transition: -webkit-transform .2s ease-in-out,opacity .2s ease-in-out;
    -moz-transition: -moz-transform .2s ease-in-out,opacity .2s ease-in-out;
    transition: transform .2s ease-in-out,opacity .2s ease-in-out
}

    .mbsc-material .mbsc-slider-tooltip:before {
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        border-left: .8333em solid transparent;
        border-right: .8333em solid transparent;
        border-top: 1em solid #009688;
        bottom: -.66666em;
        left: .3333em
    }

.mbsc-material.mbsc-slider-has-tooltip .mbsc-slider-handle:focus ~ .mbsc-slider-tooltip, .mbsc-material.mbsc-slider-has-tooltip .mbsc-active .mbsc-slider-tooltip {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0) scale(1);
    -moz-transform: translate3d(0,0,0) scale(1);
    -ms-transform: translate(0,0) scale(1);
    transform: translate3d(0,0,0) scale(1)
}

.mbsc-material.mbsc-slider-has-tooltip .mbsc-slider-handle:focus, .mbsc-material.mbsc-slider-has-tooltip .mbsc-active .mbsc-slider-handle {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.mbsc-material.mbsc-slider-has-tooltip .mbsc-slider-start .mbsc-slider-tooltip {
    background: #b2b2b2
}

    .mbsc-material.mbsc-slider-has-tooltip .mbsc-slider-start .mbsc-slider-tooltip:before {
        border-top-color: #b2b2b2
    }

.mbsc-material.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track {
    opacity: .4
}

.mbsc-material.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-bar {
    background: #b2b2b2
}

.mbsc-material.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-handle {
    background: #b2b2b2;
    border-color: #b2b2b2;
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    -webkit-box-shadow: 0 0 0 .3125em #eee;
    box-shadow: 0 0 0 .3125em #eee
}

.mbsc-material.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-start .mbsc-slider-handle {
    border-color: #b2b2b2;
    background: #eee
}

.mbsc-ios .mbsc-slider-handle {
    top: 50%;
    width: 1.5em;
    height: 1.5em;
    margin: -.75em -.75em 0 0;
    background: #fff;
    border-radius: 1.25em;
    -webkit-box-shadow: 0 0 1em rgba(0,0,0,.1),0 0 .0625em rgba(0,0,0,.15),0 .125em .125em rgba(0,0,0,.15);
    box-shadow: 0 0 1em rgba(0,0,0,.1),0 0 .0625em rgba(0,0,0,.15),0 .125em .125em rgba(0,0,0,.15)
}

.mbsc-ios .mbsc-slider-tooltip {
    font-size: .875em;
    width: 3em;
    margin-right: -1.5em;
    top: -1em;
    text-align: center;
    color: #b6b6b6;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.mbsc-ios .mbsc-slider-handle:focus ~ .mbsc-slider-tooltip, .mbsc-ios .mbsc-active .mbsc-slider-tooltip {
    opacity: 1
}

.mbsc-ios .mbsc-slider-step {
    height: .5em;
    margin-top: -.1875em;
    margin-left: -.0625em;
    background: #dedede
}

.mbsc-ios.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track {
    opacity: .4
}

@-webkit-keyframes mbsc-lv-spin {
    from {
        -webkit-transform: rotate(180deg);
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes mbsc-lv-remove-right {
    to {
        -webkit-transform: translateX(100%)
    }
}

@-webkit-keyframes mbsc-lv-remove-left {
    to {
        -webkit-transform: translateX(-100%)
    }
}

@-webkit-keyframes mbsc-lv-add-right {
    from {
        -webkit-transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes mbsc-lv-add-left {
    from {
        -webkit-transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes mbsc-lv-pop-in {
    from {
        -webkit-transform: scale(0);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes mbsc-lv-pop-out {
    from {
        -webkit-transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(0);
        opacity: 0
    }
}

@-webkit-keyframes mbsc-lv-collapse {
    from {
        padding: 0;
        border: 0
    }

    to {
        padding: 0;
        border: 0;
        height: 0
    }
}

@-webkit-keyframes mbsc-lv-expand {
    from {
        padding: 0;
        border: 0;
        height: 0
    }

    to {
        padding: 0;
        border: 0
    }
}

@-webkit-keyframes mbsc-lv-fill {
    from {
        -webkit-transform: scale(1,0)
    }

    to {
        -webkit-transform: scale(1,1)
    }
}

@-moz-keyframes mbsc-lv-spin {
    from {
        -moz-transform: rotate(180deg);
        opacity: 0
    }

    to {
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes mbsc-lv-remove-right {
    to {
        -moz-transform: translateX(100%)
    }
}

@-moz-keyframes mbsc-lv-remove-left {
    to {
        -moz-transform: translateX(-100%)
    }
}

@-moz-keyframes mbsc-lv-add-right {
    from {
        -moz-transform: translateX(100%)
    }
}

@-moz-keyframes mbsc-lv-add-left {
    from {
        -moz-transform: translateX(-100%)
    }
}

@-moz-keyframes mbsc-lv-pop-in {
    from {
        -moz-transform: scale(0);
        opacity: 0
    }
}

@-moz-keyframes mbsc-lv-pop-out {
    to {
        -moz-transform: scale(0);
        opacity: 0
    }
}

@-moz-keyframes mbsc-lv-collapse {
    from {
        padding: 0;
        border: 0
    }

    to {
        padding: 0;
        border: 0;
        height: 0
    }
}

@-moz-keyframes mbsc-lv-expand {
    from {
        padding: 0;
        border: 0;
        height: 0
    }

    to {
        padding: 0;
        border: 0
    }
}

@-moz-keyframes mbsc-lv-fill {
    from {
        -moz-transform: scale(1,0)
    }

    to {
        -moz-transform: scale(1,1)
    }
}

@keyframes mbsc-lv-spin {
    from {
        transform: rotate(180deg);
        opacity: 0
    }

    to {
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes mbsc-lv-remove-right {
    to {
        transform: translateX(100%)
    }
}

@keyframes mbsc-lv-remove-left {
    to {
        transform: translateX(-100%)
    }
}

@keyframes mbsc-lv-add-right {
    from {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes mbsc-lv-add-left {
    from {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes mbsc-lv-pop-in {
    from {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1)
    }
}

@keyframes mbsc-lv-pop-out {
    from {
        transform: scale(1)
    }

    to {
        transform: scale(0);
        opacity: 0
    }
}

@keyframes mbsc-lv-collapse {
    from {
        padding: 0;
        border: 0
    }

    to {
        padding: 0;
        border: 0;
        height: 0
    }
}

@keyframes mbsc-lv-expand {
    from {
        padding: 0;
        border: 0;
        height: 0
    }

    to {
        padding: 0;
        border: 0
    }
}

@keyframes mbsc-lv-fill {
    from {
        transform: scale(1,0)
    }

    to {
        transform: scale(1,1)
    }
}

.mbsc-lv-stage-c-v, .mbsc-lv-item, .mbsc-lv-gr-title, .mbsc-lv-ic-text {
    -webkit-transform: translate3d(0,0,0)
}

.mbsc-lv, .mbsc-lv-fill-item {
    -webkit-backface-visibility: hidden
}

.mbsc-lv-cont {
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-action: pan-y;
    user-select: none;
    touch-action: pan-y
}

.mbsc-lv-rtl {
    direction: rtl
}

.mbsc-lv {
    display: none;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
}

.mbsc-lv-dummy {
    display: block;
    margin-top: -1px;
    -webkit-backface-visibility: visible
}

.mbsc-lv-v {
    display: block
}

.mbsc-lv-gr-title {
    position: relative;
    z-index: 2
}

.mbsc-lv-fixed-header {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    list-style: none;
    width: 100%;
    z-index: 10
}

.mbsc-lv-fixed-header-ctx {
    position: absolute
}

.mbsc-lv .mbsc-lv-item {
    position: relative;
    z-index: 1;
    list-style: none
}

    .mbsc-lv .mbsc-lv-item.mbsc-lv-item-swiping {
        overflow: visible
    }

.mbsc-lv-stage-c {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none
}

.mbsc-lv-stage-c-v {
    display: block
}

.mbsc-lv-item-new-left {
    -webkit-transform: translateX(-100%)
}

.mbsc-lv-item-new-right {
    -webkit-transform: translateX(100%)
}

.mbsc-lv-item-remove-right {
    -webkit-animation: mbsc-lv-remove-right 200ms;
    -webkit-animation-delay: 1ms;
    -moz-animation: mbsc-lv-remove-right 200ms;
    animation: mbsc-lv-remove-right 200ms
}

.mbsc-lv-item-remove-left {
    -webkit-animation: mbsc-lv-remove-left 200ms;
    -webkit-animation-delay: 1ms;
    -moz-animation: mbsc-lv-remove-left 200ms;
    animation: mbsc-lv-remove-left 200ms
}

.mbsc-lv-item-add-right {
    -webkit-animation: mbsc-lv-add-right 200ms;
    -moz-animation: mbsc-lv-add-right 200ms;
    animation: mbsc-lv-add-right 200ms
}

.mbsc-lv-item-add-left {
    -webkit-animation: mbsc-lv-add-left 200ms;
    -moz-animation: mbsc-lv-add-left 200ms;
    animation: mbsc-lv-add-left 200ms
}

.mbsc-lv-item-pop-in {
    -webkit-animation: mbsc-lv-pop-in 200ms;
    -moz-animation: mbsc-lv-pop-in 200ms;
    animation: mbsc-lv-pop-in 200ms
}

.mbsc-lv-item-pop-out {
    -webkit-animation: mbsc-lv-pop-out 200ms;
    -moz-animation: mbsc-lv-pop-out 200ms;
    animation: mbsc-lv-pop-out 200ms
}

.mbsc-lv-item-collapse {
    visibility: hidden;
    -webkit-animation: mbsc-lv-collapse 200ms;
    -moz-animation: mbsc-lv-collapse 200ms;
    animation: mbsc-lv-collapse 200ms
}

.mbsc-lv-item-expand {
    visibility: hidden;
    -webkit-animation: mbsc-lv-expand 200ms;
    -moz-animation: mbsc-lv-expand 200ms;
    animation: mbsc-lv-expand 200ms
}

.mbsc-lv .mbsc-lv-item.mbsc-lv-item-undo {
    position: absolute;
    left: 0;
    right: 0
}

.mbsc-lv-cont .mbsc-lv-item.mbsc-lv-item-dragging {
    z-index: 100;
    position: absolute;
    left: 0;
    right: 0;
    opacity: .9;
    -webkit-box-shadow: 0 0 .625em rgba(0,0,0,.5);
    box-shadow: 0 0 .625em rgba(0,0,0,.5);
    cursor: pointer;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.mbsc-lv-item-dragging .mbsc-lv-handle-c {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.mbsc-lv .mbsc-lv-item.mbsc-lv-ph {
    padding: 0;
    border: 0;
    visibility: hidden
}

.mbsc-lv-fill-item {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .1
}

.mbsc-lv-handle-c {
    position: absolute;
    z-index: 4;
    top: 0;
    height: 100%;
    width: 40px;
    -ms-touch-action: none;
    touch-action: none;
    cursor: pointer;
    cursor: -webkit-grab;
    cursor: grab
}

.mbsc-lv-item-h-right {
    right: 0
}

.mbsc-lv-item-h-left {
    left: 0
}

.mbsc-lv-cont.mbsc-lv-handle-left .mbsc-lv-item {
    padding-left: 40px
}

.mbsc-lv-cont.mbsc-lv-handle-right .mbsc-lv-item {
    padding-right: 40px
}

.mbsc-lv-handle-bar-c {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -7px
}

.mbsc-lv-handle-bar {
    position: relative;
    height: 2px;
    margin: 2px 10px;
    background: #888
}

.mbsc-lv-ic, .mbsc-lv-ic-m {
    top: 0;
    text-align: center;
    text-shadow: none;
    font-size: .75em
}

.mbsc-lv-ic-s {
    position: absolute;
    top: 50%;
    margin-top: -0.9375em;
    width: 2.8em;
    height: 1.875em;
    line-height: 1.875em;
    font-size: 1.25em
}

.mbsc-lv-ic-c {
    position: absolute;
    top: 0;
    height: 100%;
    line-height: 1.875em;
    color: #fff;
    cursor: pointer
}

.mbsc-lv-ic-text {
    text-shadow: none;
    font-size: 1em
}

.mbsc-ic-none {
    border: 0
}

    .mbsc-ic-none:before {
        content: "0";
        font-size: 0;
        color: rgba(0,0,0,0)
    }

.mbsc-lv-ic-anim .mbsc-lv-ic-s {
    opacity: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mbsc-lv-ic-anim .mbsc-lv-ic-a {
    opacity: 1;
    -webkit-animation: mbsc-lv-spin 200ms;
    -webkit-transform: rotate(0);
    -moz-animation: mbsc-lv-spin 200ms;
    -moz-transform: rotate(0);
    animation: mbsc-lv-spin 200ms;
    transform: rotate(0)
}

.mbsc-lv-ic-anim .mbsc-lv-ic-v {
    opacity: 1;
    -webkit-animation: none;
    -webkit-transform: rotate(0);
    -moz-animation: none;
    -moz-transform: rotate(0);
    animation: none;
    transform: rotate(0)
}

.mbsc-lv-ic-left {
    left: 0
}

.mbsc-lv-ic-move-left {
    left: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%)
}

    .mbsc-lv-ic-right .mbsc-lv-ic, .mbsc-lv-ic-move-left .mbsc-lv-ic {
        right: 0
    }

    .mbsc-lv-ic-right .mbsc-lv-ic-text, .mbsc-lv-ic-move-left .mbsc-lv-ic-text {
        padding: 0 3.5em 0 .625em
    }

.mbsc-lv-ic-right {
    right: 0
}

.mbsc-lv-ic-move-right {
    right: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%)
}

    .mbsc-lv-ic-left .mbsc-lv-ic, .mbsc-lv-ic-move-right .mbsc-lv-ic {
        left: 0
    }

    .mbsc-lv-ic-left .mbsc-lv-ic-text, .mbsc-lv-ic-move-right .mbsc-lv-ic-text {
        padding: 0 .625em 0 3.5em
    }

.mbsc-lv-ic-c .mbsc-lv-ic-only {
    width: 0;
    padding: 0 0 0 3.5em
}

.mbsc-lv-ic-c .mbsc-lv-ic-text-only {
    padding: 0 .625em
}

.mbsc-lv-multi {
    position: absolute;
    top: 0;
    display: none;
    width: 90%;
    height: 100%;
    table-layout: fixed
}

.mbsc-lv-multi-ic-right {
    right: 0
}

.mbsc-lv-multi-ic-left {
    left: 0
}

.mbsc-lv-right .mbsc-lv-multi-ic-right {
    display: table
}

.mbsc-lv-left .mbsc-lv-multi-ic-left {
    display: table
}

.mbsc-lv-ic-m {
    display: table-cell;
    vertical-align: middle;
    padding: 0 .25em;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

    .mbsc-lv-ic-m:before {
        display: block;
        padding: .25em 0;
        font-size: 1.333334em
    }

.mbsc-lv-ic-disabled {
    opacity: .5;
    filter: alpha(opacity=50)
}

.mbsc-lv-sl-c {
    position: relative;
    -webkit-animation-fill-mode: forwards;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0)
}

.mbsc-lv-sl-r {
    -webkit-animation: mbsc-lv-remove-left 300ms;
    -moz-animation: mbsc-lv-remove-left 300ms;
    animation: mbsc-lv-remove-left 300ms
}

.mbsc-lv-sl-l {
    -webkit-animation: mbsc-lv-remove-right 300ms;
    -moz-animation: mbsc-lv-remove-right 300ms;
    animation: mbsc-lv-remove-right 300ms
}

    .mbsc-lv-sl-l .mbsc-lv-sl-curr, .mbsc-lv-sl-r .mbsc-lv-sl-curr {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }

.mbsc-lv-sl-r .mbsc-lv-sl-new {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%)
}

.mbsc-lv-sl-l .mbsc-lv-sl-new {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%)
}

.mbsc-lv-arr {
    position: absolute;
    top: 50%;
    width: 2em;
    height: 2em;
    font-size: 1em;
    line-height: 2em;
    margin-top: -1em
}

.mbsc-lv .mbsc-lv-item.mbsc-lv-parent {
    padding-right: 2.25em
}

.mbsc-lv .mbsc-lv-item.mbsc-lv-back {
    padding-left: 2.25em
}

.mbsc-lv-parent .mbsc-lv-arr {
    right: 0
}

.mbsc-lv-handle-right .mbsc-lv-parent .mbsc-lv-arr {
    right: 40px
}

.mbsc-lv-back .mbsc-lv-arr {
    left: 0
}

.mbsc-lv .mbsc-lv-txt {
    margin: 0;
    font-weight: normal
}

.mbsc-lv h1.mbsc-lv-txt {
    font-size: 2em
}

.mbsc-lv h2.mbsc-lv-txt {
    font-size: 1.5em
}

.mbsc-lv h3.mbsc-lv-txt {
    font-size: 1.125em
}

.mbsc-lv h4.mbsc-lv-txt {
    font-size: 1em
}

.mbsc-lv h5.mbsc-lv-txt {
    font-size: .875em
}

.mbsc-lv h6.mbsc-lv-txt {
    font-size: .625em
}

.mbsc-lv p.mbsc-lv-txt {
    font-size: .75em
}

.mbsc-lv-img {
    position: absolute;
    max-height: 2.8em;
    max-width: 2.8em;
    top: 50%;
    margin-top: -1.4em
}

.mbsc-lv-cont .mbsc-lv-item.mbsc-lv-img-left {
    padding-left: 4.5em
}

.mbsc-lv-cont .mbsc-lv-item.mbsc-lv-img-right {
    padding-right: 4.5em
}

.mbsc-lv-img-left .mbsc-lv-img {
    left: 1.25em
}

.mbsc-lv-img-right .mbsc-lv-img {
    right: 1.25em
}

.mbsc-lv-handle-left.mbsc-lv-cont .mbsc-lv-img-left {
    padding-left: 6.5em
}

.mbsc-lv-handle-left .mbsc-lv-img-left .mbsc-lv-img {
    left: 2.8em
}

.mbsc-lv-handle-right.mbsc-lv-cont .mbsc-lv-img-right {
    padding-right: 6.5em
}

.mbsc-lv-handle-right .mbsc-lv-img-right .mbsc-lv-img {
    right: 2.8em
}

.mbsc-lv-item-ic {
    position: absolute;
    top: 50%;
    margin-top: -1em;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center
}

.mbsc-lv-cont .mbsc-lv-item.mbsc-lv-item-ic-left {
    padding-left: 3.2em
}

.mbsc-lv-cont .mbsc-lv-item.mbsc-lv-item-ic-right {
    padding-right: 3.2em
}

.mbsc-lv-item-ic-left .mbsc-lv-item-ic {
    left: .8em
}

.mbsc-lv-item-ic-right .mbsc-lv-item-ic {
    right: .8em
}

.mbsc-lv-handle-left.mbsc-lv-cont .mbsc-lv-item-ic-left {
    padding-left: 4.8em
}

.mbsc-lv-handle-left .mbsc-lv-item-ic-left .mbsc-lv-item-ic {
    left: 2.3em
}

.mbsc-lv-handle-right.mbsc-lv-cont .mbsc-lv-item-ic-right {
    padding-right: 4.8em
}

.mbsc-lv-handle-right .mbsc-lv-item-ic-right .mbsc-lv-item-ic {
    right: 2.3em
}

.mbsc-lv-mobiscroll {
    font-family: arial,verdana,sans-serif;
    padding-top: 1px
}

    .mbsc-lv-mobiscroll .mbsc-lv {
        background: #b1b1b1
    }

    .mbsc-lv-mobiscroll .mbsc-lv-item {
        margin-top: -1px;
        padding: 1.25em;
        background: #f7f7f7;
        color: #454545;
        font-weight: normal
    }

    .mbsc-lv-mobiscroll.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
        background: #eee
    }

    .mbsc-lv-mobiscroll .mbsc-lv-item-hl:after, .mbsc-lv-mobiscroll .mbsc-lv-item-active::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: block;
        background: rgba(78,204,196,.3)
    }

    .mbsc-lv-mobiscroll .mbsc-lv-gr-title {
        padding: 0 1.25em;
        font-size: .75em;
        text-transform: uppercase;
        line-height: 2em;
        background: #4eccc4;
        margin-top: -1px;
        color: #f7f7f7
    }

    .mbsc-lv-mobiscroll .mbsc-lv-ic-m {
        color: #fff
    }

    .mbsc-lv-mobiscroll .mbsc-lv-arr {
        color: #4eccc4
    }

    .mbsc-lv-mobiscroll .mbsc-lv-handle-bar {
        background: #4eccc4
    }

    .mbsc-lv-mobiscroll .mbsc-lv-item.mbsc-lv-item-dragging {
        margin: 0;
        background: #4eccc4;
        color: #f7f7f7;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .mbsc-lv-mobiscroll .mbsc-lv-item-dragging .mbsc-lv-handle-bar {
        background: #f7f7f7
    }

    .mbsc-lv-mobiscroll .mbsc-lv-item-dragging .mbsc-lv-arr {
        color: #f7f7f7
    }

.mbsc-lv-android-holo {
    font-family: arial,verdana,sans-serif
}

    .mbsc-lv-android-holo .mbsc-lv {
        background: #484848
    }

    .mbsc-lv-android-holo .mbsc-lv-item {
        margin-top: -1px;
        padding: 1.25em;
        background: #292829;
        border-top: 1px solid #484848;
        border-bottom: 1px solid #484848;
        color: #fff;
        font-weight: normal;
        text-shadow: none
    }

    .mbsc-lv-android-holo.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
        background: #383838
    }

    .mbsc-lv-android-holo .mbsc-lv-item-hl, .mbsc-lv-android-holo .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active {
        background: #484848
    }

    .mbsc-lv-android-holo .mbsc-lv-fill-item {
        background: rgba(255,255,255,.5)
    }

    .mbsc-lv-android-holo .mbsc-lv-handle-bar-c {
        margin-top: -9px;
        border-left: 1px solid #888
    }

    .mbsc-lv-android-holo .mbsc-lv-handle-bar {
        margin: 3px 10px;
        background: #888
    }

    .mbsc-lv-android-holo.mbsc-lv-handle-right .mbsc-lv-item {
        padding-right: 50px
    }

    .mbsc-lv-android-holo.mbsc-lv-handle-left .mbsc-lv-item {
        padding-left: 50px
    }

    .mbsc-lv-android-holo.mbsc-lv-handle-left .mbsc-lv-handle-bar-c {
        border-left: 0;
        border-right: 1px solid #888
    }

    .mbsc-lv-android-holo .mbsc-lv-gr-title {
        background: #292829;
        line-height: 2em;
        color: #bbb;
        font-size: .8em;
        font-weight: bold;
        padding: 1em 1.625em 0 1.625em;
        margin-top: -1px;
        border-bottom: 2px solid #484848;
        text-transform: uppercase
    }

    .mbsc-lv-android-holo .mbsc-lv-ic-m {
        color: #fff
    }

    .mbsc-lv-android-holo .mbsc-lv .mbsc-lv-item.mbsc-lv-item-dragging {
        margin: 0;
        background: #31b6e7;
        background: rgba(49,182,231,.5);
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .mbsc-lv-android-holo .mbsc-lv-gr-title .mbsc-lv-img {
        height: 2.4em;
        margin-top: -.1em
    }

    .mbsc-lv-android-holo.mbsc-lv-handle-right .mbsc-lv-img-right .mbsc-lv-img {
        right: 3.2em
    }

    .mbsc-lv-android-holo.mbsc-lv-handle-left .mbsc-lv-img-left .mbsc-lv-img {
        left: 3.2em
    }

    .mbsc-lv-android-holo.mbsc-lv-handle-right .mbsc-lv-item-ic-right .mbsc-lv-item-ic {
        right: 2.8em
    }

    .mbsc-lv-android-holo.mbsc-lv-handle-left .mbsc-lv-item-ic-left .mbsc-lv-item-ic {
        left: 2.8em
    }

    .mbsc-lv-android-holo.mbsc-lv-handle-left .mbsc-lv-img-left {
        padding-left: 6.8em
    }

    .mbsc-lv-android-holo.mbsc-lv-handle-right .mbsc-lv-img-right {
        padding-right: 6.8em
    }

    .mbsc-lv-android-holo.mbsc-lv-handle-left .mbsc-lv-item-ic-left {
        padding-left: 5em
    }

    .mbsc-lv-android-holo.mbsc-lv-handle-right .mbsc-lv-item-ic-right {
        padding-right: 5em
    }

.mbsc-lv-wp .mbsc-lv {
    background: #b1b1b1
}

.mbsc-lv-wp .mbsc-lv-item {
    margin-top: -1px;
    padding: 1.25em;
    background: #1f1f1f;
    color: #fff;
    font-family: Segoe UI,arial,verdana,sans-serif;
    font-weight: normal;
    text-shadow: none
}

.mbsc-lv-wp .mbsc-lv-fill-item {
    background: rgba(255,255,255,.5)
}

.mbsc-lv-wp .mbsc-lv .mbsc-lv-item.mbsc-lv-item-dragging {
    margin: 0;
    opacity: .7;
    -webkit-box-shadow: none;
    box-shadow: none
}

.mbsc-lv-wp .mbsc-lv-handle-bar {
    background: #888
}

.mbsc-lv-wp .mbsc-lv-gr-title {
    background: #1f1f1f;
    color: #fff;
    font-size: 1.5em;
    padding: 0 .45em;
    line-height: 2em
}

.mbsc-lv-wp .mbsc-lv-ic-m {
    color: #1f1f1f
}

.mbsc-lv-wp.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
    background: #303030
}

.mbsc-lv-wp .mbsc-lv-item-hl, .mbsc-lv-wp .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active {
    background: #b1b1b1;
    color: #000
}

.mbsc-lv-material {
    font-family: arial,verdana,sans-serif;
    padding-top: 1px
}

    .mbsc-lv-material .mbsc-lv {
        background: #b1b1b1
    }

    .mbsc-lv-material .mbsc-lv-item {
        overflow: hidden;
        margin-top: -1px;
        padding: 1.1875em 1em;
        background: #eee;
        color: #5b5b5b;
        font-weight: normal
    }

        .mbsc-lv-material .mbsc-lv-item:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            display: block;
            pointer-events: none;
            -webkit-transition: background-color .2s ease-out;
            -moz-transition: background-color .2s ease-out;
            transition: background-color .2s ease-out
        }

    .mbsc-lv-material .mbsc-lv-item-hl:after, .mbsc-lv-material .mbsc-lv-item-active::after, .mbsc-lv-material .mbsc-lv-item-dragging:after {
        background: rgba(0,0,0,.1)
    }

    .mbsc-lv-material .mbsc-lv-item-dragging {
        margin: 0
    }

    .mbsc-lv-material .mbsc-lv-item-swiping {
        overflow: visible
    }

    .mbsc-lv-material.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
        background: #f7f7f7
    }

    .mbsc-lv-material.mbsc-lv-handle-left .mbsc-lv-item {
        padding-left: 3.125em
    }

    .mbsc-lv-material.mbsc-lv-handle-right .mbsc-lv-item {
        padding-right: 3.125em
    }

    .mbsc-lv-material .mbsc-lv-gr-title {
        margin-top: -1px;
        font-size: .875em;
        font-weight: bold;
        padding: .5714em 1.14285em;
        background: #eee;
        color: #009688
    }

    .mbsc-lv-material .mbsc-lv-ic-m {
        color: #fff
    }

    .mbsc-lv-material .mbsc-lv-arr {
        color: #009688
    }

        .mbsc-lv-material .mbsc-lv-arr:before {
            font-size: 1.5em
        }

    .mbsc-lv-material .mbsc-lv-handle-c {
        width: 3.125em
    }

    .mbsc-lv-material .mbsc-lv-handle-bar {
        margin: .125em 1em;
        background: #009688
    }

    .mbsc-lv-material .mbsc-lv-img {
        max-height: 2.5em;
        max-width: 2.5em;
        margin-top: -1.25em
    }

    .mbsc-lv-material .mbsc-lv-img-left .mbsc-lv-img {
        left: 1em
    }

    .mbsc-lv-material .mbsc-lv-img-right .mbsc-lv-img {
        right: 1em
    }

    .mbsc-lv-material.mbsc-lv-handle-left .mbsc-lv-img-left .mbsc-lv-img {
        left: 3.125em
    }

    .mbsc-lv-material.mbsc-lv-handle-right .mbsc-lv-img-right .mbsc-lv-img {
        left: 3.125em
    }

    .mbsc-lv-material .mbsc-lv-item-ic-left .mbsc-lv-item-ic {
        left: 1em
    }

    .mbsc-lv-material.mbsc-lv-cont .mbsc-lv-item.mbsc-lv-item-ic-left {
        padding-left: 4em
    }

    .mbsc-lv-material .mbsc-lv-item-ic-right .mbsc-lv-item-ic {
        right: 1em
    }

    .mbsc-lv-material.mbsc-lv-cont .mbsc-lv-item.mbsc-lv-item-ic-right {
        padding-right: 4em
    }

    .mbsc-lv-material p.mbsc-lv-txt {
        color: #757575
    }

.mbsc-lv-ios {
    font-family: arial,verdana,sans-serif;
    border-top: 1px solid #ccc
}

    .mbsc-lv-ios .mbsc-lv {
        background: #e3e3e3
    }

    .mbsc-lv-ios .mbsc-lv-item {
        margin-top: -1px;
        padding: .938em 1.25em;
        background: #fff;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        color: #000;
        font-weight: normal;
        text-shadow: none
    }

    .mbsc-lv-ios.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
        background: #fafafa
    }

    .mbsc-lv-ios .mbsc-lv-item-hl, .mbsc-lv-ios .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active {
        background: #d9d9d9;
        border-color: #d9d9d9
    }

    .mbsc-lv-ios .mbsc-lv-item.mbsc-lv-item-dragging {
        margin: 0
    }

    .mbsc-lv-ios .mbsc-lv-handle-c {
        width: 3.75em
    }

    .mbsc-lv-ios .mbsc-lv-handle-bar {
        margin: .125em .9375em;
        background: #ccc
    }

    .mbsc-lv-ios.mbsc-lv-handle-left .mbsc-lv-item {
        padding-left: 3.75em
    }

    .mbsc-lv-ios.mbsc-lv-handle-right .mbsc-lv-item {
        padding-right: 3.75em
    }

    .mbsc-lv-ios.mbsc-lv-handle-right .mbsc-lv-parent .mbsc-lv-arr {
        right: 3.125em
    }

    .mbsc-lv-ios .mbsc-lv-gr-title {
        margin-top: -1px;
        padding: 0 1.615em;
        background: #f5f5f5;
        color: #777;
        font-size: .875em;
        font-weight: bold;
        line-height: 2em;
        text-transform: uppercase;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc
    }

    .mbsc-lv-ios .mbsc-lv-ic-m {
        color: #777
    }

    .mbsc-lv-ios .mbsc-lv-arr {
        color: #ccc
    }

    .mbsc-lv-ios.mbsc-lv-handle-right .mbsc-lv-img-right .mbsc-lv-img {
        right: 3.4em
    }

    .mbsc-lv-ios.mbsc-lv-handle-left .mbsc-lv-img-left .mbsc-lv-img {
        left: 3.4em
    }

    .mbsc-lv-ios.mbsc-lv-handle-right .mbsc-lv-item-ic-right .mbsc-lv-item-ic {
        right: 3em
    }

    .mbsc-lv-ios.mbsc-lv-handle-left .mbsc-lv-item-ic-left .mbsc-lv-item-ic {
        left: 3em
    }

    .mbsc-lv-ios.mbsc-lv-handle-left .mbsc-lv-img-left {
        padding-left: 7em
    }

    .mbsc-lv-ios.mbsc-lv-handle-right .mbsc-lv-img-right {
        padding-right: 7em
    }

    .mbsc-lv-ios.mbsc-lv-handle-left .mbsc-lv-item-ic-left {
        padding-left: 5.2em
    }

    .mbsc-lv-ios.mbsc-lv-handle-right .mbsc-lv-item-ic-right {
        padding-right: 5.2em
    }

.mbsc-fr-popup, .mbsc-fr-overlay {
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.mbsc-fr-lock {
    -ms-touch-action: none;
    touch-action: none
}

.mbsc-fr-popup {
    max-width: 98%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    font-size: 12px;
    text-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

    .mbsc-fr-popup:focus {
        outline: 0;
        outline-offset: -2px
    }

.mbsc-rtl {
    direction: rtl
}

.mbsc-fr-popup, .mbsc-fr-btn-cont {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mbsc-fr-w {
    min-width: 200px;
    zoom: 1;
    overflow: hidden;
    text-align: center;
    /* font-family: arial,verdana,sans-serif; */
    /* font-family: fantasy; */
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    /*min-width: 200px;
    zoom: 1;
    overflow: hidden;
    text-align: center;*/
    /*font-family: arial,verdana,sans-serif;*/
    /*font-family: fantasy;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box*/
}

.mbsc-fr-persp, .mbsc-fr-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.mbsc-fr-persp {
    z-index: 99998;
    pointer-events: auto
}

.mbsc-fr-overlay {
    z-index: 1;
    background: rgba(0, 0, 0, 0.38);
}

.mbsc-fr-liq .mbsc-fr-popup {
    max-width: 100%
}

.mbsc-fr-top .mbsc-fr-popup, .mbsc-fr-bottom .mbsc-fr-popup {
    width: 100%;
    max-width: 100%
}

.mbsc-fr-inline .mbsc-fr-popup {
    position: static;
    display: inline-block;
    max-width: 100%
}

.mbsc-fr-inline.mbsc-fr-liq .mbsc-fr-persp .mbsc-fr-popup {
    display: block
}

.mbsc-fr-inline .mbsc-fr-persp {
    position: static
}

.mbsc-fr-bubble .mbsc-fr-popup {
    margin: 20px 0
}

.mbsc-fr-bubble .mbsc-fr-arr-w {
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%
}

.mbsc-fr-bubble-top .mbsc-fr-arr-w {
    bottom: -36px
}

.mbsc-fr-bubble-bottom .mbsc-fr-arr-w {
    top: -36px
}

.mbsc-fr-bubble .mbsc-fr-arr-i {
    margin: 0 30px;
    position: relative;
    height: 36px
}

.mbsc-fr-bubble .mbsc-fr-arr {
    display: block
}

.mbsc-fr-arr {
    display: none;
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-width: 18px 18px;
    border-style: solid;
    margin-left: -18px
}

.mbsc-fr-bubble-bottom .mbsc-fr-arr {
    top: 0
}

.mbsc-fr-bubble-top .mbsc-fr-arr {
    bottom: 0
}

.mbsc-fr-hdn {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden
}

.mbsc-fr-hdr {
    overflow: hidden;
    text-overflow: ellipsis
}

.mbsc-fr-btn {
    overflow: hidden;
    display: block;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top
}

.mbsc-fr-btn-e {
    cursor: pointer
}

.mbsc-fr-btn-d {
    cursor: default
}

.mbsc-fr-btn-cont {
    display: table;
    width: 100%;
    text-align: center
}

    .mbsc-fr-btn-cont .mbsc-fr-btn-d {
        opacity: .3
    }

.mbsc-fr-btn-w {
    vertical-align: top;
    display: table-cell;
    position: relative;
    z-index: 5
}

    .mbsc-fr-btn-w .mbsc-fr-btn:before {
        padding: .375em
    }

.mbsc-wdg .mbsc-wdg-c {
    position: relative;
    z-index: 0;
    padding: 1em;
    font-size: 14px;
    text-align: left;
    white-space: normal
}

.mbsc-mobiscroll .mbsc-fr-w {
    min-width: 16em;
    background: #f7f7f7;
    color: #454545;
    font-size: 16px
}

.mbsc-mobiscroll .mbsc-fr-hdr {
    padding: 0 .6666em;
    padding-top: .6666em;
    color: #4eccc4;
    font-size: .75em;
    text-transform: uppercase;
    min-height: 2em;
    line-height: 2em
}

.mbsc-mobiscroll .mbsc-fr-btn-cont {
    display: block;
    overflow: hidden;
    text-align: right;
    padding: 0 .5em .5em .5em
}

.mbsc-mobiscroll .mbsc-fr-btn-w {
    display: block;
    float: right
}

.mbsc-mobiscroll .mbsc-rtl .mbsc-fr-btn-w {
    float: left
}

.mbsc-mobiscroll .mbsc-fr-btn {
    height: 2.5em;
    line-height: 2.5em;
    padding: 0 1em;
    /*color: #4eccc4;*/
    color: #756D6D;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 19px;
}

.mbsc-mobiscroll .mbsc-fr-btn-a {
    background: rgba(78,204,196,.3)
}

.mbsc-mobiscroll .mbsc-fr-bubble-bottom .mbsc-fr-arr {
    border-color: transparent transparent #f7f7f7 transparent
}

.mbsc-mobiscroll .mbsc-fr-bubble-top .mbsc-fr-arr {
    border-color: #f7f7f7 transparent transparent transparent
}

.mbsc-android-holo .mbsc-fr-w {
    background: #292829;
    color: #fff;
    border-radius: .1875em;
    font-size: 16px
}

.mbsc-android-holo .mbsc-fr-hdr {
    color: #31b6e7;
    padding: 0 .5em;
    min-height: 2em;
    line-height: 2em;
    border-bottom: 2px solid #31b6e7;
    font-size: 1.125em
}

.mbsc-android-holo .mbsc-fr-btn-cont {
    border-top: 1px solid #424542
}

.mbsc-android-holo .mbsc-fr-btn {
    height: 2.6em;
    line-height: 2.6em;
    color: #fff;
    font-size: .875em
}

.mbsc-android-holo .mbsc-fr-btn-a {
    background: #29799c
}

.mbsc-android-holo .mbsc-fr-btn-w .mbsc-fr-btn {
    border-left: 1px solid #424542
}

.mbsc-android-holo .mbsc-fr-btn-w:first-child .mbsc-fr-btn {
    border: 0;
    border-radius: 0 0 0 .1875em
}

.mbsc-android-holo .mbsc-fr-btn-w:last-child .mbsc-fr-btn {
    border-radius: 0 0 .1875em 0
}

.mbsc-android-holo .mbsc-rtl .mbsc-fr-btn-w .mbsc-fr-btn {
    border: 0;
    border-right: 1px solid #424542
}

.mbsc-android-holo .mbsc-rtl .mbsc-fr-btn-w:last-child .mbsc-fr-btn {
    border-radius: 0 0 0 .1875em
}

.mbsc-android-holo .mbsc-rtl .mbsc-fr-btn-w:first-child .mbsc-fr-btn {
    border: 0;
    border-radius: 0 0 .1875em 0
}

.mbsc-android-holo.mbsc-fr-liq .mbsc-fr-w, .mbsc-android-holo.mbsc-fr-top .mbsc-fr-w, .mbsc-android-holo.mbsc-fr-bottom .mbsc-fr-w, .mbsc-android-holo.mbsc-fr-liq .mbsc-fr-btn-w .mbsc-fr-btn, .mbsc-android-holo.mbsc-fr-top .mbsc-fr-btn-w .mbsc-fr-btn, .mbsc-android-holo.mbsc-fr-bottom .mbsc-fr-btn-w .mbsc-fr-btn {
    border-radius: 0
}

.mbsc-android-holo .mbsc-fr-bubble-bottom .mbsc-fr-arr {
    border-color: transparent transparent #292829 transparent
}

.mbsc-android-holo .mbsc-fr-bubble-top .mbsc-fr-arr {
    border-color: #292829 transparent transparent transparent
}

.mbsc-wp .mbsc-fr-w {
    padding: .625em;
    background: #1f1f1f;
    color: #fff;
    font-size: 16px
}

.mbsc-wp .mbsc-fr-hdr {
    font-size: .75em;
    padding: .833em;
    min-height: 14px;
    padding-top: 0
}

.mbsc-wp .mbsc-fr-btn-cont {
    display: block
}

.mbsc-wp .mbsc-fr-btn-w {
    display: inline-block
}

.mbsc-wp .mbsc-fr-btn, .mbsc-wp .mbsc-ic:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.mbsc-wp .mbsc-fr-btn {
    position: relative;
    top: 0;
    min-width: 2.9em;
    display: inline-block;
    height: 1.818em;
    padding: 2.636em .455em 0 .455em;
    color: #fff;
    line-height: 1.818em;
    font-size: .688em;
    text-transform: lowercase;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

    .mbsc-wp .mbsc-fr-btn:before {
        position: absolute;
        top: .3em;
        left: 50%;
        width: 2.2em;
        height: 2.2em;
        margin: 0 -1.3em;
        padding: 0;
        border: 2px solid #fff;
        line-height: 2.2em;
        font-size: .909em;
        text-align: center;
        border-radius: 1000px
    }

.mbsc-wp .mbsc-fr-btn-a {
    top: -.3em
}

    .mbsc-wp .mbsc-fr-btn-a:before {
        background: #1a9fe0;
        border-color: #1a9fe0;
        color: #fff
    }

.mbsc-wp .mbsc-fr-bubble-bottom .mbsc-fr-arr {
    border-color: transparent transparent #1f1f1f transparent
}

.mbsc-wp .mbsc-fr-bubble-top .mbsc-fr-arr {
    border-color: #1f1f1f transparent transparent transparent
}

.mbsc-material .mbsc-fr-overlay {
    background: rgba(0,0,0,.6);
    filter: Alpha(Opacity=60)
}

.mbsc-material .mbsc-fr-w {
    min-width: 15em;
    background: #eee;
    border-radius: .1875em;
    color: #5b5b5b;
    font-size: 16px;
    box-shadow: 0 .5em 1em rgba(0,0,0,.2)
}

.mbsc-material .mbsc-fr-hdr {
    padding: 0 .6666em;
    padding-top: .6666em;
    color: #009688;
    font-size: .75em;
    font-weight: bold;
    text-transform: uppercase;
    min-height: 2em;
    line-height: 2em
}

.mbsc-material .mbsc-fr-btn-cont {
    display: block;
    overflow: hidden;
    text-align: right;
    padding: 0 .5em .5em .5em
}

.mbsc-material .mbsc-fr-btn-w {
    display: block;
    float: right
}

.mbsc-material .mbsc-rtl .mbsc-fr-btn-w {
    float: left
}

.mbsc-material .mbsc-fr-btn {
    position: relative;
    height: 2.4em;
    line-height: 2.4em;
    padding: 0 1em;
    font-weight: bold;
    color: #009688;
    text-transform: uppercase
}

.mbsc-material .mbsc-fr-btn-cont .mbsc-fr-btn {
    font-size: .9375em
}

.mbsc-material .mbsc-fr-btn-e {
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out
}

.mbsc-material .mbsc-fr-btn-a {
    background: rgba(0,0,0,.1);
    border-radius: 2px
}

.mbsc-material.mbsc-fr-inline .mbsc-fr-w {
    box-shadow: none
}

.mbsc-material.mbsc-fr-liq .mbsc-fr-w, .mbsc-material.mbsc-fr-top .mbsc-fr-w, .mbsc-material.mbsc-fr-bottom .mbsc-fr-w {
    border-radius: 0
}

.mbsc-material .mbsc-fr-bubble-bottom .mbsc-fr-arr {
    border-color: transparent transparent #eee transparent
}

.mbsc-material .mbsc-fr-bubble-top .mbsc-fr-arr {
    border-color: #eee transparent transparent transparent
}

.mbsc-ios .mbsc-fr-overlay {
    background: rgba(0,0,0,.2);
    filter: Alpha(Opacity=20)
}

.mbsc-ios .mbsc-fr-w {
    position: relative;
    background: #f7f7f7;
    color: #000;
    padding-top: 3.333334em;
    font-size: 12px
}

.mbsc-ios .mbsc-fr-hdr {
    padding: 0 .416667em;
    color: #9d9d9d;
    line-height: 2.5em;
    min-height: 2.5em;
    border-bottom: 1px solid #acacac
}

.mbsc-ios .mbsc-fr-btn-cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #acacac
}

.mbsc-ios .mbsc-fr-btn {
    height: 2.352941em;
    line-height: 2.352941em;
    padding: 0 .588235em;
    display: inline-block;
    color: #007aff;
    font-size: 1.416667em
}

.mbsc-ios .mbsc-fr-btn-a {
    opacity: .5
}

.mbsc-ios .mbsc-fr-btn-w {
    display: block;
    float: right
}

.mbsc-ios .mbsc-fr-btn-c {
    float: left
}

.mbsc-ios .mbsc-fr-btn-s .mbsc-fr-btn {
    font-weight: bold
}

.mbsc-ios .mbsc-fr-bubble-bottom .mbsc-fr-arr {
    border-color: transparent transparent #f7f7f7 transparent
}

.mbsc-ios .mbsc-fr-bubble-top .mbsc-fr-arr {
    border-color: #f7f7f7 transparent transparent transparent
}

.mbsc-ios.mbsc-fr-bubble .mbsc-fr-w {
    border-radius: 8px
}

.mbsc-ios.mbsc-fr-nobtn .mbsc-fr-w {
    padding-top: 0
}

.mbsc-bootstrap .mbsc-fr-popup {
    display: block;
    padding: 0
}

.mbsc-bootstrap .mbsc-fr-hdr {
    /* padding: 0 14px; */
    padding: 0;
    /* min-height: 50px; */
    line-height: 50px;
    /* font-family: initial; */
    height: 50px;
    font-family: initial;
    color: #FFFFFF;
    font-family: PingFang-SC-Medium;
    font-size: 20px;
    background: #00C7BA;
}

.mbsc-bootstrap .mbsc-fr-w {
    font-family: PingFang-SC-Heavy;
    padding: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.mbsc-bootstrap .mbsc-fr-overlay {
    background: rgba(0,0,0,.5)
}

.mbsc-bootstrap .mbsc-fr-btn-cont {
    padding: 0 2px 4px 2px
}

.mbsc-bootstrap .mbsc-fr-btn {
    /*display: block;
    margin: 0 2px ;*/
    display: block;
    margin: 5px 2px;
    border-radius: 20px;
    font-family: monospace;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    font-size: 16px;
}

.mbsc-bootstrap.mbsc-inline .mbsc-fr-popup {
    display: inline-block
}

.mbsc-bootstrap.mbsc-fr-liq .mbsc-fr-popup, .mbsc-bootstrap.mbsc-fr-top .mbsc-fr-popup, .mbsc-bootstrap.mbsc-fr-bottom .mbsc-fr-popup {
    border-radius: 0
}

.mbsc-bootstrap.mbsc-fr-bubble .mbsc-fr-popup {
    margin: 11px 0;
    border: 0;
}

.mbsc-bootstrap .mbsc-fr-arr-i {
    height: 0;
    margin: 0 10px;
    padding: 0;
    border: 0;
    display: block
}

.mbsc-bootstrap .mbsc-fr-bubble-top .mbsc-fr-arr-w {
    bottom: 0
}

.mbsc-bootstrap .mbsc-fr-bubble-bottom .mbsc-fr-arr-w {
    top: 0
}

.mbsc-form {
    font-size: 16px;
    font-family: arial,verdana,sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: 100%
}

.mbsc-wdg .mbsc-w-p .mbsc-form {
    background: 0
}

.mbsc-rtl {
    direction: rtl
}

.mbsc-err-msg {
    display: block;
    font-size: .75em
}

.mbsc-checkbox, .mbsc-switch, .mbsc-radio, .mbsc-stepper-cont {
    line-height: 1.25em
}

.mbsc-checkbox, .mbsc-switch, .mbsc-btn, .mbsc-radio, .mbsc-segmented, .mbsc-stepper-cont {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.mbsc-input, .mbsc-checkbox, .mbsc-switch, .mbsc-btn, .mbsc-radio, .mbsc-segmented, .mbsc-stepper-cont {
    position: relative;
    display: block;
    margin: 0;
    z-index: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .mbsc-input input, .mbsc-input select, .mbsc-input textarea, .mbsc-checkbox input, .mbsc-switch input, .mbsc-radio input, .mbsc-segmented input, .mbsc-btn {
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        outline: 0;
        font-family: inherit;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .mbsc-checkbox input, .mbsc-switch input, .mbsc-radio input, .mbsc-select select, .mbsc-segmented input {
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
        opacity: 0;
        margin: 0;
        filter: alpha(opacity=0)
    }

    .mbsc-btn, .mbsc-input input, .mbsc-input textarea, .mbsc-checkbox-box, .mbsc-checkbox-box:after, .mbsc-radio-box, .mbsc-radio-box:after, .mbsc-switch-track, .mbsc-input-wrap, .mbsc-segmented, .mbsc-progress progress, .mbsc-stepper-cont {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

.mbsc-segmented-content, .mbsc-btn-flat .mbsc-btn-ic {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.mbsc-desc {
    display: block;
    font-size: .75em;
    color: #a0a0a0
}

.mbsc-label {
    display: block
}

.mbsc-input textarea, .mbsc-input input, .mbsc-input select {
    display: block;
    width: 100%;
    font-size: 1em
}

    .mbsc-input input:focus, .mbsc-input textarea:focus, .mbsc-input select:focus, .mbsc-btn:focus {
        outline: 0
    }

.mbsc-input .mbsc-label {
    font-size: .875em
}

.mbsc-input-wrap {
    position: relative;
    display: block
}

.mbsc-input-ic {
    position: absolute;
    height: 2em;
    width: 2em;
    line-height: 2em;
    text-align: center
}

.mbsc-ic-right .mbsc-input-ic {
    right: .5em
}

.mbsc-ic-left .mbsc-input-ic {
    left: .5em
}

.mbsc-ic-right input {
    padding-right: 2.4em
}

.mbsc-ic-left input {
    padding-left: 2.4em
}

.mbsc-input textarea {
    resize: none;
    overflow: hidden;
    line-height: 1.5em
}

.mbsc-input .mbsc-textarea-scroll {
    overflow: auto
}

.mbsc-select select {
    top: -1px
}

.mbsc-select-ic {
    display: none
}

.mbsc-checkbox {
    padding: .5em
}

.mbsc-checkbox-box {
    position: absolute;
    top: 50%;
    display: block;
    width: 1.375em;
    height: 1.375em
}

    .mbsc-checkbox-box:after {
        content: '';
        position: absolute;
        display: block;
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.mbsc-checkbox input:checked + .mbsc-checkbox-box:after {
    opacity: 1
}

.mbsc-radio {
    padding: .5em
}

.mbsc-radio-box {
    position: absolute;
    top: 50%;
    display: block;
    width: 1.25em;
    height: 1.25em;
    border-radius: 1.25em
}

    .mbsc-radio-box:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: .625em;
        height: .625em;
        margin-top: -.3125em;
        margin-left: -.3125em;
        border-radius: .625em;
        opacity: 0
    }

.mbsc-radio input:checked + .mbsc-radio-box:after {
    opacity: 1
}

.mbsc-switch {
    padding: .5em
}

.mbsc-switch-track {
    position: absolute;
    top: 50%;
    display: block;
    width: 3.375em;
    height: 1.625em;
    -webkit-transition: background-color .2s ease-in-out,border .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out,border .2s ease-in-out;
    transition: background-color .2s ease-in-out,border .2s ease-in-out
}

.mbsc-switch .mbsc-switch-track .mbsc-progress-track {
    height: 100%;
    background: 0
}

.mbsc-switch-track .mbsc-slider-handle-cont {
    top: 50%;
    z-index: 4
}

.mbsc-switch-handle {
    position: absolute;
    display: block
}

.mbsc-switch-txt-off, .mbsc-switch-txt-on {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    font-size: .625em;
    text-align: center;
    line-height: 2em
}

.mbsc-segmented {
    display: table;
    table-layout: fixed;
    width: 100%
}

.mbsc-segmented-item {
    display: table-cell;
    position: relative;
    vertical-align: top;
    text-align: center
}

.mbsc-segmented-content {
    position: relative;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: .875em;
    z-index: 2
}

.mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-step-disabled .mbsc-segmented-content, .mbsc-segmented input:disabled + .mbsc-segmented-content {
    z-index: 0
}

.mbsc-stepper {
    position: absolute;
    display: block;
    width: auto;
    right: 1em;
    top: 50%
}

.mbsc-stepper-cont .mbsc-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mbsc-segmented-item:focus {
    outline: 0
}

.mbsc-stepper input {
    position: absolute;
    left: 4.142857em;
    width: 4.142857em;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    box-shadow: none;
    font-size: .875em;
    text-align: center;
    opacity: 1;
    z-index: 4;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none
}

    .mbsc-stepper input::-webkit-outer-spin-button, .mbsc-stepper input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

.mbsc-form .mbsc-stepper-val-right .mbsc-stepper input {
    left: auto;
    right: 0
}

.mbsc-form .mbsc-stepper-val-left .mbsc-stepper input {
    left: 0
}

.mbsc-stepper .mbsc-segmented-item {
    width: 3.625em
}

.mbsc-stepper-cont.mbsc-stepper-val-left .mbsc-stepper .mbsc-segmented-item:nth-child(2) .mbsc-segmented-content, .mbsc-stepper-cont.mbsc-stepper-val-right .mbsc-stepper .mbsc-segmented-item:last-child .mbsc-segmented-content {
    border: 0;
    background: transparent
}

.mbsc-form .mbsc-stepper-cont .mbsc-stepper {
    padding: 0
}

.mbsc-segmented-item .mbsc-control, .mbsc-stepper .mbsc-segmented-content {
    cursor: pointer
}

.mbsc-step-disabled .mbsc-segmented-content, .mbsc-segmented input:disabled {
    cursor: auto
}

.mbsc-btn {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 1em;
    cursor: pointer
}

.mbsc-btn-ic {
    line-height: 1
}

.mbsc-btn-block {
    display: block;
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.mbsc-padding {
    padding: 1em
}

.mbsc-form h1, .mbsc-form h2, .mbsc-form h3, .mbsc-form h4, .mbsc-form h5, .mbsc-form h6 {
    margin: 0;
    padding: 0;
    color: inherit;
    font-weight: normal;
    font-family: inherit
}

.mbsc-form p {
    margin: 1em 0;
    padding: 0;
    font-size: 1em
}

.mbsc-form a {
    text-decoration: none
}

    .mbsc-form a:hover {
        text-decoration: underline
    }

.mbsc-form h1 {
    margin: .347826em 0;
    font-size: 2.875em
}

.mbsc-form h2 {
    margin: .470588em 0;
    font-size: 2.125em
}

.mbsc-form h3 {
    margin: .666666em 0;
    font-size: 1.5em
}

.mbsc-form h4 {
    margin: .8em 0;
    font-size: 1.25em
}

.mbsc-form h5 {
    margin: 1.066666em 0;
    font-size: .9375em
}

.mbsc-form h6 {
    margin: 1.333333em 0;
    font-size: .75em
}

.mbsc-ultra-bold {
    font-weight: 900
}

.mbsc-bold {
    font-weight: bold
}

.mbsc-medium {
    font-weight: 500
}

.mbsc-light {
    font-weight: 300
}

.mbsc-thin {
    font-weight: 100
}

.mbsc-italic {
    font-style: italic
}

.mbsc-mobiscroll.mbsc-form {
    background: #f7f7f7;
    color: #454545
}

    .mbsc-mobiscroll.mbsc-form *::-moz-selection {
        color: #fff;
        background: #4eccc4
    }

    .mbsc-mobiscroll.mbsc-form *::selection {
        color: #fff;
        background: #4eccc4
    }

.mbsc-mobiscroll .mbsc-desc {
    color: #6d6d6d
}

.mbsc-mobiscroll .mbsc-divider {
    padding: 1.5em 1em .5em 1em;
    color: #4eccc4
}

.mbsc-mobiscroll .mbsc-err-msg {
    padding-top: .75em;
    font-size: .75em;
    color: #de3226
}

.mbsc-mobiscroll .mbsc-input textarea, .mbsc-mobiscroll .mbsc-input input {
    height: 2.125em;
    padding: 0 0 1px 0;
    background: transparent;
    border-bottom: 1px solid #787878;
    font-size: 1em;
    color: #1f1f1f
}

    .mbsc-mobiscroll .mbsc-input select:focus ~ input, .mbsc-mobiscroll .mbsc-input textarea:focus, .mbsc-mobiscroll .mbsc-input input:focus {
        border-color: #4eccc4
    }

    .mbsc-mobiscroll .mbsc-input select:disabled ~ input, .mbsc-mobiscroll .mbsc-input select:disabled ~ .mbsc-select-ic, .mbsc-mobiscroll .mbsc-input textarea:disabled, .mbsc-mobiscroll .mbsc-input input:disabled {
        opacity: .4
    }

    .mbsc-mobiscroll .mbsc-input textarea:-webkit-autofill, .mbsc-mobiscroll .mbsc-input input:-webkit-autofill {
        padding: 0 .25em
    }

.mbsc-mobiscroll .mbsc-input {
    padding: .5em 1em
}

.mbsc-mobiscroll .mbsc-input-ic {
    top: .0625em;
    margin: -2px 0 0 0;
    color: #787878
}

.mbsc-mobiscroll .mbsc-input.mbsc-ic-left {
    padding-left: 3.25em
}

.mbsc-mobiscroll .mbsc-input.mbsc-ic-right {
    padding-right: 3.25em
}

.mbsc-mobiscroll .mbsc-ic-left .mbsc-ic.mbsc-left-ic {
    right: auto;
    left: -2.625em
}

.mbsc-mobiscroll .mbsc-ic-right .mbsc-ic.mbsc-right-ic {
    left: auto;
    right: -2.625em
}

.mbsc-mobiscroll .mbsc-input.mbsc-err input, .mbsc-mobiscroll .mbsc-input.mbsc-err textarea {
    padding: 0;
    border-bottom: 1px solid #ec2a32
}

.mbsc-mobiscroll .mbsc-input .mbsc-label {
    font-size: .75em
}

.mbsc-mobiscroll .mbsc-input textarea {
    padding-top: .25em
}

.mbsc-mobiscroll .mbsc-select input {
    padding-right: 1.25em
}

.mbsc-mobiscroll .mbsc-select-ic {
    position: absolute;
    display: block;
    height: 1.25em;
    width: 1.25em;
    top: .5625em;
    right: 0;
    text-align: center
}

.mbsc-mobiscroll .mbsc-checkbox {
    padding: 1em 3.125em 1em 1em
}

.mbsc-mobiscroll .mbsc-checkbox-box {
    background: #4eccc4;
    margin-top: -.5625em;
    width: 1.125em;
    height: 1.125em;
    right: 1em
}

    .mbsc-mobiscroll .mbsc-checkbox-box:after {
        top: .25em;
        left: .185em;
        width: .8125em;
        height: .4375em;
        border: .125em solid #fff;
        border-top: 0;
        border-right: 0
    }

.mbsc-mobiscroll .mbsc-checkbox input:disabled + .mbsc-checkbox-box {
    background: #d6d6d6
}

.mbsc-mobiscroll .mbsc-radio {
    padding: 1em 3.125em 1em 1em
}

.mbsc-mobiscroll .mbsc-radio-box {
    right: 1em;
    width: 1.125em;
    height: 1.125em;
    margin-top: -.5625em;
    background: transparent;
    border: .125em solid #4eccc4
}

    .mbsc-mobiscroll .mbsc-radio-box:after {
        width: .5em;
        height: .5em;
        margin-top: -.25em;
        margin-left: -.25em;
        background: #4eccc4;
        border-radius: .625em
    }

.mbsc-mobiscroll .mbsc-radio input:checked + .mbsc-radio-box {
    background: transparent
}

.mbsc-mobiscroll .mbsc-radio input:disabled + .mbsc-radio-box {
    border-color: #d6d6d6
}

    .mbsc-mobiscroll .mbsc-radio input:disabled + .mbsc-radio-box:after {
        background: #d6d6d6
    }

.mbsc-mobiscroll .mbsc-checkbox input:disabled ~ .mbsc-label, .mbsc-mobiscroll .mbsc-checkbox input:disabled ~ .mbsc-desc, .mbsc-mobiscroll .mbsc-radio input:disabled ~ .mbsc-label, .mbsc-mobiscroll .mbsc-radio input:disabled ~ .mbsc-desc, .mbsc-mobiscroll .mbsc-switch input:disabled ~ .mbsc-label, .mbsc-mobiscroll .mbsc-switch input:disabled ~ .mbsc-desc {
    opacity: .4
}

.mbsc-mobiscroll .mbsc-checkbox-box:after, .mbsc-mobiscroll .mbsc-radio-box:after {
    opacity: 1;
    -webkit-transform: scale(0) rotate(-45deg);
    -moz-transform: scale(0) rotate(-45deg);
    -ms-transform: scale(0) rotate(-45deg);
    transform: scale(0) rotate(-45deg);
    -webkit-transition: -webkit-transform .1s ease-out;
    -moz-transition: -moz-transform .1s ease-out;
    transition: transform .1s ease-out
}

.mbsc-mobiscroll .mbsc-checkbox input:checked + .mbsc-checkbox-box:after, .mbsc-mobiscroll .mbsc-radio input:checked + .mbsc-radio-box:after {
    opacity: 1;
    -webkit-transform: scale(1) rotate(-45deg);
    -moz-transform: scale(1) rotate(-45deg);
    -ms-transform: scale(1) rotate(-45deg);
    transform: scale(1) rotate(-45deg)
}

.mbsc-mobiscroll .mbsc-btn {
    margin: .5em;
    padding: .6875em;
    background: #4eccc4;
    color: #f0f0f0;
    font-size: 1em;
    text-transform: uppercase
}

.mbsc-mobiscroll .mbsc-btn-ic {
    padding-right: .6875em
}

.mbsc-mobiscroll .mbsc-btn-icon-only .mbsc-btn-ic {
    padding: 0 .5em
}

.mbsc-mobiscroll .mbsc-btn:disabled {
    background: #dedede
}

.mbsc-mobiscroll .mbsc-btn.mbsc-active {
    opacity: .6
}

.mbsc-mobiscroll .mbsc-btn-flat.mbsc-active {
    opacity: 1;
    background: rgba(78,204,196,.3)
}

.mbsc-mobiscroll .mbsc-btn-flat {
    background: transparent;
    color: #4eccc4;
    border-color: transparent
}

    .mbsc-mobiscroll .mbsc-btn-flat:disabled {
        background: transparent;
        color: #c9c9c9
    }

.mbsc-mobiscroll .mbsc-btn-group {
    padding: 0 .5em
}

.mbsc-mobiscroll a {
    color: #4eccc4
}

.mbsc-mobiscroll .mbsc-switch {
    padding: 1em 4.375em 1em 1em
}

.mbsc-mobiscroll .mbsc-switch-track {
    right: 1em;
    width: 2.375em;
    height: .875em;
    padding: 0 .75em;
    margin-top: -.4375em;
    background: #dedede;
    border-radius: 1.25em
}

.mbsc-mobiscroll .mbsc-switch-handle {
    top: .25em;
    left: .25em;
    margin: 0;
    width: 1.5em;
    height: 1.5em;
    background: #c9c9c9;
    border-radius: 1.25em
}

.mbsc-mobiscroll .mbsc-active .mbsc-switch-handle {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.mbsc-mobiscroll .mbsc-switch input:checked + .mbsc-switch-track {
    background: #b4e5e2
}

    .mbsc-mobiscroll .mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle {
        background: #4eccc4
    }

.mbsc-mobiscroll .mbsc-switch input:disabled + .mbsc-switch-track {
    background: #d6d6d6;
    opacity: .7
}

    .mbsc-mobiscroll .mbsc-switch input:disabled + .mbsc-switch-track .mbsc-switch-handle {
        background: #e2e2e2
    }

.mbsc-mobiscroll .mbsc-segmented {
    padding: .5em 1em
}

.mbsc-mobiscroll .mbsc-segmented-content {
    height: 2.28571428em;
    margin: 0 -.071428em;
    line-height: 2.28575em;
    padding: 0 .285714em;
    border: .142857em solid #4eccc4;
    text-transform: uppercase;
    color: #4eccc4
}

.mbsc-mobiscroll .mbsc-stepper input {
    color: #454545
}

.mbsc-mobiscroll .mbsc-stepper .mbsc-active .mbsc-segmented-content, .mbsc-mobiscroll .mbsc-segmented input:checked + .mbsc-segmented-content {
    background: #4eccc4;
    color: #f7f7f7
}

.mbsc-mobiscroll .mbsc-segmented input.mbsc-active + .mbsc-segmented-content {
    background: rgba(78,204,196,.25);
    color: #f7f7f7
}

.mbsc-mobiscroll .mbsc-stepper-cont {
    padding: 1.75em 12.875em 1.75em 1em
}

.mbsc-mobiscroll .mbsc-stepper {
    margin-top: -1.125em
}

.mbsc-mobiscroll .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-mobiscroll .mbsc-step-disabled .mbsc-segmented-content, .mbsc-mobiscroll .mbsc-segmented input:disabled + .mbsc-segmented-content {
    color: #d6d6d6;
    border-color: #d6d6d6
}

.mbsc-mobiscroll .mbsc-stepper input:disabled {
    color: #d6d6d6;
    -webkit-text-fill-color: #d6d6d6
}

.mbsc-mobiscroll .mbsc-segmented input:disabled:checked + .mbsc-segmented-content {
    background: #d6d6d6;
    color: #f0f0f0
}

.mbsc-mobiscroll .mbsc-stepper .mbsc-active.mbsc-step-disabled .mbsc-segmented-content {
    background: transparent;
    color: #d6d6d6
}

.mbsc-android-holo.mbsc-form {
    background: #000;
    color: #fff
}

    .mbsc-android-holo.mbsc-form *::-moz-selection {
        color: #fff;
        background: #31c6e7
    }

    .mbsc-android-holo.mbsc-form *::selection {
        color: #fff;
        background: #31c6e7
    }

.mbsc-android-holo .mbsc-padding {
    padding: .75em
}

.mbsc-android-holo .mbsc-divider {
    margin: 0 1em;
    padding: 2em 0 1em 0;
    border-bottom: 1px solid #31c6e7;
    font-size: .75em;
    color: #31c6e7;
    text-transform: uppercase
}

.mbsc-android-holo .mbsc-err-msg {
    color: #f35047;
    float: right;
    padding-top: .375em
}

.mbsc-android-holo .mbsc-input {
    padding: .75em
}

    .mbsc-android-holo .mbsc-input textarea, .mbsc-android-holo .mbsc-input input {
        height: 2em;
        padding: 0 .75em;
        background: #000;
        border: 0;
        border-bottom: 5px solid #a9a9a9;
        outline: 4px solid #000;
        outline-offset: -5px;
        color: #fff
    }

.mbsc-android-holo.mbsc-wdg .mbsc-input textarea, .mbsc-android-holo.mbsc-wdg .mbsc-input input, .mbsc-lv-android-holo .mbsc-input textarea, .mbsc-lv-android-holo .mbsc-input input {
    background: #292929;
    outline: 4px solid #292929
}

.mbsc-android-holo .mbsc-input textarea {
    padding: .25em .75em 0 .75em
}

.mbsc-android-holo .mbsc-select input {
    padding: 0 .75em;
    outline: 0;
    border-width: 0 0 1px;
    padding-bottom: 4px
}

.mbsc-android-holo .mbsc-input-ic {
    top: 0;
    margin-top: -3px
}

.mbsc-android-holo .mbsc-input select:focus + input, .mbsc-android-holo .mbsc-input textarea:focus, .mbsc-android-holo .mbsc-input input:focus {
    border-color: #31c6e7
}

.mbsc-android-holo .mbsc-input .mbsc-control:focus ~ .mbsc-select-ic {
    border-color: transparent #31c6e7 #31c6e7 transparent
}

.mbsc-android-holo .mbsc-input select:disabled ~ input, .mbsc-android-holo .mbsc-input textarea:disabled, .mbsc-android-holo .mbsc-input input:disabled {
    opacity: .4
}

.mbsc-android-holo .mbsc-input textarea:-webkit-autofill, .mbsc-android-holo .mbsc-input input:-webkit-autofill {
    border-color: #faffbd;
    box-shadow: 0 0 0 50em #000 inset;
    -webkit-text-fill-color: #fff
}

.mbsc-android-holo .mbsc-input.mbsc-err input, .mbsc-android-holo .mbsc-input.mbsc-err textarea {
    border-color: #f35047
}

.mbsc-android-holo .mbsc-input .mbsc-label {
    font-size: .75em;
    padding: 0 1em
}

.mbsc-android-holo .mbsc-ic-left input, .mbsc-android-holo .mbsc-ic-left textarea {
    padding-left: 2.4em
}

.mbsc-android-holo .mbsc-ic-right input, .mbsc-android-holo .mbsc-ic-right textarea {
    padding-right: 2.4em
}

.mbsc-android-holo .mbsc-select .mbsc-input-wrap .mbsc-select-ic {
    position: absolute;
    display: block;
    height: 0;
    width: 0;
    bottom: 0;
    right: 0;
    border: 5px solid black;
    border-color: transparent #a9a9a9 #a9a9a9 transparent
}

.mbsc-android-holo .mbsc-ic-left .mbsc-left-ic {
    right: auto;
    left: .125em
}

.mbsc-android-holo .mbsc-ic-right .mbsc-right-ic {
    left: auto;
    right: .125em
}

.mbsc-android-holo .mbsc-select-ic:before {
    display: none
}

.mbsc-android-holo .mbsc-checkbox input:disabled + .mbsc-checkbox-box, .mbsc-android-holo .mbsc-checkbox input:disabled ~ .mbsc-label, .mbsc-android-holo .mbsc-checkbox input:disabled ~ .mbsc-desc, .mbsc-android-holo .mbsc-radio input:disabled + .mbsc-radio-box, .mbsc-android-holo .mbsc-radio input:disabled ~ .mbsc-label, .mbsc-android-holo .mbsc-radio input:disabled ~ .mbsc-desc, .mbsc-android-holo .mbsc-switch input:disabled + .mbsc-switch-track, .mbsc-android-holo .mbsc-switch input:disabled ~ .mbsc-label, .mbsc-android-holo .mbsc-switch input:disabled ~ .mbsc-desc {
    opacity: .4
}

.mbsc-android-holo .mbsc-checkbox {
    padding: 1.25em 3em 1.25em .75em
}

.mbsc-android-holo .mbsc-checkbox-box {
    width: 1em;
    height: 1em;
    border: 1px solid #4e4e4e;
    background: transparent;
    right: 1.25em;
    margin-top: -.5em
}

    .mbsc-android-holo .mbsc-checkbox-box:after {
        top: 0;
        left: 16%;
        width: .925em;
        height: .438em;
        border: 3px solid #31c6e7;
        border-top: 0;
        border-right: 0
    }

.mbsc-android-holo .mbsc-checkbox input:disabled + .mbsc-checkbox-box:after {
    border-color: #444
}

.mbsc-android-holo .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box:before {
    position: absolute;
    height: 2em;
    width: 2em;
    top: 50%;
    left: 50%;
    margin-top: -1em;
    margin-left: -1em;
    border-radius: 3px;
    content: ' ';
    background: rgba(55,55,55,.6)
}

.mbsc-android-holo .mbsc-radio {
    padding: 1.25em 3.25em 1.25em .75em
}

.mbsc-android-holo .mbsc-radio-box {
    background: transparent;
    border: 2px solid #4e4e4e;
    right: 1.25em;
    margin-top: -.625em
}

    .mbsc-android-holo .mbsc-radio-box:after {
        background: #31c6e7
    }

.mbsc-android-holo .mbsc-radio input:checked:disabled + .mbsc-radio-box:after {
    background: #7b7e82
}

.mbsc-android-holo .mbsc-radio input.mbsc-active + .mbsc-radio-box:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1.25em;
    margin-left: -1.25em;
    border-radius: 2.5em;
    height: 2.5em;
    width: 2.5em;
    content: ' ';
    background: rgba(55,55,55,.6)
}

.mbsc-android-holo .mbsc-btn {
    margin: .5em .25em;
    padding: .625em;
    color: #fff;
    background: #5c5c5c;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.5);
    box-shadow: inset 0 1px 1px rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.5)
}

.mbsc-android-holo .mbsc-btn-ic {
    padding-right: .625em
}

.mbsc-android-holo .mbsc-btn-icon-only .mbsc-btn-ic {
    padding: 0 .625em
}

.mbsc-android-holo .mbsc-btn.mbsc-active {
    background: #757575
}

.mbsc-android-holo .mbsc-btn:disabled {
    background: #e5e5e5;
    color: #b5b5b5;
    -webkit-box-shadow: none;
    box-shadow: none
}

.mbsc-android-holo .mbsc-btn-flat {
    padding: 0;
    border-color: transparent;
    background: transparent;
    font-weight: bold;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .mbsc-android-holo .mbsc-btn-flat.mbsc-active {
        opacity: .6;
        background: transparent;
        border-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .mbsc-android-holo .mbsc-btn-flat:disabled {
        opacity: .2;
        background: transparent;
        color: #fff
    }

.mbsc-android-holo .mbsc-btn-group {
    padding: .25em .5em
}

.mbsc-android-holo a {
    color: #31c6e7
}

.mbsc-android-holo .mbsc-switch {
    padding: 1.25em 7.25em 1.25em .75em
}

.mbsc-android-holo .mbsc-switch-track {
    background: #464646;
    width: 4.625em;
    height: 1.25em;
    right: 1.25em;
    padding: 0 1.125em;
    margin-top: -.625em
}

.mbsc-android-holo .mbsc-switch-handle {
    top: .375em;
    left: -.125em;
    height: 100%;
    width: 2.25em;
    height: 1.25em;
    margin: 0;
    background: #676767;
    border-radius: 0;
    text-transform: uppercase;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),inset 1px 0 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.1);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),inset 1px 0 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.1)
}

    .mbsc-android-holo .mbsc-switch-handle:after {
        display: none
    }

.mbsc-android-holo .mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-txt-off {
    display: none
}

.mbsc-android-holo .mbsc-switch-handle .mbsc-switch-txt-off, .mbsc-android-holo .mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-txt-on {
    display: block
}

.mbsc-android-holo .mbsc-switch input.mbsc-active + .mbsc-switch-track .mbsc-switch-handle {
    background: #737373
}

.mbsc-android-holo .mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle {
    background: #29799c
}

.mbsc-android-holo .mbsc-switch input:disabled + .mbsc-switch-track .mbsc-switch-handle {
    background: #a6a7a6
}

.mbsc-android-holo .mbsc-segmented {
    padding: .75em
}

.mbsc-android-holo .mbsc-segmented-content {
    height: 2.2857145em;
    margin: 0 -.07142857em;
    line-height: 2.2857145em;
    padding: 0 .428571em;
    text-transform: capitalize;
    border: .142857em solid #31c6e7
}

.mbsc-android-holo .mbsc-stepper-cont {
    padding: 1.75em 12.375em 1.75em .75em
}

.mbsc-android-holo .mbsc-segmented input:checked + .mbsc-segmented-content {
    background: #31c6e7
}

.mbsc-android-holo .mbsc-segmented input.mbsc-active + .mbsc-segmented-content {
    background: rgba(49,198,231,.35)
}

.mbsc-android-holo .mbsc-stepper-control .mbsc-segmented-content {
    border: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.5);
    box-shadow: inset 0 1px 1px rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.5)
}

.mbsc-android-holo .mbsc-stepper-minus .mbsc-segmented-content, .mbsc-android-holo .mbsc-segmented-item:first-child .mbsc-segmented-content {
    border-top-left-radius: .142857em;
    border-bottom-left-radius: .142857em
}

.mbsc-android-holo .mbsc-stepper-plus .mbsc-segmented-content, .mbsc-android-holo .mbsc-segmented-item:last-child .mbsc-segmented-content {
    border-top-right-radius: .142857em;
    border-bottom-right-radius: .142857em
}

.mbsc-android-holo .mbsc-stepper .mbsc-stepper-val {
    border: 0;
    background: #f5f5f5;
    color: #000;
    -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.5);
    box-shadow: inset 0 1px 1px rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.5)
}

.mbsc-android-holo .mbsc-stepper-control .mbsc-segmented-content {
    background: #5c5c5c
}

.mbsc-android-holo .mbsc-stepper .mbsc-active .mbsc-segmented-content {
    background: #757575
}

.mbsc-android-holo .mbsc-stepper {
    right: .75em;
    margin-top: -1em
}

    .mbsc-android-holo .mbsc-stepper .mbsc-segmented-content {
        margin: 0
    }

.mbsc-android-holo .mbsc-segmented input:disabled + .mbsc-segmented-content {
    color: #b5b5b5;
    border-color: #5c5c5c
}

.mbsc-android-holo .mbsc-segmented input:disabled:checked + .mbsc-segmented-content, .mbsc-android-holo .mbsc-stepper input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-android-holo .mbsc-stepper .mbsc-step-disabled .mbsc-segmented-content {
    background: #e5e5e5;
    color: #b5b5b5;
    border-color: #e5e5e5
}

.mbsc-android-holo .mbsc-stepper input:disabled ~ .mbsc-segmented-item .mbsc-stepper-val {
    background: #f5f5f5
}

.mbsc-android-holo .mbsc-stepper-val-left .mbsc-segmented-item:nth-child(2) .mbsc-segmented-content, .mbsc-android-holo .mbsc-stepper-val-right .mbsc-segmented-item:last-child .mbsc-segmented-content {
    -webkit-box-shadow: none;
    box-shadow: none
}

.mbsc-android-holo .mbsc-stepper input {
    color: #000;
    z-index: 3
}

.mbsc-android-holo .mbsc-stepper-val-left input, .mbsc-android-holo .mbsc-stepper-val-right input {
    color: #fff
}

.mbsc-android-holo .mbsc-stepper input:disabled {
    color: #b5b5b5;
    -webkit-text-fill-color: #b5b5b5
}

.mbsc-wp.mbsc-form {
    background-color: #060709;
    color: #fff
}

    .mbsc-wp.mbsc-form *::-moz-selection {
        color: #fff;
        background: #1a9fe0
    }

    .mbsc-wp.mbsc-form *::selection {
        color: #fff;
        background: #1a9fe0
    }

.mbsc-wp .mbsc-input-ic {
    top: 0;
    margin-top: 0;
    color: #000
}

.mbsc-wp .mbsc-divider {
    font-size: 1.5em;
    padding: 0 .5em;
    line-height: 2em
}

.mbsc-wp .mbsc-err-msg {
    color: #d30101
}

.mbsc-wp .mbsc-input {
    padding: .75em 1em
}

    .mbsc-wp .mbsc-input textarea, .mbsc-wp .mbsc-input input {
        height: 2em;
        padding: 0 .3125em;
        background: #ccc;
        border: .125em solid #ccc;
        font-size: 1em;
        color: #2b2b2b
    }

    .mbsc-wp .mbsc-input textarea {
        padding-top: .125em;
        padding-bottom: .125em
    }

    .mbsc-wp .mbsc-input input::-webkit-input-placeholder {
        color: #5c5c5c
    }

    .mbsc-wp .mbsc-input input::-ms-input-placeholder {
        color: #5c5c5c
    }

    .mbsc-wp .mbsc-input input::-moz-placeholder {
        color: #5c5c5c
    }

    .mbsc-wp .mbsc-input select:focus + input, .mbsc-wp .mbsc-input textarea:focus, .mbsc-wp .mbsc-input input:focus {
        background: #fff;
        border-color: #1a9fe0;
        color: #000
    }

    .mbsc-wp .mbsc-input select:disabled + input, .mbsc-wp .mbsc-input textarea:disabled, .mbsc-wp .mbsc-input input:disabled {
        background: #000;
        border-color: #4e4e4e;
        color: #4e4e4e
    }

.mbsc-wp .mbsc-ic-left input, .mbsc-wp .mbsc-ic-left textarea {
    padding-left: 2.25em
}

.mbsc-wp .mbsc-ic-right input, .mbsc-wp .mbsc-ic-right textarea {
    padding-right: 2.25em
}

.mbsc-wp .mbsc-ic-left .mbsc-left-ic {
    right: auto;
    left: .25em
}

.mbsc-wp .mbsc-ic-right .mbsc-right-ic {
    left: auto;
    right: .25em
}

.mbsc-wp .mbsc-input.mbsc-err input, .mbsc-wp .mbsc-input.mbsc-err textarea {
    border-color: #d30101
}

.mbsc-wp .mbsc-input .mbsc-label {
    padding-bottom: .3125em;
    color: #878787;
    font-size: .8125em
}

.mbsc-wp .mbsc-select input {
    background: transparent;
    border-color: #fff;
    color: #fff
}

.mbsc-wp .mbsc-select .mbsc-input-wrap .mbsc-ic {
    color: #fff
}

.mbsc-wp .mbsc-input select.mbsc-active + input {
    background: #1a9fe0;
    border-color: #fff;
    color: #fff
}

.mbsc-wp .mbsc-select select:focus ~ .mbsc-ic {
    color: #000
}

.mbsc-wp .mbsc-select select.mbsc-active ~ .mbsc-ic {
    color: #fff
}

.mbsc-wp .mbsc-checkbox-box, .mbsc-wp .mbsc-radio-box {
    margin-top: -.6875em;
    border: .125em solid #fff
}

.mbsc-wp .mbsc-checkbox input:disabled + .mbsc-checkbox-box, .mbsc-wp .mbsc-checkbox input:disabled ~ .mbsc-label, .mbsc-wp .mbsc-checkbox input:disabled ~ .mbsc-desc, .mbsc-wp .mbsc-radio input:disabled + .mbsc-radio-box, .mbsc-wp .mbsc-radio input:disabled ~ .mbsc-label, .mbsc-wp .mbsc-radio input:disabled ~ .mbsc-desc, .mbsc-wp .mbsc-switch input:disabled + .mbsc-switch-track, .mbsc-wp .mbsc-switch input:disabled ~ .mbsc-label, .mbsc-wp .mbsc-switch input:disabled ~ .mbsc-desc {
    opacity: .2
}

.mbsc-wp .mbsc-checkbox {
    padding: 1.125em 1em 1.125em 2.875em
}

.mbsc-wp .mbsc-checkbox-box {
    width: 1.3125em;
    height: 1.3125em;
    left: 1em
}

    .mbsc-wp .mbsc-checkbox-box:after {
        top: 20%;
        left: 10%;
        width: .875em;
        height: .475em;
        border: .1875em solid #fff;
        border-top: 0;
        border-right: 0
    }

.mbsc-wp .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box {
    background: #1a9fe0
}

    .mbsc-wp .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box:after {
        border-color: #fff
    }

.mbsc-wp .mbsc-radio {
    padding: 1.125em 3.25em 1.125em 1em
}

.mbsc-wp .mbsc-radio-box {
    right: 1.125em
}

    .mbsc-wp .mbsc-radio-box:after {
        background: #fff
    }

.mbsc-wp .mbsc-radio input.mbsc-active + .mbsc-radio-box {
    background: #1a9fe0
}

    .mbsc-wp .mbsc-radio input.mbsc-active + .mbsc-radio-box:after {
        background: #1a9fe0
    }

.mbsc-wp .mbsc-btn {
    margin: .5em .25em;
    padding: .3125em .5em;
    background: transparent;
    border: .125em solid #fff;
    border-radius: 0;
    color: #fff;
    text-transform: lowercase;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -moz-transition: -moz-transform .2s ease-in-out;
    transition: transform .2s ease-in-out
}

.mbsc-wp .mbsc-btn-ic {
    padding-right: .5em;
    color: #fff
}

.mbsc-wp .mbsc-btn-icon-only .mbsc-btn-ic {
    padding: 0
}

.mbsc-wp .mbsc-btn:disabled {
    opacity: .3
}

.mbsc-wp .mbsc-btn.mbsc-active {
    background: #1a9fe0;
    color: #fff;
    -webkit-transform: translate3d(0,-2px,0);
    -moz-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0)
}

    .mbsc-wp .mbsc-btn.mbsc-active .mbsc-btn-ic {
        background: #1a9fe0;
        color: #fff
    }

.mbsc-wp .mbsc-btn-flat {
    border: 0;
    font-size: .75em
}

    .mbsc-wp .mbsc-btn-flat .mbsc-btn-ic {
        display: block;
        width: 1.833334em;
        height: 1.833334em;
        margin: 0 auto .5em auto;
        padding: 0;
        border: .1666em solid #fff;
        border-radius: 2em;
        line-height: 1.833334em;
        text-align: center
    }

    .mbsc-wp .mbsc-btn-flat:disabled {
        border: 0
    }

    .mbsc-wp .mbsc-btn-flat.mbsc-active {
        background: transparent;
        color: #fff
    }

        .mbsc-wp .mbsc-btn-flat.mbsc-active .mbsc-btn-ic {
            border-color: #1a9fe0
        }

.mbsc-wp .mbsc-btn-group {
    padding: .25em .75em
}

.mbsc-wp a {
    color: #1a9fe0
}

.mbsc-wp .mbsc-switch {
    padding: 1.125em 5.875em 1.125em 1em
}

.mbsc-wp .mbsc-switch-track {
    right: 1.125em;
    width: 3.5em;
    height: 1.125em;
    margin-top: -0.645em;
    padding: 0 .375em;
    -webkit-box-shadow: inset 0 0 0 2px #000,0px 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #000,0px 0 0 2px #fff
}

.mbsc-wp .mbsc-switch-handle {
    z-index: 1;
    top: 50%;
    left: 50%;
    height: 1.625em;
    width: 1em;
    margin: -.9375em 0 0 -.625em;
    background: #fff;
    border: .125em solid #000
}

.mbsc-wp .mbsc-switch input:checked + .mbsc-switch-track {
    background: #1a9fe0
}

.mbsc-wp .mbsc-switch input:checked:disabled + .mbsc-switch-track {
    background: #fff
}

.mbsc-wp .mbsc-segmented {
    padding: .75em 1em
}

.mbsc-wp .mbsc-segmented-content {
    height: 2em;
    margin: 0 -.07142857em;
    line-height: 2em;
    padding: 0 .375em;
    border: .142857em solid #fff;
    color: #fff;
    text-transform: lowercase
}

.mbsc-wp .mbsc-segmented input:checked + .mbsc-segmented-content {
    background: #fff;
    color: #000
}

.mbsc-wp .mbsc-segmented input.mbsc-active + .mbsc-segmented-content {
    background: #1a9fe0
}

.mbsc-wp .mbsc-stepper {
    margin-top: -1em
}

    .mbsc-wp .mbsc-stepper .mbsc-active .mbsc-segmented-content {
        background: #1a9fe0
    }

.mbsc-wp .mbsc-stepper-cont {
    padding: 1.75em 13em 1.75em 1em
}

.mbsc-wp .mbsc-stepper input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-wp .mbsc-step-disabled .mbsc-segmented-content, .mbsc-wp .mbsc-segmented input:disabled + .mbsc-segmented-content {
    color: #505050;
    border-color: #505050
}

.mbsc-wp .mbsc-stepper input:disabled {
    color: #505050;
    -webkit-text-fill-color: #505050
}

.mbsc-wp .mbsc-segmented input:disabled:checked + .mbsc-segmented-content {
    color: #000;
    background: #505050
}

.mbsc-wp .mbsc-stepper .mbsc-active.mbsc-step-disabled .mbsc-segmented-content {
    background: transparent
}

.mbsc-wp .mbsc-stepper input {
    color: #fff
}

.mbsc-material.mbsc-form {
    background-color: #eee;
    color: #6d6d6d
}

    .mbsc-material.mbsc-form *::-moz-selection {
        color: #fff;
        background: #009688
    }

    .mbsc-material.mbsc-form *::selection {
        color: #fff;
        background: #009688
    }

.mbsc-material .mbsc-desc {
    color: #6d6d6d
}

.mbsc-material .mbsc-divider {
    padding: 1.5em 1em .5em 1em;
    color: #009688
}

.mbsc-material .mbsc-err-msg {
    padding-top: .75em;
    font-size: .75em;
    color: #de3226
}

.mbsc-material .mbsc-input textarea, .mbsc-material .mbsc-input input {
    height: 2.125em;
    padding: 0 0 1px 0;
    background-color: transparent;
    border-bottom: 1px solid #6d6d6d;
    font-size: 1em;
    color: #1f1f1f
}

    .mbsc-material .mbsc-input select:focus ~ input, .mbsc-material .mbsc-input textarea:focus, .mbsc-material .mbsc-input input:focus {
        padding-bottom: 0;
        border-bottom: 2px solid #009688
    }

    .mbsc-material .mbsc-input select:disabled ~ input, .mbsc-material .mbsc-input textarea:disabled, .mbsc-material .mbsc-input input:disabled {
        border-style: dotted;
        opacity: .5
    }

    .mbsc-material .mbsc-input textarea:-webkit-autofill, .mbsc-material .mbsc-input input:-webkit-autofill {
        padding: 0 .25em
    }

.mbsc-material .mbsc-input {
    padding: .5em 1em
}

.mbsc-material .mbsc-input-ic {
    top: .0625em;
    margin: -2px 0 0 0
}

.mbsc-material .mbsc-input.mbsc-ic-left {
    padding-left: 3.25em
}

.mbsc-material .mbsc-input.mbsc-ic-right {
    padding-right: 3.25em
}

.mbsc-material .mbsc-ic-left .mbsc-left-ic {
    right: auto;
    left: -2.625em
}

.mbsc-material .mbsc-ic-right .mbsc-right-ic {
    left: auto;
    right: -2.625em
}

.mbsc-material .mbsc-input.mbsc-err input, .mbsc-material .mbsc-input.mbsc-err textarea {
    padding: 0;
    border-bottom: 2px solid #de3226
}

.mbsc-material .mbsc-input .mbsc-label {
    font-size: .75em
}

.mbsc-material .mbsc-input textarea {
    padding-top: .25em
}

.mbsc-material .mbsc-select input {
    padding-right: 1em
}

.mbsc-material .mbsc-select .mbsc-input-wrap:after {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    top: .875em;
    right: 0;
    border: 5px solid #6d6d6d;
    border-color: #6d6d6d transparent transparent transparent
}

.mbsc-material .mbsc-checkbox, .mbsc-material .mbsc-radio {
    padding: .9375em 3.5em .9375em 1em;
    line-height: 1.25em
}

.mbsc-material .mbsc-checkbox-box, .mbsc-material .mbsc-radio-box {
    right: 1.25em;
    width: 1.125em;
    height: 1.125em;
    margin-top: -.5625em;
    background: transparent;
    border: .125em solid #6d6d6d;
    -webkit-transition: background-color .1s ease-out;
    -moz-transition: background-color .1s ease-out;
    transition: background-color .1s ease-out
}

    .mbsc-material .mbsc-checkbox-box:after, .mbsc-material .mbsc-radio-box:after {
        opacity: 1;
        -webkit-transform: scale(0) rotate(-45deg);
        -moz-transform: scale(0) rotate(-45deg);
        -ms-transform: scale(0) rotate(-45deg);
        transform: scale(0) rotate(-45deg);
        -webkit-transition: -webkit-transform .1s ease-out;
        -moz-transition: -moz-transform .1s ease-out;
        transition: transform .1s ease-out
    }

.mbsc-material .mbsc-checkbox input:checked + .mbsc-checkbox-box:after, .mbsc-material .mbsc-radio input:checked + .mbsc-radio-box:after {
    -webkit-transform: scale(1) rotate(-45deg);
    -moz-transform: scale(1) rotate(-45deg);
    -ms-transform: scale(1) rotate(-45deg);
    transform: scale(1) rotate(-45deg)
}

.mbsc-material .mbsc-checkbox-box:before, .mbsc-material .mbsc-radio-box:before {
    content: '';
    position: absolute;
    top: -1em;
    left: -1em;
    z-index: -1;
    width: 2.875em;
    height: 2.875em;
    opacity: 0;
    background: rgba(0,0,0,.1);
    border-radius: 2.875em;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.mbsc-material .mbsc-checkbox input:disabled + .mbsc-checkbox-box, .mbsc-material .mbsc-checkbox input:disabled ~ .mbsc-label, .mbsc-material .mbsc-checkbox input:disabled ~ .mbsc-desc, .mbsc-material .mbsc-radio input:disabled + .mbsc-radio-box, .mbsc-material .mbsc-radio input:disabled ~ .mbsc-label, .mbsc-material .mbsc-radio input:disabled ~ .mbsc-desc, .mbsc-material .mbsc-switch input:disabled ~ .mbsc-label, .mbsc-material .mbsc-switch input:disabled ~ .mbsc-desc {
    opacity: .3
}

.mbsc-material .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box:before, .mbsc-material .mbsc-radio input.mbsc-active + .mbsc-radio-box:before, .mbsc-material .mbsc-switch input.mbsc-active + .mbsc-switch-track .mbsc-switch-handle:before {
    opacity: 1
}

.mbsc-material .mbsc-checkbox-box {
    border-radius: .1875em
}

    .mbsc-material .mbsc-checkbox-box:after {
        top: .125em;
        left: .0625em;
        width: .8125em;
        height: .4375em;
        border: .125em solid #fff;
        border-top: 0;
        border-right: 0
    }

.mbsc-material .mbsc-checkbox input:checked + .mbsc-checkbox-box {
    background: #009688;
    border-color: #009688
}

.mbsc-material .mbsc-radio-box:after {
    width: .625em;
    height: .625em;
    margin-top: -.3125em;
    margin-left: -.3125em;
    background: #009688;
    border-radius: .625em
}

.mbsc-material .mbsc-radio input:checked + .mbsc-radio-box {
    background: transparent;
    border-color: #009688
}

.mbsc-material .mbsc-btn {
    margin: .5em;
    padding: .7143em;
    background: #d6d6d6;
    border-radius: .2143em;
    color: #000;
    font-size: .875em;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.25);
    -webkit-transition: -webkit-box-shadow .2s ease-out,background-color .2s ease-out;
    -moz-transition: box-shadow .2s ease-out,background-color .2s ease-out;
    transition: box-shadow .2s ease-out,background-color .2s ease-out
}

.mbsc-material .mbsc-btn-ic {
    padding: 0 .5em 0 0
}

.mbsc-material .mbsc-btn-icon-only .mbsc-btn-ic {
    padding: 0 .5em
}

.mbsc-material .mbsc-btn.mbsc-active {
    background: #cbcbcb;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4)
}

.mbsc-material .mbsc-btn:disabled {
    color: #a6a6a6;
    -webkit-box-shadow: none;
    box-shadow: none
}

.mbsc-material .mbsc-btn-flat {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .mbsc-material .mbsc-btn-flat.mbsc-active {
        background-color: #d6d6d6;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.mbsc-material .mbsc-btn-group {
    padding: 0 .5em;
    text-align: right
}

.mbsc-material a {
    color: #009688
}

.mbsc-material .mbsc-switch {
    padding: .9375em 4em .9375em 1em;
    line-height: 1.25em
}

.mbsc-material .mbsc-switch-track {
    right: 1.25em;
    width: 1.75em;
    height: .875em;
    padding: 0 .25em;
    margin-top: -.4375em;
    background: #b2b2b2;
    border-radius: 1.25em
}

.mbsc-material .mbsc-switch .mbsc-switch-handle {
    z-index: auto;
    top: .375em;
    left: .375em;
    width: 1.25em;
    height: 1.25em;
    margin: 0;
    border: 0;
    background: #fafafa;
    border-radius: 1.25em;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12)
}

.mbsc-material .mbsc-switch-handle:before {
    top: -.625em;
    left: -.625em;
    width: 2.5em;
    height: 2.5em
}

.mbsc-material .mbsc-switch-handle, .mbsc-material .mbsc-active .mbsc-switch-handle {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none
}

.mbsc-material .mbsc-switch input:checked + .mbsc-switch-track {
    background-color: #a6d3cf
}

    .mbsc-material .mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle {
        background: #009688
    }

.mbsc-material .mbsc-switch input:disabled + .mbsc-switch-track {
    background: #d6d6d6
}

    .mbsc-material .mbsc-switch input:disabled + .mbsc-switch-track .mbsc-switch-handle {
        background: #b9b9b9
    }

.mbsc-material .mbsc-segmented {
    padding: .75em
}

.mbsc-material .mbsc-segmented-content {
    height: 2.2857145em;
    margin: 0 -.07142857em;
    line-height: 2.2857145em;
    padding: 0 .428571em;
    border: .142857em solid #009688;
    color: #000;
    text-transform: capitalize;
    -webkit-backface-visibility: hidden
}

.mbsc-material .mbsc-segmented-item:first-child .mbsc-segmented-content, .mbsc-material .mbsc-stepper-minus .mbsc-segmented-content {
    border-top-left-radius: .214286em;
    border-bottom-left-radius: .214286em
}

.mbsc-material .mbsc-stepper-plus .mbsc-segmented-content, .mbsc-material .mbsc-segmented-item:last-child .mbsc-segmented-content {
    border-top-right-radius: .214286em;
    border-bottom-right-radius: .214286em
}

.mbsc-material .mbsc-segmented input:checked + .mbsc-segmented-content, .mbsc-material .mbsc-segmented input:checked ~ .mbsc-segmented-content {
    background: #009688;
    color: #eee
}

.mbsc-material .mbsc-segmented input.mbsc-active + .mbsc-segmented-content, .mbsc-material .mbsc-segmented .mbsc-active .mbsc-segmented-content {
    background: #cbcbcb;
    color: #000
}

.mbsc-material .mbsc-segmented input:disabled + .mbsc-segmented-content {
    color: #a6a6a6;
    border-color: #b2b2b2
}

.mbsc-material .mbsc-segmented input:disabled:checked + .mbsc-segmented-content {
    background: #d6d6d6;
    color: #a6a6a6;
    border-color: #d6d6d6
}

.mbsc-material .mbsc-stepper-cont {
    padding: 1.75em 12.875em 1.75em 1em
}

.mbsc-material .mbsc-stepper {
    margin-top: -1.125em
}

    .mbsc-material .mbsc-stepper .mbsc-segmented-content {
        border-color: #d6d6d6;
        border-left: 0;
        border-right: 0
    }

.mbsc-material .mbsc-stepper-control .mbsc-segmented-content {
    background: #d6d6d6;
    border: 0;
    height: 2.5714285em;
    line-height: 2.5714285em
}

.mbsc-material .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-material .mbsc-segmented .mbsc-step-disabled .mbsc-segmented-content {
    background: #d6d6d6;
    color: #a6a6a6
}

.mbsc-material .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-stepper-val {
    background: #eee
}

.mbsc-material .mbsc-stepper input:disabled {
    color: #d6d6d6;
    -webkit-text-fill-color: #d6d6d6
}

.mbsc-ios.mbsc-form {
    background: #f7f7f7;
    color: #000
}

    .mbsc-ios.mbsc-form *::-moz-selection {
        color: #fff;
        background: #1272dc
    }

    .mbsc-ios.mbsc-form *::selection {
        color: #fff;
        background: #1272dc
    }

.mbsc-ios .mbsc-input-ic {
    color: #7f8797
}

.mbsc-ios .mbsc-padding {
    padding: .875em
}

.mbsc-ios .mbsc-divider {
    padding: 0 1.1666em;
    background: #f5f5f5;
    border-bottom: 1px solid #ccc;
    color: #777;
    font-size: .75em;
    font-weight: bold;
    line-height: 2em;
    text-transform: uppercase
}

.mbsc-ios .mbsc-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    background: #fff;
    border-bottom: 1px solid #ccc
}

    .mbsc-ios .mbsc-textarea textarea, .mbsc-ios .mbsc-input input {
        height: 2.75em;
        padding: 0 1em;
        background: transparent
    }

        .mbsc-ios .mbsc-input input::-webkit-input-placeholder {
            color: #ccc
        }

        .mbsc-ios .mbsc-input input::-ms-input-placeholder {
            color: #ccc
        }

        .mbsc-ios .mbsc-input input::-moz-placeholder {
            color: #ccc
        }

    .mbsc-ios .mbsc-input .mbsc-label, .mbsc-ios .mbsc-progress .mbsc-label {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -moz-box-flex: 0;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
        max-width: 12.5em;
        padding-left: 1em;
        overflow: hidden;
        font-size: 1em;
        line-height: 2.75em;
        color: #020202;
        white-space: nowrap;
        text-overflow: ellipsis;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

.mbsc-ios .mbsc-input-wrap {
    position: static;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto
}

.mbsc-ios .mbsc-input select:disabled ~ input, .mbsc-ios .mbsc-input select:disabled ~ .mbsc-ic, .mbsc-ios .mbsc-input input:disabled {
    opacity: .5
}

.mbsc-ios .mbsc-err {
    border-bottom-color: #d8332a;
    z-index: 1
}

.mbsc-ios .mbsc-err-msg {
    padding: .5em 1.3333em;
    color: #d8332a
}

.mbsc-ios .mbsc-select input {
    padding-right: 2.25em
}

.mbsc-ios .mbsc-select-ic {
    position: absolute;
    display: block;
    height: 1.25em;
    width: 1.25em;
    top: .875em;
    right: 1em;
    text-align: center
}

.mbsc-ios .mbsc-ic-right .mbsc-select-ic {
    right: 3.4em
}

.mbsc-ios .mbsc-textarea .mbsc-input-wrap {
    padding: .625em 0
}

.mbsc-ios .mbsc-textarea textarea {
    height: 3em
}

.mbsc-ios .mbsc-input-ic {
    top: .375em;
    margin-top: -1px
}

.mbsc-ios .mbsc-ic-left .mbsc-input-wrap {
    padding-left: 2.25em
}

.mbsc-ios .mbsc-ic-right .mbsc-input-wrap {
    padding-right: 2.25em
}

.mbsc-ios .mbsc-ic-left .mbsc-label {
    padding-left: 3.25em
}

    .mbsc-ios .mbsc-ic-left .mbsc-label ~ .mbsc-input-wrap {
        padding-left: 0
    }

.mbsc-ios .mbsc-ic-left .mbsc-left-ic {
    right: auto;
    left: .625em
}

.mbsc-ios .mbsc-ic-right .mbsc-right-ic {
    left: auto;
    right: .625em
}

.mbsc-ios .mbsc-checkbox, .mbsc-ios .mbsc-radio {
    padding: .875em 3.5em .875em .875em;
    background: #fff;
    border-bottom: 1px solid #ccc
}

    .mbsc-ios .mbsc-checkbox input:disabled + .mbsc-checkbox-box, .mbsc-ios .mbsc-checkbox input:disabled ~ .mbsc-label, .mbsc-ios .mbsc-checkbox input:disabled ~ .mbsc-desc, .mbsc-ios .mbsc-radio input:disabled + .mbsc-radio-box, .mbsc-ios .mbsc-radio input:disabled ~ .mbsc-label, .mbsc-ios .mbsc-radio input:disabled ~ .mbsc-desc, .mbsc-ios .mbsc-switch input:disabled + .mbsc-switch-track, .mbsc-ios .mbsc-switch input:disabled ~ .mbsc-label, .mbsc-ios .mbsc-switch input:disabled ~ .mbsc-desc {
        opacity: .3
    }

.mbsc-ios .mbsc-checkbox-box:after, .mbsc-ios .mbsc-radio-box:after {
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.mbsc-ios .mbsc-checkbox-box {
    right: .875em;
    width: 1.75em;
    height: 1.75em;
    margin-top: -.875em;
    background: transparent;
    border: .125em solid #1272dc;
    border-radius: 2em
}

    .mbsc-ios .mbsc-checkbox-box:after {
        top: 32%;
        left: 26%;
        width: .75em;
        height: .375em;
        border: .125em solid #1272dc;
        border-top: 0;
        border-right: 0
    }

.mbsc-ios .mbsc-radio-box {
    right: 1.125em;
    margin-top: -.625em;
    background: transparent
}

    .mbsc-ios .mbsc-radio-box:after {
        position: absolute;
        top: 44%;
        left: 23%;
        width: 1em;
        height: .5em;
        border: .125em solid #1272dc;
        border-top: 0;
        border-right: 0;
        border-radius: 0;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.mbsc-ios .mbsc-radio input:disabled ~ .mbsc-radio-label {
    color: #a6a7a6
}

.mbsc-ios .mbsc-btn {
    margin: .5em .25em;
    padding: .625em 1.375em;
    background: #fff;
    border: 0;
    border-radius: .25em;
    color: #1272dc;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

.mbsc-ios .mbsc-btn-ic {
    padding-right: .625em
}

.mbsc-ios .mbsc-btn-icon-only .mbsc-btn-ic {
    padding: 0
}

.mbsc-ios .mbsc-btn.mbsc-active {
    background: #f5f5f5
}

.mbsc-ios .mbsc-btn:disabled {
    background: #dfdfdf;
    color: #c4c4c4
}

.mbsc-ios .mbsc-btn-flat {
    background: transparent;
    border-color: transparent
}

    .mbsc-ios .mbsc-btn-flat.mbsc-active {
        opacity: .6
    }

    .mbsc-ios .mbsc-btn-flat:disabled {
        background: transparent;
        opacity: .8;
        color: #c4c4c4
    }

.mbsc-ios .mbsc-btn-group {
    padding: .375em .625em
}

.mbsc-ios a {
    color: #1272dc
}

.mbsc-ios .mbsc-switch {
    padding: .875em 4.875em .875em .875em;
    background: #fff;
    border-bottom: 1px solid #ccc
}

.mbsc-ios .mbsc-switch-track {
    right: .875em;
    width: 3em;
    height: 1.75em;
    padding: 0;
    margin-top: -.96875em;
    background: #e5e5e5;
    border: .09375em solid #e5e5e5;
    border-radius: 1.25em;
    box-sizing: content-box
}

    .mbsc-ios .mbsc-switch-track:after {
        content: '';
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #fff;
        border-radius: 1.25em;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform .2s ease-out;
        -moz-transition: -moz-transform .2s ease-out;
        transition: transform .2s ease-out
    }

    .mbsc-ios .mbsc-switch-track .mbsc-progress-track {
        margin: 0 .875em
    }

.mbsc-ios .mbsc-switch-handle {
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 1.75em;
    height: 1.75em;
    margin: -.875em 0 0 -.875em;
    background: #fff;
    border-radius: 1.75em;
    -webkit-box-shadow: 0 0 1em rgba(0,0,0,.1),0 0 .0625em rgba(0,0,0,.15),0 .125em .125em rgba(0,0,0,.15);
    box-shadow: 0 0 1em rgba(0,0,0,.1),0 0 .0625em rgba(0,0,0,.15),0 .125em .125em rgba(0,0,0,.15);
    -webkit-transition: -webkit-transform .2s ease-out;
    -moz-transition: -moz-transform .2s ease-out;
    transition: transform .2s ease-out
}

.mbsc-ios .mbsc-switch input:checked + .mbsc-switch-track {
    background: #4cd764;
    border-color: #4cd764
}

    .mbsc-ios .mbsc-switch input:checked + .mbsc-switch-track:after {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0)
    }

.mbsc-ios .mbsc-segmented {
    padding: .75em;
    background-color: #fff
}

.mbsc-ios .mbsc-stepper {
    display: block
}

.mbsc-ios .mbsc-segmented-content {
    height: 2.142857142em;
    margin-left: -.07142857em;
    line-height: 2.142857142857143em;
    padding: 0 .42857em;
    color: #1272dc;
    text-transform: capitalize;
    border: .07142857em solid #1272dc;
    background: #fff
}

.mbsc-ios .mbsc-stepper-minus .mbsc-segmented-content, .mbsc-ios .mbsc-segmented-item:first-child .mbsc-segmented-content {
    border-top-left-radius: .25em;
    border-bottom-left-radius: .25em
}

.mbsc-ios .mbsc-stepper-plus .mbsc-segmented-content, .mbsc-ios .mbsc-segmented-item:last-child .mbsc-segmented-content {
    border-top-right-radius: .25em;
    border-bottom-right-radius: .25em
}

.mbsc-ios .mbsc-stepper .mbsc-active .mbsc-segmented-content, .mbsc-ios .mbsc-segmented input:checked + .mbsc-segmented-content {
    background: #1272dc;
    color: #fff
}

.mbsc-ios .mbsc-segmented input.mbsc-active + .mbsc-segmented-content {
    background: rgba(18,114,220,.15);
    color: #1272dc
}

.mbsc-ios .mbsc-stepper-cont {
    padding: 1.5em 12.625em 1.5em 1em;
    margin-top: -1px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    background: #fff
}

.mbsc-ios .mbsc-stepper {
    right: .75em;
    margin-top: -1em
}

.mbsc-ios .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-ios .mbsc-step-disabled .mbsc-segmented-content, .mbsc-ios .mbsc-segmented input:disabled + .mbsc-segmented-content {
    color: #c4c4c4;
    border-color: #c4c4c4
}

.mbsc-ios .mbsc-stepper input:disabled {
    color: #c4c4c4;
    -webkit-text-fill-color: #c4c4c4
}

.mbsc-ios .mbsc-stepper .mbsc-segmented-item {
    width: 3.14285em
}

.mbsc-ios .mbsc-segmented input:disabled:checked + .mbsc-segmented-content {
    background: #dfdfdf
}

.mbsc-ios .mbsc-stepper .mbsc-active.mbsc-step-disabled .mbsc-segmented-content {
    background: transparent;
    color: #c4c4c4
}

.mbsc-ios .mbsc-stepper input {
    color: #000;
    width: 3.64285em;
    left: 3.64285em;
    z-index: 3
}

.mbsc-sc-whl-o, .mbsc-sc-btn {
    -webkit-transform: translateZ(0)
}

.mbsc-sc-whl-l, .mbsc-sc-whl {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.mbsc-sc-whl-gr-c {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mbsc-fr-liq .mbsc-sc-whl-gr-c {
    display: block
}

.mbsc-sc-whl-gr {
    margin: 0 auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.mbsc-sc-whl-w {
    max-width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    position: relative
}

.mbsc-sc-whl-o {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none
}

.mbsc-sc-whl-l {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    right: 0;
    pointer-events: none
}

.mbsc-sc-whl {
    overflow: hidden;
    border-radius: 1px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

.mbsc-sc-whl-c {
    position: relative;
    z-index: 1;
    top: 50%;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

.mbsc-sc-whl-sc {
    position: relative
}

.mbsc-sc-itm {
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999999;
}

.mbsc-sc-itm-inv {
    opacity: .3
}

.mbsc-sc-lbl {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    display: none
}

.mbsc-sc-lbl-v .mbsc-sc-lbl {
    display: block
}

.mbsc-sc-btn {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

    .mbsc-sc-btn:before {
        position: absolute;
        top: 0;
        right: 0;
        left: 0
    }

.mbsc-sc-whl-a .mbsc-sc-btn {
    opacity: 0
}

.mbsc-sc-btn-plus {
    bottom: 0
}

.mbsc-sc-btn-minus {
    top: 0
}

.mbsc-sc-itm-ml {
    width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    white-space: normal
}

.mbsc-sel-hdn {
    position: absolute;
    height: 1px !important;
    width: 1px !important;
    left: 0;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px)
}

.mbsc-sel-gr {
    padding: 0 .25em;
    opacity: 1;
    font-weight: bold;
    text-align: left
}

.mbsc-sc-whl-multi .mbsc-sc-whl-c {
    top: 0;
    height: 100%;
    border: 0
}

.mbsc-sc-whl-multi .mbsc-sc-whl-l {
    display: none
}

.mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    text-align: center
}

.mbsc-mobiscroll .mbsc-sc-whl-gr {
    padding: .5em .25em
}

.mbsc-mobiscroll .mbsc-sc-whl-w {
    margin: 0 .25em
}

.mbsc-mobiscroll .mbsc-sc-whl-o {
    display: none
}

.mbsc-mobiscroll .mbsc-sc-lbl-v .mbsc-sc-whl-w {
    margin-top: 1.875em
}

.mbsc-mobiscroll .mbsc-sc-lbl {
    color: #4eccc4;
    font-size: .75em;
    line-height: 2.5em;
    text-transform: uppercase
}

.mbsc-mobiscroll .mbsc-sc-whl-l {
    border-top: 1px solid #4eccc4;
    border-bottom: 1px solid #4eccc4
}

.mbsc-mobiscroll .mbsc-sc-btn {
    color: #4eccc4;
    background: #f7f7f7
}

    .mbsc-mobiscroll .mbsc-sc-btn:before {
        font-size: 1.5em
    }

.mbsc-mobiscroll .mbsc-sc-btn-a:before {
    background: rgba(78,204,196,.3)
}

.mbsc-mobiscroll .mbsc-sc-itm {
    padding: 0 .25em;
    font-size: 1.375em
}

    .mbsc-mobiscroll .mbsc-sc-itm.mbsc-btn-a {
        background: rgba(78,204,196,.3)
    }

.mbsc-mobiscroll .mbsc-sc-whl .mbsc-sel-gr {
    padding: 0 .25em;
    font-size: 1.125em
}

.mbsc-mobiscroll .mbsc-sc-whl-multi .mbsc-sc-itm {
    padding: 0 1.818181em
}

.mbsc-mobiscroll .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
    font-size: 1.818181em;
    color: #4eccc4
}

.mbsc-android-holo .mbsc-sc-whl-gr {
    padding: .0625em .625em
}

.mbsc-android-holo .mbsc-sc-lbl-v {
    padding: 1.875em .625em .0625em .625em
}

.mbsc-android-holo .mbsc-sc-lbl {
    font-size: .75em;
    line-height: 2.5em
}

.mbsc-android-holo .mbsc-sc-whl-w {
    margin: 0 .625em
}

.mbsc-android-holo .mbsc-sc-whl-o {
    background: -webkit-gradient(linear,left bottom,left top,from(#282828),color-stop(0.52,rgba(40,40,40,0)),color-stop(0.48,rgba(40,40,40,0)),to(#282828));
    background: -webkit-linear-gradient(#282828,rgba(40,40,40,0) 52%,rgba(40,40,40,0) 48%,#282828);
    background: linear-gradient(#282828,rgba(40,40,40,0) 52%,rgba(40,40,40,0) 48%,#282828)
}

.mbsc-android-holo .mbsc-sc-whl-l {
    border-top: 2px solid #31b6e7;
    border-bottom: 2px solid #31b6e7
}

.mbsc-android-holo .mbsc-sc-itm {
    color: #fff;
    font-size: 1.125em
}

    .mbsc-android-holo .mbsc-sc-itm.mbsc-btn-a {
        background: rgba(49,182,231,.5)
    }

.mbsc-android-holo .mbsc-sc-btn {
    color: #7e7e7e;
    background: #292829
}

.mbsc-android-holo .mbsc-sc-btn-a {
    background: #292829;
    color: #319abd
}

.mbsc-android-holo .mbsc-sc-btn:before {
    font-size: 1.625em
}

.mbsc-android-holo .mbsc-sc-whl-multi .mbsc-sc-whl-o {
    display: none
}

.mbsc-android-holo .mbsc-sc-whl-multi .mbsc-sc-itm {
    padding: 0 2.25em
}

    .mbsc-android-holo .mbsc-sc-whl-multi .mbsc-sc-itm:after {
        content: '';
        position: absolute;
        z-index: 1;
        top: 50%;
        left: auto;
        right: .625em;
        width: .875em;
        height: .875em;
        margin-top: -.5625em;
        border: 1px solid #424542
    }

.mbsc-android-holo .mbsc-sc-itm-ph:after {
    display: none
}

.mbsc-android-holo .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
    z-index: 2;
    top: 50%;
    left: auto;
    right: .625em;
    width: .875em;
    color: #31b6e7;
    margin-top: -.625em;
    line-height: .875em;
    text-shadow: 0 0 .375em #29799c
}

.mbsc-android-holo .mbsc-sc-whl .mbsc-sel-gr {
    padding: 0 .375em;
    font-size: 1em;
    font-weight: normal
}

    .mbsc-android-holo .mbsc-sc-whl .mbsc-sel-gr:after {
        display: none
    }

.mbsc-android-holo .mbsc-dt-whl-h:after {
    content: ':';
    position: absolute;
    top: 50%;
    left: 100%;
    width: 1.25em;
    height: 2em;
    margin-top: -1em;
    line-height: 2em
}

.mbsc-android-holo .mbsc-rtl .mbsc-dt-whl-h:after {
    left: auto;
    right: 100%
}

.mbsc-wp .mbsc-sc-itm, .mbsc-wp .mbsc-sc-itm:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mbsc-wp .mbsc-sc-whl-gr {
    padding: .1875em
}

.mbsc-wp .mbsc-sc-lbl-v {
    padding-top: 1.875em
}

.mbsc-wp .mbsc-sc-lbl {
    font-size: .75em;
    line-height: 2.5em
}

.mbsc-wp .mbsc-sc-btn {
    background: #1f1f1f
}

    .mbsc-wp .mbsc-sc-btn:before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2.2em;
        height: 2.2em;
        margin: -1.3em 0 0 -1.3em;
        color: #fff;
        line-height: 2.2em;
        font-size: .625em;
        text-align: center;
        border: 2px solid #fff;
        border-radius: 2.2em
    }

.mbsc-wp .mbsc-sc-itm {
    opacity: 0;
    padding: 0 .384615em;
    font-size: 1.625em;
    letter-spacing: -.038em;
    text-align: left
}

    .mbsc-wp .mbsc-sc-itm:after {
        content: '';
        position: absolute;
        z-index: -1;
        top: .136363em;
        right: .136363em;
        bottom: .136363em;
        left: .136363em;
        border: 2px solid #4c4c4c
    }

.mbsc-wp .mbsc-sc-whl-anim .mbsc-sc-itm, .mbsc-wp .mbsc-sc-whl-wpa .mbsc-sc-itm {
    opacity: 1
}

.mbsc-wp .mbsc-sc-whl-anim .mbsc-sc-itm-inv, .mbsc-wp .mbsc-sc-whl-wpa .mbsc-sc-itm-inv {
    opacity: .3
}

.mbsc-wp .mbsc-sc-itm-ph:after {
    display: none
}

.mbsc-wp .mbsc-sc-whl .mbsc-sc-itm-sel {
    color: #fff;
    font-size: 13px;
}

.mbsc-wp .mbsc-sc-whl .mbsc-sc-itm-sel, .mbsc-wp .mbsc-sc-whl .mbsc-sc-itm.mbsc-btn-a {
    opacity: 1
}

.mbsc-wp .mbsc-sc-itm-sel:after, .mbsc-wp .mbsc-sc-itm.mbsc-btn-a:after, .mbsc-wp .mbsc-sc-btn-a:before {
    background: #1a9fe0;
    border-color: #1a9fe0
}

.mbsc-wp .mbsc-sc-whl-w:not(.mbsc-sc-whl-multi) .mbsc-sc-whl-anim .mbsc-sc-itm-sel:after, .mbsc-wp .mbsc-sc-whl-w:not(.mbsc-sc-whl-multi) .mbsc-sc-whl-wpa .mbsc-sc-itm.mbsc-btn-a:after {
    background: 0;
    border-color: #4c4c4c
}

.mbsc-wp .mbsc-sc-whl-multi .mbsc-sc-itm {
    opacity: 1;
    padding-left: 1.5375em
}

.mbsc-wp .mbsc-sc-whl-multi .mbsc-sc-itm-inv {
    opacity: .3
}

.mbsc-wp .mbsc-sc-whl-multi .mbsc-sc-itm:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    left: .192307em;
    width: .923076em;
    height: .923076em;
    margin-top: -.461538em;
    border: 2px solid #fff
}

.mbsc-sc-itm.mbsc-btn-e.mbsc-sc-itm-sel {
    font-size: 2.5em;
    color: #fff;
}

.mbsc-wp .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
    z-index: 2;
    top: 50%;
    left: .3125em;
    width: 1.375em;
    margin-top: -.5em;
    font-size: .615384em;
    line-height: 1.25em;
    color: #fff
}

.mbsc-wp .mbsc-sc-whl .mbsc-sel-gr {
    opacity: 1;
    padding-left: .227272em;
    font-size: 1.375em;
    font-weight: normal
}

    .mbsc-wp .mbsc-sc-whl .mbsc-sel-gr:after {
        display: none
    }

.mbsc-wp.mbsc-dt .mbsc-sc-itm {
    padding-top: 4%
}

.mbsc-wp .mbsc-dt-day, .mbsc-wp .mbsc-dt-month {
    position: absolute;
    bottom: .454545em;
    display: block;
    line-height: 1.636363em;
    font-size: .423076em;
    letter-spacing: normal
}

.mbsc-material .mbsc-sc-whl-gr {
    padding: 2em .25em
}

.mbsc-material .mbsc-sc-cp {
    padding: .5em .25em
}

.mbsc-material .mbsc-sc-lbl-v {
    padding: 2em .25em 0 .25em
}

.mbsc-material .mbsc-sc-lbl {
    line-height: 2.666666em;
    color: #009688;
    font-size: .75em;
    font-weight: bold;
    text-transform: uppercase
}

.mbsc-material .mbsc-sc-whl-w {
    margin: 0 .25em;
    padding: .5em 0
}

.mbsc-material .mbsc-sc-itm {
    padding: 0 .272727em;
    font-size: 1.375em
}

    .mbsc-material .mbsc-sc-itm.mbsc-btn-a {
        background: rgba(0,0,0,.1);
        border-radius: 2px
    }

.mbsc-material .mbsc-sc-whl-l {
    border-top: 2px solid #009688;
    border-bottom: 2px solid #009688;
    z-index: 4
}

.mbsc-material .mbsc-sc-cp .mbsc-sc-whl-w {
    padding: 2em 0
}

.mbsc-material .mbsc-sc-btn {
    height: 2em !important;
    line-height: 2em !important;
    color: #009688;
    background: #eee;
    overflow: hidden
}

    .mbsc-material .mbsc-sc-btn:before {
        font-size: 1.5em
    }

.mbsc-material .mbsc-sc-btn-a {
    background: rgba(0,0,0,.1)
}

.mbsc-material .mbsc-sc-whl-multi .mbsc-sc-itm {
    padding: 0 1.818181em
}

.mbsc-material .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
    width: 1.818181em;
    color: #009688
}

.mbsc-material .mbsc-sc-whl .mbsc-sel-gr {
    padding: 0 .333333em;
    font-size: 1.125em
}

.mbsc-ios .mbsc-sc-lbl {
    color: #ababab;
    line-height: 2.5em
}

.mbsc-ios .mbsc-sc-whl-gr {
    padding: .833333em
}

.mbsc-ios .mbsc-sc-lbl-v {
    padding-top: 2.5em
}

.mbsc-ios .mbsc-sc-whl-l {
    margin: 0 -.833333em;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb
}

.mbsc-ios .mbsc-sc-whl-o {
    background: -webkit-gradient(linear,left bottom,left top,from(#f7f7f7),color-stop(0.52,rgba(245,245,245,0)),color-stop(0.48,rgba(245,245,245,0)),to(#f7f7f7));
    background: -webkit-linear-gradient(#f7f7f7,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#f7f7f7);
    background: linear-gradient(#f7f7f7,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#f7f7f7)
}

.mbsc-ios .mbsc-sc-itm {
    padding: 0 .5em;
    color: #9d9d9d;
    font-size: 1.833333em
}

    .mbsc-ios .mbsc-sc-itm.mbsc-btn-a {
        background: rgba(0,122,255,.2)
    }

.mbsc-ios .mbsc-sc-itm-sel {
    color: #000
}

.mbsc-ios .mbsc-sc-cp .mbsc-sc-whl .mbsc-sc-itm {
    text-align: center
}

.mbsc-ios .mbsc-sc-btn {
    color: #007aff;
    background: #f7f7f7
}

    .mbsc-ios .mbsc-sc-btn:before {
        font-size: 2em
    }

.mbsc-ios .mbsc-sc-btn-a:before {
    opacity: .5
}

.mbsc-ios .mbsc-sc-whl-multi .mbsc-sc-whl-o {
    display: none
}

.mbsc-ios .mbsc-sc-whl-multi .mbsc-sc-itm {
    padding: 0 1.818181em;
    color: #000
}

.mbsc-ios .mbsc-sc-whl-multi .mbsc-sc-itm-sel {
    color: #007aff
}

    .mbsc-ios .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
        font-size: 1.818181em
    }

.mbsc-ios .mbsc-sc-whl .mbsc-sel-gr {
    padding-left: .277777em;
    color: #9d9d9d;
    font-weight: normal;
    font-size: 1.222222em
}

.mbsc-ios.mbsc-sel-gr-whl .mbsc-sc-whl-multi {
    padding-left: 1.66666em
}

.mbsc-ios .mbsc-dt-whl-m .mbsc-sc-itm {
    text-align: left
}

.mbsc-ios .mbsc-dt-whl-d .mbsc-sc-itm, .mbsc-ios .mbsc-dt-whl-h .mbsc-sc-itm, .mbsc-ios .mbsc-dt-whl-i .mbsc-sc-itm, .mbsc-ios .mbsc-dt-whl-s .mbsc-sc-itm {
    text-align: right
}

.mbsc-bootstrap .mbsc-sc-whl-gr-c {
    overflow: visible
}

.mbsc-bootstrap .mbsc-sc-whl-gr {
    padding: 4px 2px
}

.mbsc-bootstrap .mbsc-sc-lbl-v {
    padding-top: 30px
}

.mbsc-bootstrap .mbsc-sc-lbl {
    line-height: 30px;
    font-size: 16px;
    font-weight: 600;
}

.mbsc-bootstrap .mbsc-sc-whl-w {
    margin: 0 2px
}

.mbsc-bootstrap .mbsc-sc-whl-l {
    /* z-index: 2; */
    margin: 0 -2px;
    background-color: #00C7BA;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.mbsc-bootstrap .mbsc-ltr .mbsc-sc-whl-w:first-child .mbsc-sc-whl-l, .mbsc-bootstrap .mbsc-rtl .mbsc-sc-whl-w:last-child .mbsc-sc-whl-l {
    margin-left: -4px;
    border-radius: 5px 0px 0px 5px;
}

.mbsc-bootstrap .mbsc-ltr .mbsc-sc-whl-w:last-child .mbsc-sc-whl-l, .mbsc-bootstrap .mbsc-rtl .mbsc-sc-whl-w:first-child .mbsc-sc-whl-l {
    margin-right: -4px;
    border-radius: 0 5px 5px 0;
}

.mbsc-bootstrap .mbsc-sc-itm {
    padding: 0 5px;
    font-size: 26px
}

    .mbsc-bootstrap .mbsc-sc-itm.mbsc-btn-a {
        background: rgba(0,0,0,.1)
    }

.mbsc-bootstrap .mbsc-sc-cp .mbsc-sc-whl-w {
    padding: 30px 0
}

.mbsc-bootstrap .mbsc-sc-btn {
    height: 30px !important;
    line-height: 30px !important
}

.mbsc-bootstrap .mbsc-sc-btn-plus {
    top: auto
}

.mbsc-bootstrap .mbsc-sc-btn-a {
    background: rgba(0,0,0,.1)
}

.mbsc-bootstrap .mbsc-sc-whl-multi .mbsc-sc-itm {
    padding: 0 40px
}

.mbsc-bootstrap .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
    width: 40px;
    font-size: 16px
}

.mbsc-bootstrap .mbsc-sc-whl .mbsc-sel-gr {
    padding: 0 5px;
    font-size: 20px
}

.mbsc-np .mbsc-fr-w {
    font-size: 1.333333em
}

.mbsc-np-hdr {
    position: relative
}

.mbsc-np-dsp {
    padding: .5em 1.75em .5em .5em;
    text-align: left;
    font-size: 2em;
    line-height: .8
}

.mbsc-np-sup {
    display: inline-block;
    font-size: .375em;
    vertical-align: top
}

.mbsc-np-del {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 3.5em;
    text-align: center
}

    .mbsc-np-del:before {
        display: block;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -.5em;
        font-size: 2em;
        line-height: 1
    }

.mbsc-np-ph {
    display: inline-block;
    min-width: .5625em;
    text-align: center;
    vertical-align: top
}

.mbsc-np-tbl-c {
    min-width: 15em;
    display: inline-block
}

.mbsc-fr-top .mbsc-np-tbl-c, .mbsc-fr-bottom .mbsc-np-tbl-c {
    display: block
}

.mbsc-np-tbl {
    display: table;
    width: 100%;
    font-size: 1.375em
}

.mbsc-np-row {
    display: table-row
}

.mbsc-np-btn {
    position: relative;
    z-index: 0;
    width: 33.3333333333%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 3em;
    -webkit-user-select: none
}

    .mbsc-np-btn.mbsc-fr-btn-a {
        opacity: 1
    }

.mbsc-rtl .mbsc-np-dsp {
    padding-left: 1.75em;
    padding-right: .5em;
    text-align: right
}

.mbsc-rtl .mbsc-np-del {
    left: 0;
    right: auto;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.mbsc-np-time {
    text-transform: uppercase
}

.mbsc-np-ts-h, .mbsc-np-ts-m {
    font-weight: bold
}

.mbsc-mobiscroll .mbsc-np-del {
    color: #4eccc4
}

.mbsc-mobiscroll .mbsc-np-tbl-c {
    padding: .5em
}

.mbsc-mobiscroll .mbsc-np-btn.mbsc-fr-btn-d {
    opacity: .5
}

.mbsc-android .mbsc-np-hdr {
    border-bottom: 2px solid #555
}

.mbsc-android .mbsc-np-tbl-c {
    padding: 1px
}

.mbsc-android .mbsc-np-btn {
    border: 1px solid #000;
    color: #000;
    background: #ccc;
    background: -webkit-gradient(linear,left bottom,left top,from(#ccc),to(#eee));
    background: -webkit-linear-gradient(#eee,#ccc);
    background: -moz-linear-gradient(#eee,#ccc);
    background: linear-gradient(#eee,#ccc)
}

    .mbsc-android .mbsc-np-btn.mbsc-fr-btn-d {
        opacity: .7
    }

.mbsc-android .mbsc-np-btn-empty {
    background: 0
}

.mbsc-android-holo .mbsc-np-hdr {
    border-bottom: 1px solid #424542
}

.mbsc-android-holo .mbsc-np-btn.mbsc-fr-btn-d {
    opacity: .3
}

.mbsc-android-holo-light .mbsc-np-hdr {
    border-bottom: 1px solid #dbdbdb
}

.mbsc-bootstrap.mbsc-np .mbsc-fr-btn-cont {
    padding: 4px 2px
}

.mbsc-bootstrap .mbsc-np-del.mbsc-fr-btn-a {
    opacity: .5
}

.mbsc-bootstrap .mbsc-np-btn {
    border-top-width: 0;
    border-right-width: 0;
    font-size: inherit;
    border-radius: 0
}

.mbsc-bootstrap .mbsc-np-row:first-child .mbsc-np-btn {
    border-top-width: 1px
}

.mbsc-bootstrap .mbsc-ltr .mbsc-np-btn:first-child, .mbsc-bootstrap .mbsc-rtl .mbsc-np-btn:last-child {
    border-left-width: 0
}

.mbsc-bootstrap.mbsc-inline .mbsc-np-row:last-child .mbsc-np-btn {
    border-bottom-width: 0
}

.mbsc-bootstrap .mbsc-np-row .mbsc-np-btn.mbsc-np-btn-empty {
    background: 0
}

.mbsc-ios-classic.mbsc-np .mbsc-fr-w {
    padding: 0;
    background: #282a39
}

.mbsc-ios-classic .mbsc-np-del {
    color: #4d5463;
    text-shadow: 0 1px 0 rgba(255,255,255,0.7)
}

.mbsc-ios-classic .mbsc-np-btn {
    border-top: 1px solid #2d3034;
    border-left: 1px solid #2d3034;
    background: #6f7684;
    background: -webkit-gradient(linear,left top,left bottom,from(#6f7684),to(#4e5564));
    background: -webkit-linear-gradient(#6f7684,#4e5564);
    background: -moz-linear-gradient(#6f7684,#4e5564);
    background: linear-gradient(#6f7684,#4e5564);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.3) inset;
    text-shadow: 0 -1px 0 rgba(52,64,77,0.7);
    font-weight: bold
}

.mbsc-ios-classic .mbsc-ltr .mbsc-np-btn:first-child, .mbsc-ios-classic .mbsc-rtl .mbsc-np-btn:last-child {
    border-left: 0
}

.mbsc-ios-classic .mbsc-np-btn.mbsc-fr-btn-a {
    background: #eee;
    color: #000;
    text-shadow: 0 1px 0 rgba(255,255,255,0.7)
}

.mbsc-ios-classic .mbsc-np-btn.mbsc-fr-btn-d {
    opacity: .5
}

.mbsc-ios-classic .mbsc-np-btn-empty, .mbsc-ios-classic .mbsc-np-hdr {
    color: #000;
    background: #eee;
    background: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#bbb));
    background: -webkit-linear-gradient(#eee,#bbb);
    background: -moz-linear-gradient(#eee,#bbb);
    background: linear-gradient(#eee,#bbb)
}

.mbsc-ios.mbsc-np .mbsc-fr-w {
    padding-top: 2.5em
}

.mbsc-ios.mbsc-np .mbsc-fr-btn {
    font-size: 1.0625em
}

.mbsc-ios .mbsc-np-btn {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font-size: 1.375em;
    height: 2.2em
}

.mbsc-ios .mbsc-ltr .mbsc-np-btn:first-child, .mbsc-ios .mbsc-rtl .mbsc-np-btn:last-child {
    border-left: 0
}

.mbsc-ios .mbsc-np-btn.mbsc-fr-btn-a {
    background: #ddd
}

.mbsc-ios .mbsc-np-btn.mbsc-fr-btn-d {
    color: #ddd
}

.mbsc-ios .mbsc-np-btn-empty {
    background: #ddd
}

.mbsc-ios .mbsc-np-ts-h, .mbsc-ios .mbsc-np-ts-m {
    font-weight: normal
}

.mbsc-jqm.mbsc-np .mbsc-fr-btn-cont {
    padding: 4px 2px
}

.mbsc-jqm .mbsc-np-del.mbsc-fr-btn-a {
    opacity: .5
}

.mbsc-jqm .mbsc-np-btn {
    border-top-width: 0;
    border-right-width: 0;
    font-size: 1.2em;
    height: 2.5em;
    padding: 0
}

.mbsc-jqm .mbsc-np-row:first-child .mbsc-np-btn {
    border-top-width: 1px
}

.mbsc-jqm.mbsc-inline .mbsc-np-row:last-child .mbsc-np-btn {
    border-bottom-width: 0
}

.mbsc-jqm .mbsc-ltr .mbsc-np-btn:first-child, .mbsc-jqm .mbsc-rtl .mbsc-np-btn:first-child {
    border-left-width: 0
}

.mbsc-jqm .mbsc-np-btn .ui-btn-inner {
    height: 100%;
    padding: 0;
    font-size: 1em;
    line-height: 2.5em
}

.mbsc-jqm .mbsc-np-row .mbsc-np-btn.mbsc-np-btn-empty {
    background: 0
}

.mbsc-sense-ui .mbsc-np-hdr {
    background: #000;
    border-bottom: 2px solid #fff
}

.mbsc-sense-ui .mbsc-np-btn.mbsc-fr-btn-d {
    color: #666
}

.mbsc-sense .mbsc-np-hdr {
    background: #121212;
    color: #fff
}

.mbsc-sense .mbsc-np-btn {
    border-top: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    color: #2c2e2f;
    -webkit-box-shadow: 0 .0625em 0 rgba(255,255,255,.5) inset;
    box-shadow: 0 .0625em 0 rgba(255,255,255,.5) inset
}

.mbsc-sense .mbsc-ltr .mbsc-np-btn:first-child, .mbsc-sense .mbsc-rtl .mbsc-np-btn:last-child {
    border-left: 0
}

.mbsc-sense .mbsc-np-btn.mbsc-fr-btn-a {
    background: #bad7e1
}

.mbsc-sense .mbsc-np-btn.mbsc-fr-btn-d {
    color: #bfbfbf
}

.mbsc-wp.mbsc-np .mbsc-fr-w {
    padding: 2px
}

.mbsc-wp.mbsc-np .mbsc-fr-btn-cont {
    padding-top: 4px
}

.mbsc-wp .mbsc-np-del.mbsc-fr-btn-a {
    top: 0;
    opacity: .5
}

    .mbsc-wp .mbsc-np-del.mbsc-fr-btn-a:before {
        background: 0;
        color: #fff
    }

.mbsc-wp .mbsc-np-btn {
    top: 0;
    background: #333;
    border: 2px solid #1f1f1f
}

    .mbsc-wp .mbsc-np-btn.mbsc-fr-btn-a {
        background: #1a9fe0
    }

    .mbsc-wp .mbsc-np-btn.mbsc-fr-btn-d {
        color: #666
    }

.mbsc-wp .mbsc-np-btn-empty {
    background: 0
}

.mbsc-wp-light .mbsc-np-del.mbsc-fr-btn-a:before {
    color: #000
}

.mbsc-wp-light .mbsc-np-btn {
    border-color: #dedede;
    background: #ccc
}

    .mbsc-wp-light .mbsc-np-btn.mbsc-fr-btn-a {
        background: #b5b5b5
    }

    .mbsc-wp-light .mbsc-np-btn.mbsc-fr-btn-d {
        color: #999
    }

.mbsc-wp-light .mbsc-np-btn-empty {
    background: 0
}

.mbsc-material .mbsc-np-del, .mbsc-material .mbsc-np-btn {
    overflow: hidden
}

.mbsc-material .mbsc-np-btn {
    font-size: 1.4545em;
    height: 2.0625em
}

.mbsc-material .mbsc-np-del {
    color: #009688;
    font-size: .875em
}

.mbsc-material .mbsc-np-tbl-c {
    padding: .5em
}

.mbsc-material .mbsc-np-btn.mbsc-fr-btn-d {
    opacity: .5
}

.mbsc-cal-sc-m-cell, .mbsc-cal-days, .mbsc-cal-slide, .mbsc-cal-row, .mbsc-cal-day, .mbsc-cal-day-fg, .mbsc-cal-week-nr {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mbsc-cal-sc-c, .mbsc-cal-week-nrs-c, .mbsc-cal-c, .mbsc-cal-slide, .mbsc-cal-tab .mbsc-cal-tab-i, .mbsc-cal-sc .mbsc-cal-sc-cell-i {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.mbsc-calendar .mbsc-fr-c {
    position: relative;
    margin: 0 auto
}

.mbsc-calendar .mbsc-cal-hdn {
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: none
}

.mbsc-cal-c {
    position: relative;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.mbsc-cal-vertical .mbsc-cal-body {
    -ms-touch-action: none;
    touch-action: none
}

.mbsc-cal-pnl {
    display: inline-block;
    vertical-align: middle
}

.mbsc-cal-tabbed .mbsc-cal-pnl {
    display: table;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.mbsc-cal-tabbed .mbsc-cal-pnl-h {
    display: none
}

.mbsc-cal-tabbed .mbsc-cal-pnl-i {
    display: table-cell;
    vertical-align: middle
}

.mbsc-cal-tabbed .mbsc-cal {
    width: auto !important
}

.mbsc-anim-trans .mbsc-fr-persp .mbsc-cal-c {
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

.mbsc-cal-anim-c {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate(0,0);
    transform: translate3d(0,0,0)
}

.mbsc-cal-anim {
    position: relative;
    height: 100%;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mbsc-cal-slide {
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 300ms;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

    .mbsc-cal-slide:first-child {
        position: relative
    }

.mbsc-cal-slide-a {
    opacity: 1
}

.mbsc-cal-header {
    line-height: 40px;
    text-align: center
}

.mbsc-cal table {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.mbsc-cal th {
    line-height: 30px;
    text-align: center
}

.mbsc-cal-nb {
    border: 0
}

.mbsc-cal-body {
    position: relative;
    font-size: 1.5em;
    font-weight: 600;
}

.mbsc-cal-table {
    height: 100%;
    width: 100%;
    display: table;
    table-layout: fixed
}

.mbsc-cal-row {
    white-space: nowrap;
    display: table-row
}

.mbsc-cal-day {
    line-height: 2.5em;
    width: 14.2857%;
    height: 16.6666%;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    cursor: default
}

.mbsc-cal-day-v {
    cursor: pointer
}

.mbsc-cal-day .mbsc-cal-day-i {
    position: relative;
    height: 100%
}

.mbsc-cal-day-diff .mbsc-cal-day-i {
    opacity: .3
}

.mbsc-cal-day-diff.mbsc-cal-day-sel .mbsc-cal-day-i {
    opacity: 1
}

.mbsc-cal-hide-diff .mbsc-cal-day-diff .mbsc-cal-day-i {
    visibility: hidden
}

.mbsc-cal-day-fg {
    padding: 5px;
    position: relative;
    z-index: 2
}

.mbsc-cal-weeks .mbsc-cal-days-c, .mbsc-cal-weeks .mbsc-cal-anim-c {
    padding-left: 26px
}

.mbsc-cal-week-nrs-c {
    display: none;
    position: absolute;
    width: 26px;
    height: 100%;
    left: 0;
    z-index: 3
}

.mbsc-cal-week-nrs {
    display: table;
    width: 100%;
    height: 100%
}

.mbsc-cal-week-nr {
    position: relative;
    display: none;
    height: 16.6666%;
    text-align: center;
    font-weight: bold
}

.mbsc-cal-week-nr-i {
    display: table-cell;
    vertical-align: middle;
    padding-top: 1px
}

.mbsc-cal-weeks .mbsc-cal-week-nrs-c {
    display: block
}

.mbsc-cal-week-nrs .mbsc-cal-week-nr {
    display: table-row
}

.mbsc-rtl .mbsc-cal-weeks .mbsc-cal-days-c, .mbsc-rtl .mbsc-cal-weeks .mbsc-cal-anim-c {
    padding-left: 0;
    padding-right: 26px
}

.mbsc-rtl .mbsc-cal-week-nrs-c {
    left: auto;
    right: 0
}

.mbsc-cal-sc-c {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    overflow: hidden
}

.mbsc-cal-h {
    visibility: hidden
}

.mbsc-cal-p-out {
    -webkit-animation: 200ms mbsc-anim-f-out ease-in;
    -moz-animation: 200ms mbsc-anim-f-out ease-in;
    animation: 200ms mbsc-anim-f-out ease-in
}

.mbsc-cal-p-in {
    -webkit-animation: 200ms mbsc-anim-f-in ease-out;
    -moz-animation: 200ms mbsc-anim-f-in ease-out;
    animation: 200ms mbsc-anim-f-in ease-out
}

.mbsc-old .mbsc-cal-p-in, .mbsc-old .mbsc-cal-p-out {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none
}

.mbsc-cal-sc {
    position: relative;
    height: 100%;
    white-space: nowrap;
    /*font-size: 1.3333em ;*/
    font-size: 1.1em;
    font-weight: 800;
}

.mbsc-cal-sc-p {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0,0,0)
}

.mbsc-cal-sc-tbl {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed
}

.mbsc-cal-sc-row {
    display: table-row
}

.mbsc-cal-sc-cell {
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.mbsc-cal-sc-m-cell {
    height: 25%
}

.mbsc-cal-btnc {
    position: relative;
    font-size: 1.5em
}

.mbsc-cal-btnw {
    position: relative;
    height: 40px
}

.mbsc-cal .mbsc-cal-btn {
    position: absolute;
    top: 0;
    height: 40px;
    width: 36px;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.mbsc-cal .mbsc-fr-btn-d {
    opacity: .3
}

.mbsc-cal-prev {
    left: 0
}

.mbsc-cal-next {
    right: 0
}

.mbsc-cal-month, .mbsc-cal-year {
    cursor: pointer
}

.mbsc-cal-btnc-ym .mbsc-cal-month, .mbsc-cal-btnc-ym .mbsc-cal-year {
    display: block;
    margin: 0 36px;
    overflow: hidden;
    text-overflow: ellipsis
}

.mbsc-cal-btnc-ym .mbsc-cal-btnw {
    width: 50%;
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
    margin: 0 10px 0 10px;
    font-size: 25px;
    font-weight: bold;
}

.mbsc-cal-btn-txt {
    overflow: hidden
}

    .mbsc-cal-btn-txt:before {
        display: block
    }

.mbsc-cal-liq .mbsc-fr-popup {
    display: block
}

.mbsc-cal-liq .mbsc-cal-pnl {
    width: 100%
}

.mbsc-cal-liq .mbsc-cal {
    width: auto
}

.mbsc-cal-liq.mbsc-fr-center .mbsc-fr-popup {
    width: 100%;
    top: 0;
    left: 0
}

.mbsc-cal-liq.mbsc-fr-center .mbsc-fr-overlay {
    display: none
}

.mbsc-cal-liq.mbsc-fr-center .mbsc-fr-w {
    width: auto !important
}

.mbsc-cal-tabs {
    line-height: 40px;
    display: none;
    color: #000
}

.mbsc-cal-tabbed .mbsc-cal-tabs {
    display: block
}

.mbsc-cal-tabbed .mbsc-fr-w {
    width: auto !important
}

.mbsc-cal-tabs ul, .mbsc-cal-tabs li {
    margin: 0;
    padding: 0;
    list-style: none
}

.mbsc-cal-tabs ul {
    width: 100%;
    display: table
}

.mbsc-cal-tab {
    width: 33.33%;
    display: table-cell;
    cursor: pointer
}

    .mbsc-cal-tab .mbsc-cal-tab-i {
        display: block;
        text-decoration: none
    }

.mbsc-cal-multi .mbsc-cal-slide {
    padding-left: 8px
}

.mbsc-ltr .mbsc-cal-multi .mbsc-cal-anim-c {
    margin-right: -8px
}

.mbsc-rtl .mbsc-cal-multi .mbsc-cal-anim-c {
    margin-left: -8px
}

.mbsc-cal-multi .mbsc-cal-anim {
    margin-left: -8px
}

.mbsc-cal-multi .mbsc-cal-btnw {
    display: block;
    width: auto
}

.mbsc-cal-multi .mbsc-cal-btnw-m {
    display: inline-block;
    white-space: nowrap;
    vertical-align: top
}

.mbsc-cal-multi .mbsc-cal-days-c {
    overflow: hidden
}

.mbsc-cal-multi .mbsc-cal-days {
    float: left
}

.mbsc-cal-m .mbsc-cal {
    font-size: 1.2em
}

.mbsc-cal-l .mbsc-cal {
    font-size: 1.4em
}

.mbsc-cal-ev .mbsc-cal-day-fg {
    padding-bottom: 20px
}

.mbsc-cal-day-m {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4px;
    line-height: 0
}

.mbsc-cal-day-m-t {
    display: block;
    overflow: hidden;
    white-space: nowrap
}

.mbsc-cal-day-m-c {
    display: inline-block;
    vertical-align: top;
    width: 4px;
    height: 4px;
    margin: 0 1px;
    border-radius: 4px
}

.mbsc-cal-day-ic-c, .mbsc-cal-day-txt-c {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.mbsc-cal-day-ic-c {
    padding: 0 5px;
    font-size: 1em;
    line-height: 20px;
    text-overflow: ellipsis;
    text-shadow: none
}

.mbsc-cal-day-txt {
    padding: 0 2px;
    font-size: .8333em;
    font-weight: normal;
    line-height: 19px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    text-shadow: none;
    margin-top: 2px
}

.mbsc-mobiscroll .mbsc-cal-c {
    padding: .5em
}

.mbsc-mobiscroll .mbsc-cal-sc {
    font-size: 1em
}

.mbsc-mobiscroll .mbsc-cal-sc-c {
    background: #f7f7f7
}

.mbsc-mobiscroll .mbsc-cal-btnc {
    font-size: 1.125em
}

.mbsc-mobiscroll .mbsc-cal-hl-now .mbsc-cal-today {
    color: #4eccc4
}

.mbsc-mobiscroll .mbsc-cal-btn-txt {
    color: #4eccc4;
    font-size: 1em;
    line-height: 40px
}

.mbsc-mobiscroll .mbsc-cal-days-c {
    margin-left: -8px
}

.mbsc-mobiscroll .mbsc-cal-days {
    padding-left: 8px;
    color: #4eccc4
}

    .mbsc-mobiscroll .mbsc-cal-days th {
        font-size: .6875em;
        font-weight: normal;
        border-bottom: 1px solid #4eccc4
    }

.mbsc-mobiscroll .mbsc-cal-day {
    line-height: 1.875em;
    text-align: center
}

.mbsc-mobiscroll .mbsc-cal-day-fg {
    /*//font-size: .8125em*/
}

.mbsc-mobiscroll .mbsc-cal-day-inv .mbsc-cal-day-fg {
    opacity: .3
}

.mbsc-mobiscroll .mbsc-cal .mbsc-cal-sc-sel .mbsc-cal-sc-cell-i, .mbsc-mobiscroll .mbsc-cal .mbsc-cal-day-sel .mbsc-cal-day-i {
    background: #4eccc4;
    color: #fff
}

.mbsc-mobiscroll .mbsc-cal-day-hl .mbsc-cal-day-i {
    border-color: #4eccc4
}

.mbsc-mobiscroll .mbsc-cal-week-nrs-c {
    font-size: .6875em;
    color: #4eccc4;
    background: #f7f7f7
}

.mbsc-mobiscroll .mbsc-cal-week-nr-i {
    padding-top: 0;
    font-weight: normal
}

.mbsc-mobiscroll .mbsc-cal-tabs {
    line-height: 1.875em;
    padding: .5em .5em 0 .5em;
    text-transform: uppercase
}

.mbsc-mobiscroll .mbsc-cal-tabbed .mbsc-fr-w {
    padding-top: .5em
}

.mbsc-mobiscroll .mbsc-cal-tabbed .mbsc-fr-hdr {
    padding-top: 0
}

.mbsc-mobiscroll .mbsc-cal-tab {
    border: 1px solid #4eccc4;
    font-size: .7em
}

.mbsc-mobiscroll .mbsc-cal-tabs ul {
    width: auto;
    margin: 0 auto
}

.mbsc-mobiscroll .mbsc-cal-tab .mbsc-cal-tab-i {
    padding: 0 1.2em;
    color: #454545
}

.mbsc-mobiscroll .mbsc-ltr .mbsc-cal-tab:first-child {
    border-right: 0
}

.mbsc-mobiscroll .mbsc-ltr .mbsc-cal-tab:last-child {
    border-left: 0
}

.mbsc-mobiscroll .mbsc-rtl .mbsc-cal-tab:last-child {
    border-right: 0
}

.mbsc-mobiscroll .mbsc-rtl .mbsc-cal-tab:first-child {
    border-left: 0
}

.mbsc-mobiscroll .mbsc-cal-tabs .mbsc-cal-tab-sel {
    background: #4eccc4
}

    .mbsc-mobiscroll .mbsc-cal-tabs .mbsc-cal-tab-sel .mbsc-cal-tab-i {
        color: #f7f7f7
    }

.mbsc-mobiscroll .mbsc-cal-day-m {
    bottom: 4px
}

.mbsc-mobiscroll .mbsc-cal-day-m-c {
    background: #454545
}

.mbsc-mobiscroll .mbsc-cal-day-sel .mbsc-cal-day-m-c {
    background: #f7f7f7
}

.mbsc-mobiscroll .mbsc-cal-day-txt {
    color: #f7f7f7;
    background: #454545
}

.mbsc-mobiscroll .mbsc-cal-day-txt, .mbsc-mobiscroll .mbsc-cal-day-ic-c {
    font-size: .625em
}

.mbsc-android-holo .mbsc-cal-sc-c {
    background: #292829
}

.mbsc-android-holo .mbsc-cal-sc-m-cell {
    border-top: 1px solid #444
}

.mbsc-android-holo .mbsc-cal-btn.mbsc-fr-btn-a {
    background: 0
}

.mbsc-android-holo .mbsc-cal-week-nrs-c {
    background: #292829
}

.mbsc-android-holo .mbsc-cal-week-nr-i {
    color: #555;
    padding: 0;
    border-top: 1px solid #444
}

.mbsc-android-holo .mbsc-cal {
    padding: .834em;
    font-size: .75em
}

.mbsc-android-holo .mbsc-cal-header {
    line-height: 3em
}

.mbsc-android-holo .mbsc-cal-btnw {
    height: 2em
}

.mbsc-android-holo .mbsc-cal-btn {
    height: 2.25em;
    line-height: 2.25em
}

.mbsc-android-holo .mbsc-cal-hl-now .mbsc-cal-today {
    color: #31b6e7
}

.mbsc-android-holo .mbsc-cal-btn-txt {
    color: #7e7e7e;
    font-size: 1.875em
}

.mbsc-android-holo .mbsc-fr-btn-a .mbsc-cal-btn-txt {
    color: #319abd
}

.mbsc-android-holo .mbsc-cal th {
    color: #555
}

.mbsc-android-holo .mbsc-cal-day {
    border-top: 1px solid #444;
    text-align: center
}

.mbsc-android-holo .mbsc-cal-day-inv .mbsc-cal-day-fg {
    opacity: .3
}

.mbsc-android-holo .mbsc-cal .mbsc-cal-sc-sel .mbsc-cal-sc-cell-i, .mbsc-android-holo .mbsc-cal .mbsc-cal-day-sel .mbsc-cal-day-i {
    color: #fff;
    background: #31b6e7;
    background: rgba(49,182,231,.5)
}

.mbsc-android-holo .mbsc-cal .mbsc-cal-day-hl .mbsc-cal-day-i {
    background: #31b6e7;
    color: #fff
}

.mbsc-android-holo.mbsc-cal-liq .mbsc-cal {
    padding: 0
}

.mbsc-android-holo .mbsc-cal-tabs {
    background: #333;
    color: #fff;
    text-transform: uppercase;
    font-size: .625em;
    font-weight: bold;
    line-height: 1.4em
}

.mbsc-android-holo .mbsc-cal-tab {
    border: 5px solid #333;
    border-left: 0;
    border-right: 0
}

    .mbsc-android-holo .mbsc-cal-tab:first-child .mbsc-cal-tab-i {
        border-color: transparent
    }

.mbsc-android-holo .mbsc-cal-tabs .mbsc-cal-tab-i {
    color: #fff;
    margin: .8em 0;
    border-left: 1px solid #444
}

.mbsc-android-holo .mbsc-rtl .mbsc-cal-tabs .mbsc-cal-tab-i {
    border-left: 0;
    border-right: 1px solid #444
}

.mbsc-android-holo .mbsc-cal-tabs .mbsc-cal-tab-sel {
    border-bottom: 5px solid #31b6e7
}

.mbsc-android-holo .mbsc-cal-day-m {
    left: 3px;
    right: 3px;
    bottom: 3px
}

.mbsc-android-holo .mbsc-cal-day-m-t {
    display: table;
    table-layout: fixed;
    width: 100%
}

.mbsc-android-holo .mbsc-cal-day-m-c {
    display: table-cell;
    height: 3px;
    background: #31b6e7;
    border-radius: 0
}

.mbsc-wp .mbsc-cal-sc-m-cell {
    background: #1f1f1f;
    padding: .167em
}

    .mbsc-wp .mbsc-cal-sc-m-cell .mbsc-cal-sc-cell-i {
        top: 0;
        height: 100%;
        border-width: 1px
    }

.mbsc-wp .mbsc-cal-sc-empty .mbsc-cal-sc-cell-i {
    border: 0
}

.mbsc-wp .mbsc-cal-tabs .mbsc-cal-tab-sel .mbsc-cal-tab-i, .mbsc-wp .mbsc-cal-day-sel .mbsc-cal-day-i, .mbsc-wp .mbsc-cal-sc-sel .mbsc-cal-sc-cell-i {
    color: #fff;
    background: #1a9fe0;
    border-color: #1a9fe0
}

.mbsc-wp.mbsc-calendar .mbsc-fr-btn-cont {
    padding-top: .625em
}

.mbsc-wp .mbsc-cal-btnc {
    text-transform: lowercase
}

.mbsc-wp .mbsc-cal-btn {
    padding: 0;
    position: absolute
}

    .mbsc-wp .mbsc-cal-btn.mbsc-fr-btn-a {
        top: -.273em
    }

    .mbsc-wp .mbsc-cal-btn:after {
        display: none
    }

.mbsc-wp .mbsc-cal-btn-txt {
    font-size: 1.1666em
}

    .mbsc-wp .mbsc-cal-btn-txt:before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1.525em;
        height: 1.525em;
        margin: -.9em 0 0 -.9em;
        color: #fff;
        border: 2px solid #fff;
        line-height: 1.525em;
        border-radius: 1000px
    }

.mbsc-wp .mbsc-fr-btn-a .mbsc-cal-btn-txt:before {
    background: #1a9fe0;
    border-color: #1a9fe0;
    color: #fff
}

.mbsc-wp .mbsc-cal {
    font-size: .75em
}

    .mbsc-wp .mbsc-cal th {
        font-weight: normal
    }

.mbsc-wp .mbsc-cal-day {
    padding: .167em;
    line-height: 1.667em
}

    .mbsc-wp .mbsc-cal-day .mbsc-cal-day-i {
        top: 0;
        height: 100%;
        padding: 0;
        border: 0
    }

.mbsc-wp .mbsc-cal-day-fg {
    height: 100%;
    border: 1px solid #4c4c4c;
    padding: .833em .417em 0 .417em
}

.mbsc-wp .mbsc-cal-day-inv .mbsc-cal-day-fg {
    color: rgba(255,255,255,.3)
}

.mbsc-wp .mbsc-cal-day-sel .mbsc-cal-day-fg {
    border-color: #1a9fe0
}

.mbsc-wp .mbsc-cal-week-nrs-c {
    background: #1f1f1f
}

.mbsc-wp .mbsc-cal-week-nr-i {
    padding-top: .833em
}

.mbsc-wp .mbsc-cal-day-hl .mbsc-cal-day-fg {
    background: #fff;
    border-color: #fff;
    color: #000
}

.mbsc-wp .mbsc-cal-hl-now .mbsc-cal-today {
    color: #1a9fe0
}

.mbsc-wp .mbsc-cal-sc-cell-i .mbsc-cal-sc-cell, .mbsc-wp .mbsc-cal-tabs .mbsc-cal-tab-i {
    border: 1px solid #4c4c4c;
    color: #fff
}

.mbsc-wp .mbsc-cal-tabs {
    font-size: .75em;
    padding: 0 0 .313em 0
}

.mbsc-wp .mbsc-ltr .mbsc-cal-tab .mbsc-cal-tab-i {
    border-left-width: 0
}

.mbsc-wp .mbsc-ltr .mbsc-cal-tab:first-child .mbsc-cal-tab-i {
    border-left-width: 1px
}

.mbsc-wp .mbsc-rtl .mbsc-cal-tab .mbsc-cal-tab-i {
    border-right-width: 0
}

.mbsc-wp .mbsc-rtl .mbsc-cal-tab:first-child .mbsc-cal-tab-i {
    border-right-width: 1px
}

.mbsc-wp .mbsc-cal-day-m {
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: auto
}

.mbsc-wp .mbsc-cal-day-m-t {
    display: table;
    table-layout: fixed;
    width: 100%
}

.mbsc-wp .mbsc-cal-day-m-c {
    display: table-cell;
    height: 3px;
    background: #fff;
    border-radius: 0
}

.mbsc-wp .mbsc-cal-m-bottom .mbsc-cal-day-fg {
    padding-bottom: .417em
}

.mbsc-wp .mbsc-cal-ev .mbsc-cal-day-fg {
    padding-bottom: 1.667em
}

.mbsc-wp .mbsc-cal-day-txt {
    color: #fff;
    background: #444
}

.mbsc-material .mbsc-cal-c {
    padding: .5em .5em 0 .5em
}

.mbsc-material .mbsc-cal-sc {
    font-size: 1em
}

.mbsc-material .mbsc-cal-sc-c {
    background: #eee
}

.mbsc-material .mbsc-cal-btnc {
    font-size: 1.125em
}

.mbsc-material .mbsc-cal .mbsc-cal-btn {
    height: 2.2222em;
    width: 2.2222em;
    line-height: 2.2222em
}

.mbsc-material .mbsc-cal-hl-now .mbsc-cal-today {
    color: #009688
}

.mbsc-material .mbsc-cal-btn-txt {
    color: #009688;
    font-size: 1.875em
}

.mbsc-material .mbsc-cal-year, .mbsc-material .mbsc-cal-month {
    font-weight: bold;
    line-height: 2.2222em
}

.mbsc-material .mbsc-cal-days-c {
    padding-bottom: .375em
}

.mbsc-material .mbsc-cal-days th {
    font-size: .75em;
    font-weight: bold;
    line-height: 2.5em
}

.mbsc-material .mbsc-cal-day {
    line-height: 1.875em;
    text-align: center;
    padding-bottom: .6875em
}

.mbsc-material .mbsc-cal-day-fg {
    font-size: .875em;
    width: 2.4286em;
    height: 2.4286em;
    line-height: 2.4em;
    border: 1px solid transparent;
    text-align: center;
    padding: 0;
    margin: 0 auto
}

.mbsc-material .mbsc-cal-day-inv .mbsc-cal-day-fg {
    color: rgba(91,91,91,.3)
}

.mbsc-material .mbsc-cal .mbsc-cal-day-sel .mbsc-cal-day-fg {
    border-radius: 2.3em;
    background: rgba(13,155,141,.3)
}

.mbsc-material .mbsc-cal-sc .mbsc-cal-sc-cell-i {
    display: inline-block;
    width: 4em;
    height: 4em;
    line-height: 4em;
    border-radius: 4em
}

    .mbsc-material .mbsc-cal-sc .mbsc-cal-sc-cell-i .mbsc-cal-sc-cell {
        display: block
    }

.mbsc-material .mbsc-cal-sc .mbsc-cal-sc-sel .mbsc-cal-sc-cell-i {
    background: rgba(13,155,141,.3)
}

.mbsc-material .mbsc-cal-week-nrs-c {
    font-size: .6875em;
    color: #5b5b5b;
    background: #eee
}

.mbsc-material .mbsc-cal-week-nr-i {
    vertical-align: top;
    padding-top: 1em
}

.mbsc-material .mbsc-cal-tabs {
    line-height: 1.875em;
    padding: .5em .5em 0 .5em;
    text-transform: uppercase
}

.mbsc-material .mbsc-cal-tabbed .mbsc-fr-hdr {
    padding-top: 0
}

.mbsc-material .mbsc-cal-tabbed .mbsc-cal-c {
    padding-top: 0
}

.mbsc-material .mbsc-cal-tab {
    font-size: .75em
}

    .mbsc-material .mbsc-cal-tab .mbsc-cal-tab-i {
        padding: 0 .5em;
        color: #5b5b5b
    }

.mbsc-material .mbsc-cal-tabs .mbsc-cal-tab-sel .mbsc-cal-tab-i {
    color: #009688
}

.mbsc-material .mbsc-cal-day-m {
    bottom: .0625em;
    -webkit-transition: bottom .1s ease-out;
    -moz-transition: bottom .1s ease-out;
    transition: bottom .1s ease-out
}

.mbsc-material .mbsc-cal-day-m-c {
    background: #009688
}

.mbsc-material .mbsc-cal-day-sel .mbsc-cal-day-m {
    bottom: -.45em
}

.mbsc-material .mbsc-cal-day-txt {
    margin: 0 1px;
    color: #eee;
    background: #7c7c7c
}

.mbsc-material .mbsc-cal-ev .mbsc-cal-day .mbsc-cal-day-i {
    padding-bottom: 1.125em
}

.mbsc-material .mbsc-cal-day-txt, .mbsc-material .mbsc-cal-day-ic-c {
    font-size: .625em;
    line-height: 1.5em
}

.mbsc-ios.mbsc-calendar.mbsc-inline .mbsc-fr-popup {
    border: 1px solid #e3e3e3
}

.mbsc-ios.mbsc-calendar.mbsc-fr-bubble .mbsc-fr-w {
    padding-bottom: .666667em
}

.mbsc-ios .mbsc-cal-c {
    margin: 0;
    padding: 0
}

.mbsc-ios .mbsc-cal {
    color: #000
}

.mbsc-ios .mbsc-cal-header .mbsc-fr-btn {
    font-size: .944445em
}

.mbsc-ios .mbsc-cal-table {
    font-size: 1.1667em
}

.mbsc-ios .mbsc-cal-hl-now .mbsc-cal-today {
    color: #007aff
}

.mbsc-ios .mbsc-cal-btn-txt {
    color: #007aff;
    font-size: 1.352941em;
    line-height: 1.73913em
}

.mbsc-ios .mbsc-cal th, .mbsc-ios .mbsc-cal-week-nr {
    font-weight: normal;
    font-size: 1.166667em
}

.mbsc-ios .mbsc-cal-week-nrs-c {
    background: #f7f7f7
}

.mbsc-ios .mbsc-cal-day {
    padding: .142857em .357142em .714285em .357142em;
    background: #fff;
    border-top: 1px solid #e3e3e3;
    color: #000;
    line-height: 1.7141em
}

.mbsc-ios .mbsc-cal-day-i {
    position: static;
    text-align: center
}

.mbsc-ios .mbsc-cal .mbsc-cal-sc-cell-i {
    position: static;
    text-align: center
}

.mbsc-ios .mbsc-cal .mbsc-cal-day-fg {
    width: 1.714286em;
    height: 1.714286em;
    border: 1px solid transparent;
    text-align: center;
    padding: 0;
    margin: 0 auto
}

.mbsc-ios .mbsc-cal-day-sel .mbsc-cal-day-fg {
    border-radius: 1000px;
    border: 1px solid #007aff;
    background: #007aff;
    color: #fff
}

.mbsc-ios .mbsc-cal-day-hl .mbsc-cal-day-fg {
    border: 1px solid #007aff;
    background: 0;
    color: #000;
    border-radius: 1000px
}

.mbsc-ios .mbsc-cal-day-inv .mbsc-cal-day-fg {
    color: rgba(0,0,0,.3)
}

.mbsc-ios .mbsc-cal-day-inv.mbsc-cal-day-sel .mbsc-cal-day-fg {
    color: rgba(255,255,255,.4)
}

.mbsc-ios .mbsc-cal-sc-c {
    background: #fff
}

.mbsc-ios .mbsc-cal-sc-m-cell {
    background: #fff;
    border-top: 1px solid #e3e3e3
}

.mbsc-ios .mbsc-cal-sc .mbsc-cal-sc-sel .mbsc-cal-sc-cell-i, .mbsc-ios .mbsc-cal-sc .mbsc-cal-day-sel .mbsc-cal-day-i {
    display: inline-block;
    width: auto;
    height: auto;
    background: #007aff;
    color: #fff;
    padding: 0 .625016em;
    line-height: 1.625115em;
    border-radius: 13px
}

.mbsc-ios .mbsc-cal-tabs {
    padding: .833334em .833334em .416667em .833334em;
    font-size: 1em
}

.mbsc-ios .mbsc-cal-tab {
    border: 1px solid #007aff;
    line-height: 1.928571em;
    font-size: 1.166667em
}

    .mbsc-ios .mbsc-cal-tab .mbsc-cal-tab-i {
        padding: 0 .714285em;
        color: #007aff
    }

.mbsc-ios .mbsc-ltr .mbsc-cal-tab:first-child {
    border-right: 0;
    border-radius: 4px 0 0 4px
}

.mbsc-ios .mbsc-ltr .mbsc-cal-tab:last-child {
    border-left: 0;
    border-radius: 0 4px 4px 0
}

.mbsc-ios .mbsc-rtl .mbsc-cal-tab:last-child {
    border-right: 0;
    border-radius: 4px 0 0 4px
}

.mbsc-ios .mbsc-rtl .mbsc-cal-tab:first-child {
    border-left: 0;
    border-radius: 0 4px 4px 0
}

.mbsc-ios .mbsc-cal-tabs .mbsc-cal-tab-sel {
    background: #007aff
}

    .mbsc-ios .mbsc-cal-tabs .mbsc-cal-tab-sel .mbsc-cal-tab-i {
        color: #fff
    }

.mbsc-ios .mbsc-cal-ev .mbsc-cal-day {
    padding-bottom: 1.428571em
}

.mbsc-ios .mbsc-cal-day-m {
    bottom: .142857em
}

.mbsc-ios .mbsc-cal-day-m-c {
    width: .428571em;
    height: .428571em;
    border-radius: .428571em;
    background: #ccc
}

.mbsc-ios .mbsc-cal-day-txt-c {
    width: auto;
    left: .142857em;
    right: .142857em;
    bottom: .142857em
}

.mbsc-ios .mbsc-cal-day-txt {
    background: #c3d7ef;
    color: #555;
    line-height: 1.142857em;
    margin: 0
}

.mbsc-bootstrap .mbsc-cal-c {
    padding: 4px
}

.mbsc-bootstrap .mbsc-cal-sc-c {
    max-width: none;
    display: block;
    padding: 0;
    border: 0;
    -webkit-box-shadow: none;
    border-radius: 0;
    box-shadow: none
}

.mbsc-bootstrap .mbsc-cal-btn {
    background: 0;
    padding: 0;
    border: 0;
    text-indent: -9999px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: inherit
}

.mbsc-bootstrap .mbsc-cal-btn-txt {
    height: 40px;
    text-decoration: none
}

    .mbsc-bootstrap .mbsc-cal-btn-txt .glyphicon {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -7px 0 0 -7px;
        text-indent: 0
    }

.mbsc-bootstrap .mbsc-cal-day {
    padding: 1px;
    text-align: center
}

    .mbsc-bootstrap .mbsc-cal-day .mbsc-cal-day-i {
        display: block;
        border: 0;
        line-height: 29px
    }

.mbsc-bootstrap .mbsc-cal-day-inv .mbsc-cal-day-fg {
    opacity: .3
}

.mbsc-bootstrap .mbsc-cal-day-hl .mbsc-cal-day-frame {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .1
}

.mbsc-bootstrap .mbsc-cal-tabs ul {
    padding: 4px 4px 0 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mbsc-bootstrap .mbsc-cal-tab {
    margin-bottom: -1px
}

.mbsc-bootstrap .mbsc-cal-week-nrs-c {
    padding: 0;
    border: 0;
    min-width: 0;
    max-width: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    box-shadow: none
}

.mbsc-bootstrap .mbsc-cal-day-m-c {
    background: #aaa
}

.mbsc-color-preview {
    height: 24px;
    line-height: 24px;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    transition: background-color .2s
}

.mbsc-color .mbsc-sc-itm {
    padding: 0
}

    .mbsc-color .mbsc-sc-itm.mbsc-btn-a {
        background: 0
    }

.mbsc-color-itm {
    width: 100%;
    height: 100%;
    border-bottom: 1px solid rgba(170,170,170,0.5);
    border-top: 1px solid rgba(255,255,255,0.5)
}

.mbsc-color-itm-a {
    height: 100%;
    background: rgba(255,255,255,.3);
    display: none
}

.mbsc-sc-itm.mbsc-btn-a .mbsc-color-itm-a {
    display: block
}

.mbsc-mobiscroll.mbsc-color .mbsc-sc-whl-l {
    display: none
}

.mbsc-mobiscroll .mbsc-color-preview {
    height: auto;
    font-size: .75em;
    line-height: 2.5em;
    text-transform: uppercase
}

.mbsc-mobiscroll .mbsc-color-itm {
    border-top: 1px solid #f7f7f7;
    border-bottom: 0
}

.mbsc-android-holo.mbsc-color .mbsc-sc-whl-l {
    display: none
}

.mbsc-android-holo .mbsc-color-preview {
    height: 2.375em;
    line-height: 2.375em
}

.mbsc-bootstrap.mbsc-color .mbsc-sc-whl-l {
    display: none
}

.mbsc-ios.mbsc-color .mbsc-sc-whl-w {
    margin: 0 .25em
}

.mbsc-ios.mbsc-color .mbsc-sc-whl-l {
    display: none
}

.mbsc-ios .mbsc-color-preview {
    border-bottom: 1px solid #acacac
}

.mbsc-jqm.mbsc-color .mbsc-sc-whl-l {
    display: none
}

.mbsc-jqm .mbsc-color-preview {
    text-shadow: none;
    border-bottom: 1px solid #222
}

.mbsc-wp.mbsc-color .mbsc-sc-whl-w {
    margin: 0 .25em
}

.mbsc-wp.mbsc-color .mbsc-sc-itm {
    opacity: 1
}

    .mbsc-wp.mbsc-color .mbsc-sc-itm:after {
        display: none
    }

.mbsc-wp .mbsc-color-preview {
    margin: -.625em -625em 0 -625em;
    border-bottom: 1px solid #fff
}

.mbsc-material .mbsc-color-preview {
    height: auto;
    font-size: .75em;
    line-height: 2.5em;
    text-transform: uppercase
}

.mbsc-material.mbsc-color .mbsc-sc-whl-l {
    display: none
}

.mbsc-timer .mbsc-timer-lbl {
    display: none
}

.mbsc-mobiscroll.mbsc-timer .mbsc-fr-btn-cont {
    display: table
}

.mbsc-mobiscroll.mbsc-timer .mbsc-fr-btn-w {
    width: 1px;
    text-align: left;
    display: table-cell;
    float: none
}

    .mbsc-mobiscroll.mbsc-timer .mbsc-fr-btn-w:last-child {
        width: auto;
        text-align: right
    }

    .mbsc-mobiscroll.mbsc-timer .mbsc-fr-btn-w .mbsc-fr-btn {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        text-decoration: none
    }

.mbsc-android-holo.mbsc-timer .mbsc-sc-whl-gr {
    padding-top: .0625em
}

.mbsc-android-holo.mbsc-timer .mbsc-sc-lbl-v .mbsc-timer-lbl {
    display: inline;
    visibility: hidden;
    font-size: 1.125em;
    padding: 0 0 0 .375em
}

.mbsc-android-holo.mbsc-timer .mbsc-sc-lbl {
    z-index: 3;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    width: auto;
    margin-top: -1.25em;
    padding: 0 .375em;
    color: #31b6e7;
    font-size: 1.125em;
    font-weight: bold;
    text-transform: lowercase
}

.mbsc-android-holo.mbsc-timer .mbsc-sc-itm {
    text-overflow: clip
}

.mbsc-wp.mbsc-timer .mbsc-sc-whl-gr {
    padding: 0
}

.mbsc-wp.mbsc-timer .mbsc-sc-lbl {
    z-index: 3;
    top: 50%;
    right: auto;
    width: auto;
    height: auto;
    margin: 1.545454em 0 0 .818181em;
    color: #fff;
    line-height: 1.636363em;
    font-size: .6875em
}

.mbsc-wp.mbsc-timer .mbsc-sc-whl-anim .mbsc-sc-lbl {
    display: none
}

.mbsc-wp.mbsc-timer .mbsc-timer-running .mbsc-sc-whl-anim .mbsc-sc-lbl {
    display: block
}

.mbsc-wp .mbsc-timer-locked .mbsc-sc-itm {
    opacity: 0
}

.mbsc-wp .mbsc-timer-locked .mbsc-sc-itm-sel, .mbsc-wp .mbsc-timer-running .mbsc-timer-whl-seconds .mbsc-sc-itm, .mbsc-wp .mbsc-timer-running .mbsc-timer-whl-fract .mbsc-sc-itm {
    opacity: 1
}

.mbsc-material.mbsc-timer .mbsc-fr-btn-cont {
    display: table
}

.mbsc-material.mbsc-timer .mbsc-fr-btn-w {
    width: 1px;
    text-align: left;
    display: table-cell;
    float: none
}

    .mbsc-material.mbsc-timer .mbsc-fr-btn-w:last-child {
        width: auto;
        text-align: right
    }

    .mbsc-material.mbsc-timer .mbsc-fr-btn-w .mbsc-fr-btn {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        text-decoration: none
    }

.mbsc-ios.mbsc-timer .mbsc-sc-whl-gr {
    padding: .833333em 0
}

.mbsc-ios.mbsc-timer .mbsc-sc-lbl {
    z-index: 3;
    top: 50%;
    bottom: auto;
    right: 0;
    left: auto;
    width: auto;
    margin-top: -.75em;
    padding: 0 .55em;
    color: #007aff;
    font-size: 1.666667em;
    line-height: 1.5em;
    text-transform: lowercase
}

.mbsc-ios.mbsc-timer .mbsc-sc-itm {
    text-overflow: clip
}

.mbsc-ios .mbsc-sc-lbl-v .mbsc-timer-lbl {
    display: inline;
    visibility: hidden;
    padding-left: .5em;
    font-size: .909090em;
    text-transform: lowercase
}

.mbsc-range-btn-t, .mbsc-range-btn-c {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mbsc-range-btn-t {
    display: table;
    width: 100%
}

.mbsc-range-btn-c {
    display: table-cell;
    width: 50%;
    cursor: pointer
}

.mbsc-range-btn {
    text-decoration: none;
    display: block;
    line-height: 20px
}

.mbsc-mobiscroll .mbsc-range-btn-t {
    padding: .5em .25em 0 .25em
}

.mbsc-mobiscroll .mbsc-range-btn {
    margin: 0 .3333em;
    padding: .3333em;
    border: 1px solid #4eccc4;
    font-size: .75em
}

.mbsc-mobiscroll .mbsc-range-btn-sel .mbsc-range-btn {
    background: #4eccc4;
    color: #f7f7f7
}

.mbsc-mobiscroll.mbsc-range .mbsc-fr-w {
    padding: 0
}

.mbsc-mobiscroll.mbsc-range .mbsc-fr-hdr {
    padding-top: .6666em
}

.mbsc-mobiscroll.mbsc-range .mbsc-cal-table .mbsc-cal-day-sel .mbsc-cal-day-i {
    color: #454545;
    background: rgba(78,204,196,.3)
}

.mbsc-mobiscroll.mbsc-range .mbsc-cal-table .mbsc-cal-day-hl .mbsc-cal-day-i {
    background: #4eccc4;
    color: #f7f7f7
}

.mbsc-android-holo .mbsc-range-btn-t {
    padding: 4px 2px
}

.mbsc-android-holo .mbsc-range-btn {
    margin: 0 2px;
    padding: 4px;
    color: #fff;
    background: #444;
    font-size: .75em;
    border-radius: 0
}

.mbsc-android-holo .mbsc-range-btn-sel .mbsc-range-btn {
    background: #31b6e7
}

.mbsc-android-holo-light .mbsc-range-btn {
    background: #e5e5e5;
    color: #000
}

.mbsc-android-holo-light .mbsc-range-btn-sel .mbsc-range-btn {
    background: #4bbde8
}

.mbsc-wp .mbsc-range-btn-t {
    font-size: .75em
}

.mbsc-wp .mbsc-range-btn-c {
    padding-bottom: .833em
}

.mbsc-wp .mbsc-range-btn {
    border-width: 1px;
    color: #fff;
    border: 1px solid #4c4c4c
}

.mbsc-wp .mbsc-range-btn-sel .mbsc-range-btn {
    color: #fff;
    background: #1a9fe0;
    border-color: #1a9fe0
}

.mbsc-wp .mbsc-range-btn-start .mbsc-range-btn {
    margin-right: .417em
}

.mbsc-wp .mbsc-range-btn-end .mbsc-range-btn {
    margin-left: .417em
}

.mbsc-material .mbsc-range-btn-t {
    border-bottom: 1px solid #c6c6c6;
    font-size: .875em
}

.mbsc-material .mbsc-range-btn {
    padding: .5714em .2857em;
    color: #5b5b5b;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px
}

.mbsc-material .mbsc-range-btn-sel .mbsc-range-btn {
    border-color: #009688;
    color: #009688
}

.mbsc-material.mbsc-range .mbsc-cal .mbsc-cal-day-sel .mbsc-cal-day-fg {
    background: 0
}

.mbsc-material.mbsc-range .mbsc-cal-day-sel .mbsc-cal-day-frame {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    color: #5b5b5b;
    background: rgba(13,155,141,.1);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.mbsc-material.mbsc-range .mbsc-cal-sel-start .mbsc-cal-day-frame {
    right: 0;
    width: 50%;
    padding-left: 1.0526em
}

.mbsc-material.mbsc-range .mbsc-cal-sel-end .mbsc-cal-day-frame {
    left: 0;
    width: 50%;
    padding-right: 1.0526em
}

.mbsc-material.mbsc-range .mbsc-cal-sel-start.mbsc-cal-sel-end .mbsc-cal-day-frame {
    width: 0;
    padding: 0
}

.mbsc-material.mbsc-range .mbsc-cal-sel-start .mbsc-cal-day-frame, .mbsc-material.mbsc-range .mbsc-cal-day:first-child .mbsc-cal-day-frame {
    border-top-left-radius: 3em;
    border-bottom-left-radius: 3em
}

.mbsc-material.mbsc-range .mbsc-cal-sel-end .mbsc-cal-day-frame, .mbsc-material.mbsc-range .mbsc-cal-day:last-child .mbsc-cal-day-frame {
    border-top-right-radius: 3em;
    border-bottom-right-radius: 3em
}

.mbsc-material.mbsc-range .mbsc-cal-table .mbsc-cal-day-hl .mbsc-cal-day-i .mbsc-cal-day-fg {
    color: #eee;
    background: rgba(13,155,141,.8)
}

.mbsc-ios .mbsc-range-btn-t {
    width: auto;
    display: block
}

.mbsc-ios .mbsc-range-btn-c {
    width: auto;
    display: block
}

.mbsc-ios .mbsc-range-btn {
    position: relative;
    margin: 0;
    padding: .416667em .833333em;
    background: #f7f7f7;
    border: 0;
    border-bottom: 1px solid #acacac;
    color: #000;
    text-align: left;
    font-weight: bold;
    border-radius: 0
}

.mbsc-ios .mbsc-range-btn-v {
    position: absolute;
    top: .416667em;
    right: .833333em;
    font-weight: normal
}

.mbsc-ios .mbsc-range-btn-sel .mbsc-range-btn {
    background: #e3e3e3
}

.mbsc-ios.mbsc-range .mbsc-cal-day {
    padding: .3571em
}

.mbsc-ios.mbsc-range .mbsc-cal-week-nr {
    padding-top: .583333em;
    line-height: 2em;
    vertical-align: top
}

.mbsc-bootstrap .mbsc-range-btn-t {
    padding: 4px 2px 0 2px
}

.mbsc-bootstrap .mbsc-range-btn {
    margin: 0 2px
}

.mbsc-bootstrap.mbsc-range .mbsc-cal-day-hl .mbsc-cal-day-frame {
    opacity: .3
}

.mbsc-cal-events {
    display: none;
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;
    padding: 5px
}

.mbsc-cal-events-t {
    visibility: hidden
}

.mbsc-cal-events-i {
    overflow: hidden
}

.mbsc-cal-events-sc {
    position: relative;
    -webkit-backface-visibility: hidden
}

.mbsc-cal-events-v {
    display: block
}

.mbsc-cal-event-list {
    margin: 0;
    padding: 0
}

.mbsc-cal-event {
    margin-top: 5px;
    padding: 5px 60px 5px 10px;
    line-height: 20px;
    list-style: none;
    position: relative;
    text-align: left;
    white-space: nowrap;
    font-size: 1em
}

    .mbsc-cal-event:first-child {
        margin: 0
    }

.mbsc-cal-event-color {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%
}

.mbsc-cal-event-text {
    overflow: hidden;
    text-overflow: ellipsis
}

.mbsc-cal-event-time {
    display: inline-block;
    width: 5em
}

.mbsc-cal-event-dur {
    position: absolute;
    top: 50%;
    right: 5px;
    height: 20px;
    margin-top: -10px;
    line-height: 20px
}

.mbsc-cal-events-arr {
    position: absolute;
    bottom: -14px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -7px;
    border: 7px solid #fff;
    border-color: #fff transparent transparent transparent
}

.mbsc-cal-events-b .mbsc-cal-events-arr {
    bottom: auto;
    top: -14px;
    border-color: transparent transparent #fff transparent
}

.mbsc-mobiscroll .mbsc-cal-events {
    margin: 0 0 5px 0;
    padding: 0;
    color: #f7f7f7;
    background: #858585
}

.mbsc-mobiscroll .mbsc-cal-events-b {
    margin: 10px 0 0 0
}

.mbsc-mobiscroll .mbsc-cal-event {
    margin: 0;
    padding: 10px 60px 10px 15px;
    font-size: .75em
}

.mbsc-mobiscroll .mbsc-cal-event-color {
    background: #4eccc4
}

.mbsc-mobiscroll .mbsc-cal-event-time, .mbsc-mobiscroll .mbsc-cal-event-dur {
    color: #4eccc4
}

.mbsc-mobiscroll .mbsc-cal-events-arr {
    border-color: #858585 transparent transparent transparent
}

.mbsc-mobiscroll .mbsc-cal-events-b .mbsc-cal-events-arr {
    border-color: transparent transparent #858585 transparent
}

.mbsc-android-holo .mbsc-cal-events {
    background: #fff;
    margin: .375em .375em .5em .375em
}

.mbsc-android-holo .mbsc-cal-events-b {
    margin: .5em .375em .375em .375em
}

.mbsc-android-holo .mbsc-cal-event {
    background: #7e7e7e;
    font-size: .75em
}

.mbsc-android-holo .mbsc-cal-event-color {
    background: #31b6e7
}

.mbsc-android-holo .mbsc-cal-day-txt {
    background: #444;
    color: #fff
}

.mbsc-wp .mbsc-cal-events {
    font-size: .75em;
    background: #fff;
    margin: 0 0 .667em 0
}

.mbsc-wp .mbsc-cal-events-b {
    margin: .667em 0 0 0
}

.mbsc-wp .mbsc-cal-event {
    color: #fff;
    background: #4c4c4c;
    border: 1px solid #4c4c4c
}

.mbsc-wp .mbsc-cal-event-color {
    background: #fff
}

.mbsc-material .mbsc-cal-events {
    margin: 1em 1em .6875em 1em;
    padding: 0;
    color: #eee
}

.mbsc-material .mbsc-cal-events-b {
    margin: .375em 1em 1em 1em
}

.mbsc-material .mbsc-cal-event {
    margin: 0;
    padding: .625em 5em .625em .625em;
    font-size: .75em
}

.mbsc-material .mbsc-cal-event-color {
    width: 100%;
    background: #009688
}

.mbsc-material .mbsc-cal-event-time, .mbsc-material .mbsc-cal-event-text {
    position: relative;
    z-index: 1
}

.mbsc-material .mbsc-cal-event-time, .mbsc-material .mbsc-cal-event-dur {
    color: #eee
}

.mbsc-material .mbsc-cal-events-arr {
    border-color: #009688 transparent transparent transparent
}

.mbsc-material .mbsc-cal-events-b .mbsc-cal-events-arr {
    border-color: transparent transparent #009688 transparent
}

.mbsc-ios .mbsc-cal-events {
    margin: .5em .5em .583333em .5em;
    background: #000;
    background: rgba(0,0,0,0.8)
}

.mbsc-ios .mbsc-cal-events-b {
    margin: .583333em .5em .5em .5em
}

.mbsc-ios .mbsc-cal-event {
    margin: 0;
    padding: .5em .5em .5em 1.5em;
    background: #f7f7f7;
    border-top: 1px solid #eee;
    color: #000;
    font-weight: bold
}

    .mbsc-ios .mbsc-cal-event:first-child {
        border: 0
    }

.mbsc-ios .mbsc-cal-event-color {
    top: 50%;
    left: .5em;
    margin-top: -.25em;
    width: .5em;
    height: .5em;
    background: #94b8dd;
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: .5em
}

.mbsc-ios .mbsc-cal-events-arr {
    border-color: rgba(0,0,0,0.8) transparent transparent transparent
}

.mbsc-ios .mbsc-cal-events-b .mbsc-cal-events-arr {
    border-color: transparent transparent rgba(0,0,0,0.8) transparent
}

.mbsc-bootstrap .mbsc-cal-events {
    width: auto;
    max-width: none;
    margin: 3px 2px 10px 2px
}

.mbsc-bootstrap .mbsc-cal-events-b {
    margin: 10px 2px 3px 2px
}

.mbsc-bootstrap .mbsc-cal-events-i {
    padding-bottom: 1px
}

.mbsc-bootstrap .mbsc-cal-events-v {
    display: block
}

.mbsc-bootstrap .mbsc-cal-event-color {
    background: #fff
}

.mbsc-ms-c {
    overflow: hidden;
    position: relative;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-action: pan-y;
    user-select: none;
    touch-action: pan-y;
    text-align: center
}

.mbsc-ms-item, .mbsc-ms-item-i {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mbsc-ms-sc {
    position: relative
}

.mbsc-ms-rtl {
    direction: rtl
}

.mbsc-ms {
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    display: inline-block
}

.mbsc-ms-item {
    height: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: .75em
}

.mbsc-ms-item-i {
    min-width: 4em;
    padding: .25em .5em;
    height: 100%;
    position: relative;
    display: block;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition-property: color,background,border-color,text-shadow;
    -webkit-transition-duration: 200ms;
    -moz-transition-property: color,background,border-color,text-shadow;
    -moz-transition-duration: 200ms;
    transition-property: color,background,border-color,text-shadow;
    transition-duration: 200ms
}

.mbsc-ms-c .mbsc-ms .mbsc-ms-item-i {
    font-weight: normal;
    color: inherit
}

.mbsc-ms-item-i-t {
    width: 100%;
    height: 100%;
    display: table
}

.mbsc-ms-item-i-c {
    padding: .5em 0;
    display: table-cell;
    vertical-align: middle
}

.mbsc-ms .mbsc-btn-d .mbsc-ms-item-i {
    opacity: .5;
    cursor: default
}

.mbsc-ms-hasw .mbsc-ms-item {
    white-space: normal
}

    .mbsc-ms-hasw .mbsc-ms-item .mbsc-ms-item-i {
        min-width: 0
    }

.mbsc-ms-icons .mbsc-ms-item-i {
    min-width: 6em
}

.mbsc-ms-icons .mbsc-ms-item-i-c {
    padding-top: 2.75em;
    padding-bottom: 0
}

.mbsc-ms-icons.mbsc-ms-txt .mbsc-ms-item-i-c {
    padding-bottom: .5em
}

.mbsc-ms-ic:before {
    position: absolute;
    top: .25em;
    left: 0;
    right: 0;
    display: block;
    text-align: center;
    font-size: 2em;
    line-height: 1.2em
}

.mbsc-ms-top, .mbsc-ms-bottom {
    z-index: 9999;
    position: fixed;
    left: 0;
    right: 0
}

.mbsc-ms-ctx.mbsc-ms-top, .mbsc-ms-ctx.mbsc-ms-bottom {
    position: absolute
}

.mbsc-ms-top {
    top: 0
}

.mbsc-ms-bottom {
    bottom: 0
}

.mbsc-mobiscroll.mbsc-ms-c {
    background: #f7f7f7;
    color: #454545
}

.mbsc-mobiscroll .mbsc-ms-item {
    font-size: 1em
}

.mbsc-mobiscroll.mbsc-ms-icons .mbsc-ms-item {
    font-size: .75em
}

.mbsc-mobiscroll .mbsc-btn-a .mbsc-ms-item-i {
    background: rgba(78,204,196,.3)
}

.mbsc-mobiscroll.mbsc-ms-b .mbsc-ms-item-i {
    border: 2px solid transparent;
    border-width: 2px 0
}

.mbsc-mobiscroll.mbsc-ms-b.mbsc-ms-top {
    border-bottom: 1px solid #4eccc4
}

.mbsc-mobiscroll.mbsc-ms-b.mbsc-ms-bottom {
    border-top: 1px solid #4eccc4
}

.mbsc-mobiscroll.mbsc-ms-b .mbsc-ms-item-sel .mbsc-ms-item-i {
    border-bottom-color: #4eccc4
}

.mbsc-mobiscroll.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item-sel .mbsc-ms-item-i {
    border-top-color: #4eccc4;
    border-bottom-color: transparent
}

.mbsc-mobiscroll.mbsc-ms-a .mbsc-ms-item-sel .mbsc-ms-item-i {
    color: #4eccc4
}

.mbsc-android-holo.mbsc-ms-c {
    background: #292929;
    color: #fff
}

.mbsc-android-holo .mbsc-ms-item-i {
    text-transform: uppercase;
    padding: .5em 0
}

.mbsc-android-holo .mbsc-ms-item-i-c {
    padding-left: .75em;
    padding-right: .75em
}

.mbsc-android-holo .mbsc-ms-ic:before {
    top: .375em
}

.mbsc-android-holo .mbsc-btn-a .mbsc-ms-item-i {
    color: #fff;
    background: #29799c
}

.mbsc-android-holo.mbsc-ms-a .mbsc-ms-item-sel {
    color: #31b6e7
}

.mbsc-android-holo.mbsc-ms-b.mbsc-ms-top {
    border-bottom: 1px solid #31b6e7
}

.mbsc-android-holo.mbsc-ms-b.mbsc-ms-bottom {
    border-top: 1px solid #31b6e7
}

.mbsc-android-holo.mbsc-ms-b .mbsc-ms-item-i {
    border: 1px solid transparent;
    border-width: 3px 0
}

.mbsc-android-holo.mbsc-ms-b .mbsc-ms-item-i-c {
    border-left: 1px solid #444
}

.mbsc-android-holo .mbsc-btn-a .mbsc-ms-item-i-c, .mbsc-android-holo.mbsc-ms-ltr .mbsc-ms-item:first-child .mbsc-ms-item-i-c, .mbsc-android-holo.mbsc-ms-rtl .mbsc-ms-item:last-child .mbsc-ms-item-i-c {
    border-color: transparent
}

.mbsc-android-holo.mbsc-ms-b .mbsc-ms-item-sel .mbsc-ms-item-i {
    border-bottom-color: #31b6e7
}

.mbsc-android-holo.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item-sel .mbsc-ms-item-i {
    border-top-color: #31b6e7;
    border-bottom-color: transparent
}

.mbsc-wp.mbsc-ms-c {
    background: #1f1f1f;
    color: #fff;
    font-family: Segoe UI,arial,verdana,sans-serif
}

.mbsc-wp .mbsc-ms-item {
    font-size: 2em;
    color: #4c4c4c;
    text-transform: lowercase;
    white-space: nowrap
}

.mbsc-wp .mbsc-ms-item-i {
    min-width: 0;
    padding: 0 .25em;
    -webkit-transition: -webkit-transform 200ms;
    -moz-transition: -moz-transform 200ms;
    transition: transform 200ms
}

.mbsc-wp.mbsc-ms-icons .mbsc-ms-item-i-c {
    padding-top: 3.5em
}

.mbsc-wp .mbsc-ms-ic:before {
    top: .6em;
    left: 50%;
    right: auto;
    margin-left: -1.1em;
    font-size: 12px;
    width: 2.2em;
    height: 2.2em;
    line-height: 2.2em;
    border: 2px solid #fff;
    border-radius: 1000px;
    -webkit-transform: translate3d(-2px,0,0);
    -moz-transform: translate3d(-2px,0,0);
    -ms-transform: translate3d(-2px,0,0);
    transform: translate3d(-2px,0,0)
}

.mbsc-wp .mbsc-ms-item.mbsc-btn-a .mbsc-ms-item-i {
    -webkit-transform: translate3d(0,-.2em,0);
    -moz-transform: translate3d(0,-.2em,0);
    transform: translate3d(0,-.2em,0)
}

.mbsc-wp .mbsc-ms-item-sel .mbsc-ms-ic:before, .mbsc-wp .mbsc-btn-a .mbsc-ms-ic:before {
    background: #fff;
    color: #1f1f1f
}

.mbsc-wp.mbsc-ms-icons .mbsc-ms-item {
    font-size: .625em;
    color: #fff
}

.mbsc-wp.mbsc-ms-icons .mbsc-ms-item-i {
    min-width: 6em;
    padding: .5em
}

.mbsc-wp .mbsc-ms-item-sel {
    color: #fff
}

.mbsc-material.mbsc-ms-c {
    background: #eee;
    color: #5b5b5b
}

.mbsc-material .mbsc-ms-item {
    overflow: hidden;
    font-size: 1em
}

.mbsc-material.mbsc-ms-icons .mbsc-ms-item {
    font-size: .75em
}

.mbsc-material .mbsc-btn-a .mbsc-ms-item-i {
    background: rgba(0,0,0,.1)
}

.mbsc-material.mbsc-ms-b .mbsc-ms-item-i {
    border: 2px solid transparent;
    border-width: 2px 0
}

.mbsc-material.mbsc-ms-b.mbsc-ms-top {
    border-bottom: 1px solid #009688
}

.mbsc-material.mbsc-ms-b.mbsc-ms-bottom {
    border-top: 1px solid #009688
}

.mbsc-material.mbsc-ms-b .mbsc-ms-item-sel .mbsc-ms-item-i {
    border-bottom-color: #009688;
    color: #009688
}

.mbsc-material.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item-sel .mbsc-ms-item-i {
    border-top-color: #009688;
    border-bottom-color: transparent
}

.mbsc-material.mbsc-ms-a .mbsc-ms-item-sel .mbsc-ms-item-i {
    color: #009688
}

.mbsc-ios.mbsc-ms-c {
    background: #f7f7f7;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #888
}

.mbsc-ios.mbsc-ms-top {
    border-top: 0
}

.mbsc-ios.mbsc-ms-bottom {
    border-bottom: 0
}

.mbsc-ios .mbsc-ms-item {
    font-size: 1em
}

.mbsc-ios.mbsc-ms-icons .mbsc-ms-item {
    font-size: .75em
}

.mbsc-ios.mbsc-ms-icons.mbsc-ms-txt .mbsc-ms-item-i-c {
    padding-bottom: .25em
}

.mbsc-ios.mbsc-ms-nosel .mbsc-ms-item, .mbsc-ios .mbsc-ms-item-sel {
    color: #007aff
}

.mbsc-ios.mbsc-ms-nosel .mbsc-btn-a .mbsc-ms-item-i {
    opacity: .5
}

.mbsc-bootstrap.mbsc-ms-c {
    display: block;
    padding: 0;
    border-radius: 0;
    border-width: 1px 0;
    max-width: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.mbsc-bootstrap.mbsc-ms-inline {
    z-index: 0
}

.mbsc-bootstrap.mbsc-ms-top {
    bottom: auto;
    border-top-width: 0
}

.mbsc-bootstrap.mbsc-ms-bottom {
    top: auto;
    border-bottom-width: 0
}

.mbsc-bootstrap.mbsc-ms-c .mbsc-ms-item {
    float: none;
    margin: 0;
    border-width: 0 0 0 1px;
    border-radius: 0
}

.mbsc-bootstrap.mbsc-ms-ltr .mbsc-ms-item:first-child, .mbsc-bootstrap.mbsc-ms-rtl .mbsc-ms-item:last-child {
    border: 0
}

.mbsc-rating .mbsc-ltr .mbsc-sc-itm {
    text-align: left
}

.mbsc-rating .mbsc-rtl .mbsc-sc-itm {
    text-align: right
}

.mbsc-rating-txt {
    padding-left: 5px;
    margin-top: -0.1em
}

.mbsc-rating-icon {
    display: inline-block;
    width: 1.8em;
    text-align: center;
    font-size: 22px;
    vertical-align: top;
    color: #e9bb2f
}

.mbsc-rating-icon-unf {
    color: #eee
}

.mbsc-rating-circle {
    display: inline-block;
    background: #959595;
    text-align: center;
    padding: 0;
    margin: 0 7px;
    width: 26px;
    height: 26px;
    font-family: Verdana;
    font-size: 16px;
    line-height: 26px;
    vertical-align: top;
    border-radius: 20px;
    position: relative;
    top: 50%;
    margin-top: -13px
}

.mbsc-rating-circle-unf {
    background: #5d5d5d
}

.mbsc-mobiscroll .mbsc-rating-icon {
    color: #4eccc4
}

.mbsc-mobiscroll .mbsc-rating-icon-unf {
    color: rgba(78,204,196,.3)
}

.mbsc-mobiscroll .mbsc-rating-circle {
    background: #4eccc4;
    color: #f7f7f7
}

.mbsc-mobiscroll .mbsc-rating-circle-unf {
    background: 0;
    width: 24px;
    height: 24px;
    border: 1px solid #4eccc4
}

.mbsc-android-holo .mbsc-rating-icon {
    color: #31b6e7
}

.mbsc-android-holo .mbsc-rating-icon-same {
    opacity: .3
}

.mbsc-android-holo .mbsc-rating-circle {
    color: #000;
    background: #999
}

.mbsc-android-holo .mbsc-rating-circle-unf {
    background: #636363
}

.mbsc-android-holo-light .mbsc-rating-circle {
    color: #fff
}

.mbsc-ios .mbsc-rating-icon-unf {
    color: #d5d5d5
}

.mbsc-ios .mbsc-rating-circle {
    background: #0c80fe;
    width: 2em;
    height: 2em;
    font-size: .545454em;
    line-height: 2em;
    color: #fff
}

.mbsc-ios .mbsc-rating-circle-unf {
    background: 0;
    width: 1.833333em;
    height: 1.833333em;
    border: 1px solid #0c80fe
}

.mbsc-wp .mbsc-rating-icon {
    color: #fff;
    vertical-align: middle
}

.mbsc-wp .mbsc-rating-txt {
    display: inline-block;
    vertical-align: middle
}

.mbsc-wp .mbsc-rating-icon-same {
    opacity: .3
}

.mbsc-wp .mbsc-rating-circle {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: #fff;
    font-size: 11px;
    line-height: 24px;
    color: #000
}

.mbsc-wp .mbsc-rating-circle-unf {
    background: #646464
}

.mbsc-wp-light .mbsc-rating-icon {
    color: #000
}

.mbsc-wp-light .mbsc-rating-circle {
    background: #000;
    color: #fff
}

.mbsc-wp-light .mbsc-rating-circle-unf {
    background: #646464
}

.mbsc-material .mbsc-rating-icon {
    width: 1.4285em;
    color: #009688;
    font-size: 1.2729em
}

.mbsc-material .mbsc-rating-icon-unf {
    opacity: .5
}

.mbsc-material .mbsc-rating-circle {
    background: #009688;
    color: #eee
}

.mbsc-material .mbsc-rating-circle-unf {
    background: 0;
    width: 22px;
    height: 22px;
    border: 2px solid #009688
}

.mbsc-ltr .mbsc-img-w {
    text-align: left
}

.mbsc-ltr .mbsc-img-txt {
    margin: 0 0 0 .5em
}

.mbsc-rtl .mbsc-img-w {
    text-align: right
}

.mbsc-rtl .mbsc-img-txt {
    margin: 0 .5em 0 0
}

.mbsc-img-w .mbsc-ic {
    display: inline-block;
    margin: 0 .5em
}

.mbsc-img-txt {
    display: inline-block
}

.mbsc-img-c {
    min-width: 50px;
    height: 28px;
    margin-top: -2px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: normal
}

.mbsc-img {
    max-height: 28px
}

.mbsc-ts .mbsc-ts-lbl {
    display: none
}

.mbsc-android-holo.mbsc-ts .mbsc-fr-hdr {
    font-size: 16px
}

.mbsc-ios.mbsc-ts .mbsc-sc-lbl-v .mbsc-ts-lbl {
    display: inline;
    visibility: hidden;
    padding-left: .5em;
    font-size: .909090em;
    text-transform: lowercase
}

.mbsc-ios.mbsc-ts .mbsc-sc-whl-gr {
    padding: .833333em 0
}

.mbsc-ios.mbsc-ts .mbsc-sc-lbl {
    padding: 0 .55em;
    margin-top: -.75em;
    left: auto;
    top: 50%;
    right: 0;
    width: auto;
    z-index: 3;
    color: #007aff;
    font-size: 1.666667em;
    line-height: 1.5em;
    text-transform: lowercase
}

.mbsc-wp.mbsc-ts .mbsc-sc-whl-gr {
    padding: 0
}

.mbsc-wp.mbsc-ts .mbsc-sc-lbl {
    z-index: 3;
    top: 50%;
    right: auto;
    width: auto;
    height: auto;
    margin: 1.545454em 0 0 .818181em;
    color: #fff;
    line-height: 1.636363em;
    font-size: .6875em
}

.mbsc-wp.mbsc-ts .mbsc-sc-whl-anim .mbsc-sc-lbl {
    display: none
}

.mbsc-material .mbsc-ripple, .mbsc-lv-material .mbsc-ripple {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    border-radius: 1000em;
    background: #000;
    pointer-events: none;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .8s cubic-bezier(0.25,0.8,0.25,1),opacity .8s cubic-bezier(0.25,0.8,0.25,1);
    -moz-transition: -moz-transform .8s cubic-bezier(0.25,0.8,0.25,1),opacity .8s cubic-bezier(0.25,0.8,0.25,1);
    transition: transform .8s cubic-bezier(0.25,0.8,0.25,1),opacity .8s cubic-bezier(0.25,0.8,0.25,1)
}

.mbsc-material .mbsc-ripple-scaled, .mbsc-lv-material .mbsc-ripple-scaled {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.mbsc-material .mbsc-ripple-visible, .mbsc-lv-material .mbsc-ripple-visible {
    opacity: .1
}

.mbsc-anim-trans .mbsc-fr-persp {
    overflow: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px
}

.mbsc-anim-trans .mbsc-fr-popup, .mbsc-anim-trans .mbsc-fr-overlay {
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-duration: 200ms;
    -moz-animation-fill-mode: forwards;
    -moz-animation-duration: 200ms;
    animation-fill-mode: forwards;
    animation-duration: 200ms
}

.mbsc-anim-trans .mbsc-fr-overlay {
    -webkit-backface-visibility: hidden
}

.mbsc-anim-in .mbsc-fr-popup {
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 225ms;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 225ms;
    animation-timing-function: ease-out;
    animation-duration: 225ms
}

.mbsc-anim-out .mbsc-fr-popup {
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 195ms;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 195ms;
    animation-timing-function: ease-in;
    animation-duration: 195ms
}

.mbsc-anim-in .mbsc-fr-overlay {
    -webkit-animation-name: mbsc-anim-f-in;
    -moz-animation-name: mbsc-anim-f-in;
    animation-name: mbsc-anim-f-in
}

.mbsc-anim-out .mbsc-fr-overlay {
    -webkit-animation-name: mbsc-anim-f-out;
    -moz-animation-name: mbsc-anim-f-out;
    animation-name: mbsc-anim-f-out
}

.mbsc-anim-flip, .mbsc-anim-swing, .mbsc-anim-slidehorizontal, .mbsc-anim-slidevertical, .mbsc-anim-slidedown, .mbsc-anim-slideup, .mbsc-anim-fade {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0);
    -moz-backface-visibility: hidden;
    -moz-transform: translateX(0);
    backface-visibility: hidden;
    transform: translateX(0)
}

.mbsc-anim-swing, .mbsc-anim-slidehorizontal, .mbsc-anim-slidevertical, .mbsc-anim-slidedown, .mbsc-anim-slideup, .mbsc-anim-fade {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0
}

.mbsc-anim-flip, .mbsc-anim-pop {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.mbsc-anim-in .mbsc-anim-pop {
    opacity: 1;
    -webkit-animation-name: mbsc-anim-p-in;
    -webkit-transform: scale(1);
    -moz-animation-name: mbsc-anim-p-in;
    -moz-transform: scale(1);
    transform: scale(1);
    animation-name: mbsc-anim-p-in
}

.mbsc-anim-out .mbsc-anim-pop {
    opacity: 0;
    -webkit-animation-name: mbsc-anim-p-out;
    -moz-animation-name: mbsc-anim-p-out;
    animation-name: mbsc-anim-p-out
}

.mbsc-anim-in .mbsc-anim-flip {
    opacity: 1;
    -webkit-animation-name: mbsc-anim-fl-in;
    -webkit-transform: scale(1);
    -moz-animation-name: mbsc-anim-fl-in;
    -moz-transform: scale(1);
    animation-name: mbsc-anim-fl-in;
    transform: scale(1)
}

.mbsc-anim-out .mbsc-anim-flip {
    opacity: 0;
    animation-name: mbsc-anim-fl-out;
    -webkit-animation-name: mbsc-anim-fl-out;
    -moz-animation-name: mbsc-anim-fl-out
}

.mbsc-anim-in .mbsc-anim-swing {
    opacity: 1;
    -webkit-animation-name: mbsc-anim-sw-in;
    -webkit-transform: scale(1);
    -moz-animation-name: mbsc-anim-sw-in;
    -moz-transform: scale(1);
    transform: scale(1);
    animation-name: mbsc-anim-sw-in
}

.mbsc-anim-out .mbsc-anim-swing {
    opacity: 0;
    -webkit-animation-name: mbsc-anim-sw-out;
    -moz-animation-name: mbsc-anim-sw-out;
    animation-name: mbsc-anim-sw-out
}

.mbsc-anim-in .mbsc-anim-slidehorizontal {
    opacity: 1;
    -webkit-animation-name: mbsc-anim-sh-in;
    -webkit-transform: scale(1);
    -moz-animation-name: mbsc-anim-sh-in;
    -moz-transform: scale(1);
    transform: scale(1);
    animation-name: mbsc-anim-sh-in
}

.mbsc-anim-out .mbsc-anim-slidehorizontal {
    opacity: 0;
    -webkit-animation-name: mbsc-anim-sh-out;
    -moz-animation-name: mbsc-anim-sh-out;
    animation-name: mbsc-anim-sh-out
}

.mbsc-anim-in .mbsc-anim-slidevertical {
    opacity: 1;
    -webkit-animation-name: mbsc-anim-sv-in;
    -webkit-transform: scale(1);
    -moz-animation-name: mbsc-anim-sv-in;
    -moz-transform: scale(1);
    animation-name: mbsc-anim-sv-in;
    transform: scale(1)
}

.mbsc-anim-out .mbsc-anim-slidevertical {
    opacity: 0;
    -webkit-animation-name: mbsc-anim-sv-out;
    -moz-animation-name: mbsc-anim-sv-out;
    animation-name: mbsc-anim-sv-out
}

.mbsc-anim-in .mbsc-anim-slidedown {
    -webkit-animation-name: mbsc-anim-sd-in;
    -webkit-transform: scale(1);
    -moz-animation-name: mbsc-anim-sd-in;
    -moz-transform: scale(1);
    animation-name: mbsc-anim-sd-in;
    transform: scale(1)
}

.mbsc-anim-out .mbsc-anim-slidedown {
    animation-name: mbsc-anim-sd-out;
    -webkit-animation-name: mbsc-anim-sd-out;
    -webkit-transform: translateY(-100%);
    -moz-animation-name: mbsc-anim-sd-out;
    -moz-transform: translateY(-100%)
}

.mbsc-anim-in .mbsc-anim-slideup {
    -webkit-animation-name: mbsc-anim-su-in;
    -webkit-transform: scale(1);
    -moz-animation-name: mbsc-anim-su-in;
    -moz-transform: scale(1);
    transform: scale(1);
    animation-name: mbsc-anim-su-in
}

.mbsc-anim-out .mbsc-anim-slideup {
    animation-name: mbsc-anim-su-out;
    -webkit-animation-name: mbsc-anim-su-out;
    -webkit-transform: translateY(100%);
    -moz-animation-name: mbsc-anim-su-out;
    -moz-transform: translateY(100%)
}

.mbsc-anim-in .mbsc-anim-fade {
    opacity: 1;
    -webkit-animation-name: mbsc-anim-f-in;
    -moz-animation-name: mbsc-anim-f-in;
    animation-name: mbsc-anim-f-in
}

.mbsc-anim-out .mbsc-anim-fade {
    opacity: 0;
    -webkit-animation-name: mbsc-anim-f-out;
    -moz-animation-name: mbsc-anim-f-out;
    animation-name: mbsc-anim-f-out
}

@keyframes mbsc-anim-f-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes mbsc-anim-f-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes mbsc-anim-f-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes mbsc-anim-f-out {
    from {
        visibility: visible;
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes mbsc-anim-f-out {
    from {
        visibility: visible;
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes mbsc-anim-f-out {
    from {
        visibility: visible;
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes mbsc-anim-p-in {
    from {
        opacity: 0;
        transform: scale(0.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes mbsc-anim-p-in {
    from {
        opacity: 0;
        -webkit-transform: scale(0.8)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes mbsc-anim-p-in {
    from {
        opacity: 0;
        -moz-transform: scale(0.8)
    }

    to {
        opacity: 1;
        -moz-transform: scale(1)
    }
}

@keyframes mbsc-anim-p-out {
    from {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0.8)
    }
}

@-webkit-keyframes mbsc-anim-p-out {
    from {
        opacity: 1;
        -webkit-transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.8)
    }
}

@-moz-keyframes mbsc-anim-p-out {
    from {
        opacity: 1;
        -moz-transform: scale(1)
    }

    to {
        opacity: 0;
        -moz-transform: scale(0.8)
    }
}

@keyframes mbsc-anim-fl-in {
    from {
        opacity: 0;
        transform: rotateY(90deg)
    }

    to {
        opacity: 1;
        transform: rotateY(0)
    }
}

@-webkit-keyframes mbsc-anim-fl-in {
    from {
        opacity: 0;
        -webkit-transform: rotateY(90deg)
    }

    to {
        opacity: 1;
        -webkit-transform: rotateY(0)
    }
}

@-moz-keyframes mbsc-anim-fl-in {
    from {
        opacity: 0;
        -moz-transform: rotateY(90deg)
    }

    to {
        opacity: 1;
        -moz-transform: rotateY(0)
    }
}

@keyframes mbsc-anim-fl-out {
    from {
        opacity: 1;
        transform: rotateY(0deg)
    }

    to {
        opacity: 0;
        transform: rotateY(-90deg)
    }
}

@-webkit-keyframes mbsc-anim-fl-out {
    from {
        opacity: 1;
        -webkit-transform: rotateY(0deg)
    }

    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg)
    }
}

@-moz-keyframes mbsc-anim-fl-out {
    from {
        opacity: 1;
        -moz-transform: rotateY(0deg)
    }

    to {
        opacity: 0;
        -moz-transform: rotateY(-90deg)
    }
}

@keyframes mbsc-anim-sw-in {
    from {
        opacity: 0;
        transform: rotateY(-90deg)
    }

    to {
        opacity: 1;
        transform: rotateY(0deg)
    }
}

@-webkit-keyframes mbsc-anim-sw-in {
    from {
        opacity: 0;
        -webkit-transform: rotateY(-90deg)
    }

    to {
        opacity: 1;
        -webkit-transform: rotateY(0deg)
    }
}

@-moz-keyframes mbsc-anim-sw-in {
    from {
        opacity: 0;
        -moz-transform: rotateY(-90deg)
    }

    to {
        opacity: 1;
        -moz-transform: rotateY(0deg)
    }
}

@keyframes mbsc-anim-sw-out {
    from {
        opacity: 1;
        transform: rotateY(0deg)
    }

    to {
        opacity: 0;
        transform: rotateY(-90deg)
    }
}

@-webkit-keyframes mbsc-anim-sw-out {
    from {
        opacity: 1;
        -webkit-transform: rotateY(0deg)
    }

    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg)
    }
}

@-moz-keyframes mbsc-anim-sw-out {
    from {
        opacity: 1;
        -moz-transform: rotateY(0deg)
    }

    to {
        opacity: 0;
        -moz-transform: rotateY(-90deg)
    }
}

@keyframes mbsc-anim-sh-in {
    from {
        opacity: 0;
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes mbsc-anim-sh-in {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes mbsc-anim-sh-in {
    from {
        opacity: 0;
        -moz-transform: translateX(-100%)
    }

    to {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@keyframes mbsc-anim-sh-out {
    from {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(100%)
    }
}

@-webkit-keyframes mbsc-anim-sh-out {
    from {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(100%)
    }
}

@-moz-keyframes mbsc-anim-sh-out {
    from {
        opacity: 1;
        -moz-transform: translateX(0)
    }

    to {
        opacity: 0;
        -moz-transform: translateX(100%)
    }
}

@keyframes mbsc-anim-sv-in {
    from {
        opacity: 0;
        transform: translateY(-100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes mbsc-anim-sv-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes mbsc-anim-sv-in {
    from {
        opacity: 0;
        -moz-transform: translateY(-100%)
    }

    to {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@keyframes mbsc-anim-sv-out {
    from {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(100%)
    }
}

@-webkit-keyframes mbsc-anim-sv-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }
}

@-moz-keyframes mbsc-anim-sv-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0)
    }

    to {
        opacity: 0;
        -moz-transform: translateY(100%)
    }
}

@keyframes mbsc-anim-sd-in {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes mbsc-anim-sd-in {
    from {
        opacity: 1;
        -webkit-transform: translateY(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes mbsc-anim-sd-in {
    from {
        -moz-transform: translateY(-100%)
    }

    to {
        -moz-transform: translateY(0)
    }
}

@keyframes mbsc-anim-sd-out {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@-webkit-keyframes mbsc-anim-sd-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(-100%)
    }
}

@-moz-keyframes mbsc-anim-sd-out {
    from {
        -moz-transform: translateY(0)
    }

    to {
        -moz-transform: translateY(-100%)
    }
}

@keyframes mbsc-anim-su-in {
    from {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes mbsc-anim-su-in {
    from {
        opacity: 1;
        -webkit-transform: translateY(100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes mbsc-anim-su-in {
    from {
        -moz-transform: translateY(100%)
    }

    to {
        -moz-transform: translateY(0)
    }
}

@keyframes mbsc-anim-su-out {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

@-webkit-keyframes mbsc-anim-su-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(100%)
    }
}

@-moz-keyframes mbsc-anim-su-out {
    from {
        -moz-transform: translateY(0)
    }

    to {
        -moz-transform: translateY(100%)
    }
}

.mbsc-material-dark .mbsc-ripple, .mbsc-lv-material-dark .mbsc-ripple {
    background: #fff
}

.mbsc-material-dark .mbsc-fr-w {
    background: #303030;
    color: #c2c2c2
}

.mbsc-material-dark .mbsc-fr-hdr {
    color: #81ccc4
}

.mbsc-material-dark .mbsc-fr-btn {
    color: #81ccc4
}

.mbsc-material-dark .mbsc-fr-btn-a {
    background: rgba(255,255,255,0.1)
}

.mbsc-material-dark .mbsc-fr-bubble-bottom .mbsc-fr-arr {
    border-color: transparent transparent #303030 transparent
}

.mbsc-material-dark .mbsc-fr-bubble-top .mbsc-fr-arr {
    border-color: #303030 transparent transparent transparent
}

.mbsc-material-dark .mbsc-sc-lbl {
    color: #81ccc4
}

.mbsc-material-dark .mbsc-sc-itm.mbsc-btn-a {
    background: rgba(255,255,255,0.1)
}

.mbsc-material-dark .mbsc-sc-whl-l {
    border-color: #81ccc4
}

.mbsc-material-dark .mbsc-sc-btn {
    color: #81ccc4;
    background: #303030
}

.mbsc-material-dark .mbsc-sc-btn-a {
    background: rgba(255,255,255,0.1)
}

.mbsc-material-dark .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
    color: #81ccc4
}

.mbsc-material-dark .mbsc-rating-icon {
    color: #81ccc4
}

.mbsc-material-dark .mbsc-rating-circle {
    background: #81ccc4;
    color: #303030
}

.mbsc-material-dark .mbsc-rating-circle-unf {
    background: 0;
    border-color: #81ccc4
}

.mbsc-material-dark .mbsc-np-del {
    color: #81ccc4
}

.mbsc-material-dark .mbsc-cal-sc-c {
    background: #303030
}

.mbsc-material-dark .mbsc-cal-btn-txt {
    color: #81ccc4
}

.mbsc-material-dark .mbsc-cal-day-inv .mbsc-cal-day-fg {
    color: rgba(194,194,194,0.3)
}

.mbsc-material-dark .mbsc-cal .mbsc-cal-day-sel .mbsc-cal-day-fg {
    background: rgba(129,204,196,0.3)
}

.mbsc-material-dark .mbsc-cal-hl-now .mbsc-cal-today {
    color: #81ccc4
}

.mbsc-material-dark .mbsc-cal-sc .mbsc-cal-sc-sel .mbsc-cal-sc-cell-i {
    background: rgba(129,204,196,0.3)
}

.mbsc-material-dark .mbsc-cal-week-nrs-c {
    color: #c2c2c2;
    background: #303030
}

.mbsc-material-dark .mbsc-cal-tab .mbsc-cal-tab-i {
    color: #c2c2c2
}

.mbsc-material-dark .mbsc-cal-tabs .mbsc-cal-tab-sel .mbsc-cal-tab-i {
    color: #81ccc4
}

.mbsc-material-dark .mbsc-cal-day-m-c {
    background: #81ccc4
}

.mbsc-material-dark .mbsc-cal-day-txt {
    color: #303030
}

.mbsc-material-dark .mbsc-cal-events {
    color: #303030
}

.mbsc-material-dark .mbsc-cal-event-color {
    background: #81ccc4
}

.mbsc-material-dark .mbsc-cal-event-time, .mbsc-material-dark .mbsc-cal-event-dur {
    color: #303030
}

.mbsc-material-dark .mbsc-cal-events-arr {
    border-color: #81ccc4 transparent transparent transparent
}

.mbsc-material-dark .mbsc-cal-events-b .mbsc-cal-events-arr {
    border-color: transparent transparent #81ccc4 transparent
}

.mbsc-material-dark .mbsc-range-btn-t {
    border-color: #c7c7c7
}

.mbsc-material-dark .mbsc-range-btn {
    color: #c2c2c2
}

.mbsc-material-dark .mbsc-range-btn-sel .mbsc-range-btn {
    border-color: #81ccc4;
    color: #81ccc4
}

.mbsc-material-dark.mbsc-range .mbsc-cal-day-sel .mbsc-cal-day-frame {
    color: #c2c2c2;
    background: rgba(129,204,196,0.1)
}

.mbsc-material-dark.mbsc-range .mbsc-cal-table .mbsc-cal-day-hl .mbsc-cal-day-i .mbsc-cal-day-fg {
    color: #303030;
    background: rgba(129,204,196,0.8)
}

.mbsc-material-dark.mbsc-ms-c {
    background: #303030;
    color: #c2c2c2
}

.mbsc-material-dark .mbsc-btn-a .mbsc-ms-item-i {
    background: rgba(255,255,255,0.1)
}

.mbsc-material-dark.mbsc-ms-b.mbsc-ms-top {
    border-bottom: 1px solid #81ccc4
}

.mbsc-material-dark.mbsc-ms-b.mbsc-ms-bottom {
    border-top: 1px solid #81ccc4
}

.mbsc-material-dark.mbsc-ms-b .mbsc-ms-item-sel .mbsc-ms-item-i {
    border-bottom-color: #81ccc4;
    color: #81ccc4
}

.mbsc-material-dark.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item-sel .mbsc-ms-item-i {
    border-top-color: #81ccc4;
    border-bottom-color: transparent
}

.mbsc-material-dark.mbsc-ms-a .mbsc-ms-item-sel .mbsc-ms-item-i {
    color: #81ccc4
}

.mbsc-lv-material-dark .mbsc-lv-item {
    background: #303030;
    color: #c2c2c2
}

.mbsc-lv-material-dark .mbsc-lv-item-hl:after, .mbsc-lv-material-dark .mbsc-lv-item-active::after, .mbsc-lv-material-dark .mbsc-lv-item-dragging:after {
    background: rgba(255,255,255,0.1)
}

.mbsc-lv-material-dark.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
    background: #383838
}

.mbsc-lv-material-dark .mbsc-lv-gr-title {
    background: #303030;
    color: #81ccc4
}

.mbsc-lv-material-dark .mbsc-lv-arr {
    color: #81ccc4
}

.mbsc-lv-material-dark .mbsc-lv-handle-bar {
    background: #81ccc4
}

.mbsc-lv-material-dark p.mbsc-lv-txt {
    color: #dbdbdb
}

.mbsc-material-dark .mbsc-progress-track {
    background: #5c5c5c
}

.mbsc-material-dark .mbsc-progress-bar {
    background: #81ccc4
}

.mbsc-material-dark .mbsc-slider-step {
    background: #fff
}

.mbsc-material-dark .mbsc-slider-handle {
    background: #81ccc4;
    border-color: #81ccc4
}

.mbsc-material-dark .mbsc-slider-start .mbsc-slider-handle {
    border-color: #5c5c5c;
    background: #303030
}

.mbsc-material-dark .mbsc-slider-handle:before {
    background: rgba(255,255,255,0.1)
}

.mbsc-material-dark .mbsc-slider-tooltip {
    color: #303030;
    background: #81ccc4
}

    .mbsc-material-dark .mbsc-slider-tooltip:before {
        border-top-color: #81ccc4
    }

.mbsc-material-dark.mbsc-slider-has-tooltip .mbsc-slider-start .mbsc-slider-tooltip {
    background: #5c5c5c
}

    .mbsc-material-dark.mbsc-slider-has-tooltip .mbsc-slider-start .mbsc-slider-tooltip:before {
        border-top-color: #5c5c5c
    }

.mbsc-material-dark.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-bar {
    background: #5c5c5c
}

.mbsc-material-dark.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-handle {
    background: #5c5c5c;
    border-color: #5c5c5c;
    -webkit-box-shadow: 0 0 0 .3125em #303030;
    box-shadow: 0 0 0 .3125em #303030
}

.mbsc-material-dark.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-start .mbsc-slider-handle {
    border-color: #5c5c5c;
    background: #303030
}

.mbsc-material-dark.mbsc-form {
    background-color: #303030;
    color: #d4d4d4
}

    .mbsc-material-dark.mbsc-form *::-moz-selection {
        background: #81ccc4
    }

    .mbsc-material-dark.mbsc-form *::selection {
        background: #81ccc4
    }

.mbsc-material-dark .mbsc-desc {
    color: #d4d4d4
}

.mbsc-material-dark .mbsc-divider {
    color: #81ccc4
}

.mbsc-material-dark a {
    color: #81ccc4
}

.mbsc-material-dark .mbsc-input textarea, .mbsc-material-dark .mbsc-input input {
    border-bottom: 1px solid #d4d4d4;
    color: #858585
}

    .mbsc-material-dark .mbsc-input input::-webkit-input-placeholder {
        color: #a8a8a8
    }

    .mbsc-material-dark .mbsc-input input::-moz-placeholder {
        color: #a8a8a8
    }

    .mbsc-material-dark .mbsc-input input:-ms-input-placeholder {
        color: #a8a8a8
    }

    .mbsc-material-dark .mbsc-input select:focus ~ input, .mbsc-material-dark .mbsc-input textarea:focus, .mbsc-material-dark .mbsc-input input:focus {
        border-bottom: 2px solid #81ccc4
    }

.mbsc-material-dark .mbsc-checkbox-box:before, .mbsc-material-dark .mbsc-radio-box:before, .mbsc-material-dark .mbsc-switch-handle:before {
    background: rgba(255,255,255,0.1)
}

.mbsc-material-dark .mbsc-select .mbsc-input-wrap:after {
    border: 5px solid #d4d4d4;
    border-color: #d4d4d4 transparent transparent transparent
}

.mbsc-material-dark .mbsc-checkbox-box, .mbsc-material-dark .mbsc-radio-box {
    border-color: #d4d4d4
}

    .mbsc-material-dark .mbsc-checkbox-box:after {
        border-color: #303030
    }

.mbsc-material-dark .mbsc-checkbox input:checked + .mbsc-checkbox-box {
    background: #81ccc4;
    border-color: #81ccc4
}

.mbsc-material-dark .mbsc-radio-box:after {
    background: #81ccc4
}

.mbsc-material-dark .mbsc-radio input:checked + .mbsc-radio-box {
    border-color: #81ccc4
}

.mbsc-material-dark .mbsc-btn {
    background: #5c5c5c;
    color: #fff
}

    .mbsc-material-dark .mbsc-btn.mbsc-active {
        background: #737373
    }

.mbsc-material-dark .mbsc-btn-flat {
    background: transparent
}

.mbsc-material-dark .mbsc-btn:disabled {
    color: #bdbdbd
}

.mbsc-material-dark .mbsc-btn-flat.mbsc-active {
    background-color: #5c5c5c
}

.mbsc-material-dark .mbsc-switch-track {
    background: #5c5c5c
}

.mbsc-material-dark .mbsc-switch .mbsc-switch-handle {
    background: #b8b8b8
}

.mbsc-material-dark .mbsc-switch input:checked + .mbsc-switch-track {
    background-color: rgba(129,204,196,0.3)
}

    .mbsc-material-dark .mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle {
        background: #81ccc4
    }

.mbsc-material-dark .mbsc-switch input:disabled + .mbsc-switch-track {
    background: #5c5c5c
}

    .mbsc-material-dark .mbsc-switch input:disabled + .mbsc-switch-track .mbsc-switch-handle {
        background: #595959
    }

.mbsc-material-dark .mbsc-segmented-content {
    border-color: #81ccc4;
    color: #fff
}

.mbsc-material-dark .mbsc-segmented input:checked + .mbsc-segmented-content, .mbsc-material-dark .mbsc-segmented input:checked ~ .mbsc-segmented-content {
    background: #81ccc4;
    color: #303030
}

.mbsc-material-dark .mbsc-segmented input.mbsc-active + .mbsc-segmented-content, .mbsc-material-dark .mbsc-segmented .mbsc-active .mbsc-segmented-content {
    background: #737373;
    color: #fff
}

.mbsc-material-dark .mbsc-segmented input:disabled + .mbsc-segmented-content {
    color: #bdbdbd;
    border-color: #5c5c5c
}

.mbsc-material-dark .mbsc-segmented input:disabled:checked + .mbsc-segmented-content {
    background: #5c5c5c;
    color: #bdbdbd;
    border-color: #5c5c5c
}

.mbsc-material-dark .mbsc-stepper .mbsc-segmented-content {
    border-color: #5c5c5c
}

.mbsc-material-dark .mbsc-stepper-control .mbsc-segmented-content {
    background: #5c5c5c
}

.mbsc-material-dark .mbsc-stepper input {
    color: #fff
}

.mbsc-material-dark .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-material-dark .mbsc-segmented .mbsc-step-disabled .mbsc-segmented-content {
    background: #5c5c5c;
    color: #bdbdbd
}

.mbsc-material-dark .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-stepper-val {
    border-color: #5c5c5c;
    background: #303030
}

.mbsc-material-dark .mbsc-stepper input:disabled {
    color: #5c5c5c;
    -webkit-text-fill-color: #5c5c5c
}

.mbsc-android-holo-light .mbsc-fr-w, .mbsc-android-holo-light .mbsc-cal-sc-c {
    background: #f5f5f5
}

.mbsc-android-holo-light .mbsc-fr-w, .mbsc-android-holo-light .mbsc-fr-btn, .mbsc-android-holo-light .mbsc-sc-itm, .mbsc-android-holo-light .mbsc-range-btn, .mbsc-android-holo-light .mbsc-cal-tabs .mbsc-cal-tab-i {
    color: #000
}

.mbsc-android-holo-light .mbsc-fr-hdr {
    color: #31b7e8;
    border-color: #31b7e8
}

.mbsc-android-holo-light .mbsc-sc-itm.mbsc-btn-a {
    background: rgba(49,183,232,0.5)
}

.mbsc-android-holo-light .mbsc-sc-btn {
    color: #7d7d7d;
    background: #f5f5f5
}

.mbsc-android-holo-light .mbsc-sc-btn-a {
    color: #319abd;
    background: #f5f5f5
}

.mbsc-android-holo-light .mbsc-sc-whl-l {
    border-color: #31b7e8
}

.mbsc-android-holo-light .mbsc-fr-btn-a {
    background: #28799c;
    color: black
}

.mbsc-android-holo-light .mbsc-sc-whl-multi .mbsc-sc-itm:after {
    border-color: #d9d4d4
}

.mbsc-android-holo-light .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
    color: #31b7e8;
    text-shadow: 0 0 5px #28799c
}

.mbsc-android-holo-light .mbsc-sc-whl-o {
    background: -webkit-gradient(linear,left bottom,left top,from(#f5f5f5),color-stop(0.52,rgba(245,245,245,0)),color-stop(0.48,rgba(245,245,245,0)),to(#f5f5f5));
    background: -webkit-linear-gradient(#f5f5f5,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#f5f5f5);
    background: linear-gradient(#f5f5f5,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#f5f5f5)
}

.mbsc-android-holo-light .mbsc-fr-btn-cont, .mbsc-android-holo-light .mbsc-fr-btn-w .mbsc-fr-btn {
    border-color: #d9d4d4
}

.mbsc-android-holo-light .mbsc-fr-bubble-bottom .mbsc-fr-arr {
    border-color: transparent transparent #f5f5f5 transparent
}

.mbsc-android-holo-light .mbsc-fr-bubble-top .mbsc-fr-arr {
    border-color: #f5f5f5 transparent transparent transparent
}

.mbsc-android-holo-light .mbsc-cal-day-m-c {
    background: #31b7e8
}

.mbsc-android-holo-light .mbsc-cal .mbsc-cal-sc-sel .mbsc-cal-sc-cell-i, .mbsc-android-holo-light .mbsc-cal .mbsc-cal-day-sel .mbsc-cal-day-i {
    background: #31b7e8;
    background: rgba(49,183,232,0.5)
}

.mbsc-android-holo-light .mbsc-cal-hl-now .mbsc-cal-today {
    color: #31b7e8
}

.mbsc-android-holo-light .mbsc-fr-btn-a .mbsc-cal-btn-txt {
    color: #319abd
}

.mbsc-android-holo-light .mbsc-cal-tabs .mbsc-range-btn-sel, .mbsc-android-holo-light .mbsc-cal-tabs .mbsc-cal-tab-sel {
    border-bottom: 5px solid #31b7e8
}

.mbsc-android-holo-light .mbsc-cal-event-color {
    background: #31b7e8
}

.mbsc-android-holo-light .mbsc-cal .mbsc-cal-day-hl .mbsc-cal-day-i {
    background: #31b7e8;
    color: white
}

.mbsc-android-holo-light .mbsc-cal-tabs {
    background: #e6e6e6
}

.mbsc-android-holo-light .mbsc-cal-tab {
    border-color: #e6e6e6
}

.mbsc-android-holo-light .mbsc-cal-tabs .mbsc-cal-tab-i, .mbsc-android-holo-light .mbsc-cal-day, .mbsc-android-holo-light .mbsc-cal-sc-m-cell {
    border-color: #d9d9d9
}

.mbsc-android-holo-light .mbsc-cal-btn-txt {
    color: #7d7d7d
}

.mbsc-android-holo-light .mbsc-cal-week-nrs-c {
    background: #f5f5f5
}

.mbsc-android-holo-light .mbsc-cal-week-nr-i {
    border-color: #d9d9d9;
    color: #7d7d7d
}

.mbsc-android-holo-light .mbsc-cal th {
    color: #7d7d7d
}

.mbsc-android-holo-light .mbsc-cal-events {
    background: rgba(0,0,0,0.8)
}

.mbsc-android-holo-light .mbsc-cal-events-arr {
    border-color: rgba(0,0,0,0.8) transparent transparent
}

.mbsc-android-holo-light .mbsc-cal-events-b .mbsc-cal-events-arr {
    border-color: transparent transparent rgba(0,0,0,0.8)
}

.mbsc-android-holo-light .mbsc-cal-event {
    background: #7d7d7d;
    color: white
}

.mbsc-android-holo-light .mbsc-range-btn {
    background: #d9d9d9
}

.mbsc-android-holo-light .mbsc-range-btn-sel .mbsc-range-btn {
    background: #31b7e8;
    color: white
}

.mbsc-android-holo-light.mbsc-timer .mbsc-sc-lbl {
    color: #31b7e8
}

.mbsc-android-holo-light .mbsc-rating-icon {
    color: #31b7e8
}

.mbsc-android-holo-light .mbsc-np-hdr {
    border-color: #d9d9d9
}

.mbsc-lv-android-holo-light .mbsc-lv {
    background: #dbdbdb
}

    .mbsc-lv-android-holo-light .mbsc-lv .mbsc-lv-item.mbsc-lv-item-dragging {
        background: #31b7e8;
        background: rgba(49,183,232,0.5);
        border-color: rgba(49,183,232,0.5)
    }

.mbsc-lv-android-holo-light .mbsc-lv-item, .mbsc-lv-android-holo-light .mbsc-lv-gr-title {
    background: #f5f5f5;
    color: #000
}

.mbsc-lv-android-holo-light.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
    background: #ededed
}

.mbsc-lv-android-holo-light .mbsc-lv-item {
    border-color: #dbdbdb
}

.mbsc-lv-android-holo-light .mbsc-lv-gr-title {
    border-color: #dbdbdb
}

.mbsc-lv-android-holo-light .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active {
    background: #dbdbdb
}

.mbsc-lv-android-holo-light .mbsc-lv-handle-bar-c, .mbsc-lv-android-holo-light.mbsc-lv-handle-left .mbsc-lv-handle-bar-c {
    border-color: #b3b3b3
}

.mbsc-lv-android-holo-light .mbsc-lv-handle-bar {
    background: #b3b3b3
}

.mbsc-android-holo-light.mbsc-ms-c {
    color: #000;
    background: #f5f5f5
}

.mbsc-android-holo-light.mbsc-ms-a .mbsc-ms-item-sel .mbsc-ms-item-i {
    color: #31b7e8
}

.mbsc-android-holo-light.mbsc-ms-b.mbsc-ms-top {
    border-color: #31b7e8
}

.mbsc-android-holo-light.mbsc-ms-b.mbsc-ms-bottom {
    border-color: #31b7e8
}

.mbsc-android-holo-light.mbsc-ms-b .mbsc-ms-item-sel .mbsc-ms-item-i {
    border-bottom-color: #31b7e8
}

.mbsc-android-holo-light.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item-sel .mbsc-ms-item-i {
    border-top-color: #31b7e8
}

.mbsc-android-holo-light.mbsc-ms-b .mbsc-ms-item-i-c {
    border-color: #d9d9d9
}

.mbsc-android-holo-light .mbsc-btn-a .mbsc-ms-item-i {
    background: #28799c
}

.mbsc-android-holo-light .mbsc-progress-track {
    background: #d9d4d4
}

.mbsc-android-holo-light .mbsc-progress-bar {
    background: #31b7e8
}

.mbsc-android-holo-light .mbsc-slider-step {
    background: #000
}

.mbsc-android-holo-light .mbsc-slider-handle {
    background: #31b7e8
}

    .mbsc-android-holo-light .mbsc-slider-handle.mbsc-active {
        background: #000
    }

    .mbsc-android-holo-light .mbsc-slider-handle:after {
        background: rgba(49,183,232,0.3)
    }

    .mbsc-android-holo-light .mbsc-slider-handle:focus:after, .mbsc-android-holo-light .mbsc-active .mbsc-slider-handle:after {
        border-color: #28799c
    }

.mbsc-android-holo-light .mbsc-slider-tooltip {
    color: #000;
    background: #f5f5f5
}

.mbsc-android-holo-light.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track {
    background: #4d4d4d
}

.mbsc-android-holo-light.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-handle {
    background: #000
}

.mbsc-android-holo-light.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-bar {
    background: #a8a8a8
}

.mbsc-android-holo-light.mbsc-form {
    background: #f5f5f5;
    color: #000
}

.mbsc-android-holo-light .mbsc-desc {
    color: #a1a1a1
}

.mbsc-android-holo-light .mbsc-input select, .mbsc-android-holo-light .mbsc-input textarea, .mbsc-android-holo-light .mbsc-input input {
    background: #f5f5f5;
    outline-color: #f5f5f5;
    color: #000;
    border-color: #a8a8a8
}

.mbsc-android-holo-light.mbsc-wdg .mbsc-input textarea, .mbsc-android-holo-light.mbsc-wdg .mbsc-input input, .mbsc-lv-android-holo-light .mbsc-input textarea, .mbsc-lv-android-holo-light .mbsc-input input {
    background: #f5f5f5;
    outline-color: #f5f5f5
}

.mbsc-android-holo-light .mbsc-select .mbsc-input-wrap .mbsc-select-ic {
    border-color: transparent #a8a8a8 #a8a8a8 transparent
}

.mbsc-android-holo-light .mbsc-input textarea:-webkit-autofill, .mbsc-android-holo-light .mbsc-input input:-webkit-autofill {
    box-shadow: 0 0 0 50em #f5f5f5 inset;
    -webkit-text-fill-color: #000
}

.mbsc-android-holo-light .mbsc-radio-box, .mbsc-android-holo-light .mbsc-checkbox-box {
    border-color: #4d4d4d
}

.mbsc-android-holo-light .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box:before, .mbsc-android-holo-light .mbsc-radio input.mbsc-active + .mbsc-radio-box:before {
    background: rgba(150,150,150,0.2)
}

.mbsc-android-holo-light .mbsc-btn {
    border-color: #d4d4d4;
    border-top: 0;
    background: #d4d4d4;
    color: #000
}

    .mbsc-android-holo-light .mbsc-btn.mbsc-active {
        background: #c2c2c2
    }

.mbsc-android-holo-light .mbsc-btn-flat {
    background: transparent;
    border-color: transparent;
    color: #000
}

    .mbsc-android-holo-light .mbsc-btn-flat.mbsc-active {
        background: transparent;
        border-color: transparent
    }

.mbsc-android-holo-light .mbsc-btn:not(.mbsc-btn-flat) {
    border-color: #d4d4d4;
    background: #d4d4d4;
    color: #000
}

.mbsc-android-holo-light .mbsc-btn-flat:disabled {
    color: #000
}

.mbsc-android-holo-light .mbsc-btn:disabled {
    background: #e6e6e6;
    color: #b5b5b5
}

.mbsc-android-holo-light.mbsc-form *::-moz-selection {
    background: #31b7e8
}

.mbsc-android-holo-light.mbsc-form *::selection {
    background: #31b7e8
}

.mbsc-android-holo-light .mbsc-divider {
    border-bottom: 1px solid #31b7e8;
    color: #31b7e8
}

.mbsc-android-holo-light a {
    color: #31b7e8
}

.mbsc-android-holo-light .mbsc-input select:focus + input, .mbsc-android-holo-light .mbsc-input textarea:focus, .mbsc-android-holo-light .mbsc-input input:focus {
    border-color: #31b7e8
}

.mbsc-android-holo-light .mbsc-input .mbsc-control:focus ~ .mbsc-select-ic {
    border-color: transparent #31b7e8 #31b7e8 transparent
}

.mbsc-android-holo-light .mbsc-checkbox-box:after {
    border: 3px solid #31b7e8;
    border-top: 0;
    border-right: 0
}

.mbsc-android-holo-light .mbsc-radio-box:after {
    background: #31b7e8
}

.mbsc-android-holo-light .mbsc-switch-handle {
    color: #fff;
    background: #c9c9c9
}

.mbsc-android-holo-light .mbsc-switch .mbsc-switch-track {
    background: #d9d9d9
}

.mbsc-android-holo-light .mbsc-switch input:checked:not(:disabled) + .mbsc-switch-track .mbsc-switch-handle {
    background: #31b7e8;
    background: rgba(49,183,232,0.7)
}

.mbsc-android-holo-light .mbsc-segmented-content {
    border-color: #31b7e8
}

.mbsc-android-holo-light .mbsc-segmented input:checked + .mbsc-segmented-content {
    background: #31b7e8
}

.mbsc-android-holo-light .mbsc-segmented input.mbsc-active + .mbsc-segmented-content {
    background: rgba(49,183,232,0.35)
}

.mbsc-android-holo-light .mbsc-stepper .mbsc-segmented-content {
    border-color: #d4d4d4
}

.mbsc-android-holo-light .mbsc-stepper .mbsc-stepper-val {
    background: #999;
    border-color: #999;
    color: #f5f5f5
}

.mbsc-android-holo-light .mbsc-stepper-control .mbsc-segmented-content {
    background: #d4d4d4
}

.mbsc-android-holo-light .mbsc-stepper .mbsc-active .mbsc-segmented-content {
    background: #c2c2c2;
    border-color: #c2c2c2
}

.mbsc-android-holo-light .mbsc-segmented input:disabled + .mbsc-segmented-content {
    border-color: #d4d4d4;
    color: #000
}

.mbsc-android-holo-light .mbsc-segmented input:disabled:checked + .mbsc-segmented-content, .mbsc-android-holo-light .mbsc-step-disabled .mbsc-segmented-content {
    background: #d4d4d4;
    border-color: #d4d4d4;
    color: #000
}

.mbsc-android-holo-light .mbsc-stepper input:disabled ~ .mbsc-segmented-item .mbsc-stepper-val {
    background: #f5f5f5
}

.mbsc-android-holo-light .mbsc-segmented input:disabled:checked + .mbsc-segmented-content, .mbsc-android-holo-light .mbsc-stepper input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-android-holo-light .mbsc-stepper .mbsc-step-disabled .mbsc-segmented-content {
    background: #e6e6e6;
    color: #b5b5b5
}

.mbsc-android-holo-light .mbsc-stepper input:disabled {
    color: #b5b5b5;
    -webkit-text-fill-color: #b5b5b5
}

.mbsc-android-holo-light .mbsc-stepper input {
    color: #f5f5f5
}

.mbsc-android-holo-light .mbsc-stepper-val-left input, .mbsc-android-holo-light .mbsc-stepper-val-right input {
    color: #000
}

.mbsc-mobiscroll-dark .mbsc-fr-w {
    background: #263238;
    color: #f7f7f7
}

.mbsc-mobiscroll-dark .mbsc-fr-hdr, .mbsc-mobiscroll-dark .mbsc-sc-lbl {
    color: #50ccc4
}

.mbsc-mobiscroll-dark .mbsc-sc-whl-l {
    border-color: #50ccc4
}

.mbsc-mobiscroll-dark .mbsc-fr-btn-a {
    background: rgba(80,204,196,0.3)
}

.mbsc-mobiscroll-dark .mbsc-sc-itm.mbsc-btn-a {
    background: rgba(80,204,196,0.3)
}

.mbsc-mobiscroll-dark .mbsc-fr-btn {
    color: #50ccc4
}

.mbsc-mobiscroll-dark .mbsc-sc-btn {
    color: #50ccc4;
    background: #263238
}

.mbsc-mobiscroll-dark .mbsc-sc-btn-a:before {
    background: rgba(80,204,196,0.3)
}

.mbsc-mobiscroll-dark .mbsc-fr-bubble-bottom .mbsc-fr-arr {
    border-color: transparent transparent #263238 transparent
}

.mbsc-mobiscroll-dark .mbsc-fr-bubble-top .mbsc-fr-arr {
    border-color: #263238 transparent transparent transparent
}

.mbsc-mobiscroll-dark .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
    color: #50ccc4
}

.mbsc-mobiscroll-dark .mbsc-cal .mbsc-cal-day-sel .mbsc-cal-day-i, .mbsc-mobiscroll-dark .mbsc-cal .mbsc-cal-sc-sel .mbsc-cal-sc-cell-i {
    background: #50ccc4;
    color: #263238
}

.mbsc-mobiscroll-dark .mbsc-cal-hl-now .mbsc-cal-today {
    color: #50ccc4
}

.mbsc-mobiscroll-dark .mbsc-cal-days {
    color: #50ccc4
}

    .mbsc-mobiscroll-dark .mbsc-cal-days th {
        border-color: #50ccc4
    }

.mbsc-mobiscroll-dark .mbsc-cal-btn-txt {
    color: #50ccc4
}

.mbsc-mobiscroll-dark .mbsc-cal-event-color {
    background: #50ccc4
}

.mbsc-mobiscroll-dark .mbsc-cal-events {
    color: #263238;
    background: #fff
}

.mbsc-mobiscroll-dark .mbsc-cal-events-arr {
    border-color: #fff transparent transparent transparent
}

.mbsc-mobiscroll-dark .mbsc-cal-events-b .mbsc-cal-events-arr {
    border-color: transparent transparent #fff transparent
}

.mbsc-mobiscroll-dark .mbsc-cal-event-time {
    color: #8db3b0
}

.mbsc-mobiscroll-dark .mbsc-cal-event-dur {
    color: #8db3b0
}

.mbsc-mobiscroll-dark .mbsc-cal-day-hl .mbsc-cal-day-i {
    border-color: #50ccc4
}

.mbsc-mobiscroll-dark .mbsc-cal-week-nrs-c {
    color: #50ccc4;
    background: #263238
}

.mbsc-mobiscroll-dark .mbsc-cal-day-m-c {
    background: #f7f7f7
}

.mbsc-mobiscroll-dark .mbsc-cal-day-sel .mbsc-cal-day-m-c {
    background: #263238
}

.mbsc-mobiscroll-dark .mbsc-cal-day-txt {
    color: #263238;
    background: #f7f7f7
}

.mbsc-mobiscroll-dark .mbsc-cal-day-txt {
    color: #263238;
    background: #f7f7f7
}

.mbsc-mobiscroll-dark .mbsc-cal-tab {
    border-color: #50ccc4
}

    .mbsc-mobiscroll-dark .mbsc-cal-tab .mbsc-cal-tab-i {
        color: #f7f7f7
    }

.mbsc-mobiscroll-dark .mbsc-cal-tabs .mbsc-cal-tab-sel {
    background: #50ccc4
}

    .mbsc-mobiscroll-dark .mbsc-cal-tabs .mbsc-cal-tab-sel .mbsc-cal-tab-i {
        color: #263238
    }

.mbsc-mobiscroll-dark .mbsc-cal-sc-c {
    background: #263238
}

.mbsc-mobiscroll-dark .mbsc-range-btn {
    border-color: #50ccc4
}

.mbsc-mobiscroll-dark .mbsc-range-btn-sel .mbsc-range-btn {
    background: #50ccc4;
    color: #263238
}

.mbsc-mobiscroll-dark.mbsc-range .mbsc-cal-table .mbsc-cal-day-sel .mbsc-cal-day-i {
    color: #f7f7f7;
    background: rgba(80,204,196,0.3)
}

.mbsc-mobiscroll-dark.mbsc-range .mbsc-cal-table .mbsc-cal-day-hl .mbsc-cal-day-i {
    background: #50ccc4;
    color: #263238
}

.mbsc-mobiscroll-dark .mbsc-rating-icon {
    color: #50ccc4
}

.mbsc-mobiscroll-dark .mbsc-rating-icon-unf {
    color: rgba(80,204,196,0.3)
}

.mbsc-mobiscroll-dark .mbsc-rating-circle {
    background: #50ccc4;
    color: #263238
}

.mbsc-mobiscroll-dark .mbsc-rating-circle-unf {
    background: 0;
    border-color: #50ccc4
}

.mbsc-mobiscroll-dark .mbsc-np-del {
    color: #50ccc4
}

.mbsc-mobiscroll-dark .mbsc-color {
    border-color: #263238
}

.mbsc-lv-mobiscroll-dark .mbsc-lv-item {
    background: #263238;
    color: #f7f7f7
}

.mbsc-lv-mobiscroll-dark .mbsc-lv-gr-title {
    background: #50ccc4;
    color: #263238
}

.mbsc-lv-mobiscroll-dark .mbsc-lv-arr {
    color: #50ccc4
}

.mbsc-lv-mobiscroll-dark .mbsc-lv-handle-bar {
    background: #50ccc4
}

.mbsc-lv-mobiscroll-dark .mbsc-lv-item-active::after {
    background: rgba(80,204,196,0.3)
}

.mbsc-lv-mobiscroll-dark.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
    background: #1d272b
}

.mbsc-lv-mobiscroll-dark .mbsc-lv-item.mbsc-lv-item-dragging {
    background: #50ccc4;
    color: #263238
}

.mbsc-lv-mobiscroll-dark .mbsc-lv-item-dragging .mbsc-lv-handle-bar {
    background: #263238
}

.mbsc-lv-mobiscroll-dark .mbsc-lv-item-dragging .mbsc-lv-arr {
    color: #263238
}

.mbsc-mobiscroll-dark.mbsc-ms-c {
    color: #f7f7f7;
    background: #263238
}

.mbsc-mobiscroll-dark .mbsc-btn-a .mbsc-ms-item-i {
    background: rgba(80,204,196,0.3)
}

.mbsc-mobiscroll-dark.mbsc-ms-a .mbsc-ms-item-sel .mbsc-ms-item-i {
    color: #50ccc4
}

.mbsc-mobiscroll-dark.mbsc-ms-b.mbsc-ms-top {
    border-color: #50ccc4
}

.mbsc-mobiscroll-dark.mbsc-ms-b.mbsc-ms-bottom {
    border-color: #50ccc4
}

.mbsc-mobiscroll-dark.mbsc-ms-b .mbsc-ms-item-sel .mbsc-ms-item-i {
    border-bottom-color: #50ccc4
}

.mbsc-mobiscroll-dark.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item-sel .mbsc-ms-item-i {
    border-top-color: #50ccc4
}

.mbsc-mobiscroll-dark.mbsc-progress .mbsc-input-ic {
    color: #fff
}

.mbsc-mobiscroll-dark .mbsc-progress-track {
    background: #2b3940
}

.mbsc-mobiscroll-dark .mbsc-progress-bar {
    background: #50ccc4
}

.mbsc-mobiscroll-dark .mbsc-slider-step {
    background: #263238
}

.mbsc-mobiscroll-dark .mbsc-slider-handle {
    background: #50ccc4
}

.mbsc-mobiscroll-dark .mbsc-slider-tooltip {
    color: #263238;
    background: #50ccc4
}

.mbsc-mobiscroll-dark.mbsc-form {
    background: #263238;
    color: #f7f7f7
}

    .mbsc-mobiscroll-dark.mbsc-form *::-moz-selection {
        background: #50ccc4
    }

    .mbsc-mobiscroll-dark.mbsc-form *::selection {
        background: #50ccc4
    }

.mbsc-mobiscroll-dark .mbsc-desc {
    color: #fff
}

.mbsc-mobiscroll-dark .mbsc-divider {
    color: #50ccc4
}

.mbsc-mobiscroll-dark a {
    color: #50ccc4
}

.mbsc-mobiscroll-dark .mbsc-input textarea, .mbsc-mobiscroll-dark .mbsc-input input {
    border-bottom: 1px solid #fff;
    color: #d1d1d1
}

    .mbsc-mobiscroll-dark .mbsc-input select:focus ~ input, .mbsc-mobiscroll-dark .mbsc-input textarea:focus, .mbsc-mobiscroll-dark .mbsc-input input:focus {
        border-color: #50ccc4
    }

.mbsc-mobiscroll-dark .mbsc-input-ic {
    color: #fff
}

.mbsc-mobiscroll-dark .mbsc-checkbox-box {
    background: #50ccc4
}

    .mbsc-mobiscroll-dark .mbsc-checkbox-box:after {
        border: .125em solid #263238;
        border-top: 0;
        border-right: 0
    }

.mbsc-mobiscroll-dark .mbsc-checkbox input:disabled + .mbsc-checkbox-box {
    background: #101517
}

.mbsc-mobiscroll-dark .mbsc-radio-box {
    border: .125em solid #50ccc4
}

    .mbsc-mobiscroll-dark .mbsc-radio-box:after {
        background: #50ccc4
    }

.mbsc-mobiscroll-dark .mbsc-radio input:checked + .mbsc-radio-box {
    background: transparent
}

.mbsc-mobiscroll-dark .mbsc-radio input:disabled + .mbsc-radio-box {
    border-color: #101517
}

    .mbsc-mobiscroll-dark .mbsc-radio input:disabled + .mbsc-radio-box:after {
        background: #101517
    }

.mbsc-mobiscroll-dark .mbsc-btn {
    background: #50ccc4;
    color: #263238
}

    .mbsc-mobiscroll-dark .mbsc-btn:disabled {
        background: #2b3940
    }

.mbsc-mobiscroll-dark .mbsc-btn-flat.mbsc-active {
    background: rgba(80,204,196,0.3)
}

.mbsc-mobiscroll-dark .mbsc-btn-flat {
    background: transparent;
    color: #50ccc4;
    border-color: transparent
}

    .mbsc-mobiscroll-dark .mbsc-btn-flat:disabled {
        background: transparent;
        color: #232e33
    }

.mbsc-mobiscroll-dark .mbsc-switch-track {
    background: #2b3940
}

.mbsc-mobiscroll-dark .mbsc-switch-handle {
    background: #232e33
}

.mbsc-mobiscroll-dark .mbsc-switch input:checked + .mbsc-switch-track {
    background: #b5e6e2
}

    .mbsc-mobiscroll-dark .mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle {
        background: #50ccc4
    }

.mbsc-mobiscroll-dark .mbsc-switch input:disabled + .mbsc-switch-track {
    background: #101517
}

    .mbsc-mobiscroll-dark .mbsc-switch input:disabled + .mbsc-switch-track .mbsc-switch-handle {
        background: #182024
    }

.mbsc-mobiscroll-dark .mbsc-segmented-content {
    border-color: #50ccc4;
    color: #50ccc4
}

.mbsc-mobiscroll-dark .mbsc-stepper input {
    color: #f7f7f7
}

.mbsc-mobiscroll-dark .mbsc-stepper .mbsc-active .mbsc-segmented-content, .mbsc-mobiscroll-dark .mbsc-segmented input:checked + .mbsc-segmented-content {
    background: #50ccc4;
    color: #263238
}

.mbsc-mobiscroll-dark .mbsc-segmented input.mbsc-active + .mbsc-segmented-content {
    background: rgba(80,204,196,0.25);
    color: #263238
}

.mbsc-mobiscroll-dark .mbsc-stepper-cont {
    padding: 1.75em 12.875em 1.75em 1em
}

.mbsc-mobiscroll-dark .mbsc-stepper {
    margin-top: -1.25em
}

.mbsc-mobiscroll-dark .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-mobiscroll-dark .mbsc-step-disabled .mbsc-segmented-content, .mbsc-mobiscroll-dark .mbsc-segmented input:disabled + .mbsc-segmented-content {
    color: #101517;
    border-color: #101517
}

.mbsc-mobiscroll-dark .mbsc-stepper input:disabled {
    color: #101517;
    -webkit-text-fill-color: #101517
}

.mbsc-mobiscroll-dark .mbsc-segmented input:disabled:checked + .mbsc-segmented-content {
    background: #2b3940;
    border-color: #2b3940;
    color: #263238
}

.mbsc-mobiscroll-dark .mbsc-stepper .mbsc-active.mbsc-step-disabled .mbsc-segmented-content {
    color: #101517
}

.mbsc-wp-light .mbsc-fr-w, .mbsc-wp-light .mbsc-range-btn, .mbsc-wp-light .mbsc-fr-btn, .mbsc-wp-light .mbsc-cal-tabs .mbsc-cal-tab-i, .mbsc-wp-light .mbsc-cal-sc-cell-i .mbsc-cal-sc-cell {
    color: #000
}

.mbsc-wp-light .mbsc-fr-w {
    background: #dedede
}

.mbsc-wp-light .mbsc-sc-itm {
    color: #000
}

    .mbsc-wp-light .mbsc-sc-itm:after {
        border-color: #000
    }

.mbsc-wp-light .mbsc-sc-whl .mbsc-sc-itm-sel {
    color: white
}

.mbsc-wp-light .mbsc-cal-day-sel .mbsc-cal-day-i, .mbsc-wp-light .mbsc-cal-sc-sel .mbsc-cal-sc-cell-i .mbsc-cal-sc-cell, .mbsc-wp-light .mbsc-cal-tabs .mbsc-cal-tab-sel .mbsc-cal-tab-i, .mbsc-wp-light .mbsc-range-btn-sel .mbsc-range-btn {
    color: white;
    background: #1ba0e3;
    border-color: #1ba0e3
}

.mbsc-wp-light .mbsc-sc-btn {
    background: #dedede
}

    .mbsc-wp-light .mbsc-sc-btn:before {
        color: #000;
        border-color: #000
    }

.mbsc-wp-light .mbsc-sc-itm-sel:after, .mbsc-wp-light .mbsc-sc-itm.mbsc-btn-a:after, .mbsc-wp-light .mbsc-sc-btn-a:before {
    background: #1ba0e3;
    border-color: #1ba0e3
}

.mbsc-wp-light .mbsc-sc-whl-w:not(.mbsc-sc-whl-multi) .mbsc-sc-whl-anim .mbsc-sc-itm-sel {
    color: #000
}

    .mbsc-wp-light .mbsc-sc-whl-w:not(.mbsc-sc-whl-multi) .mbsc-sc-whl-anim .mbsc-sc-itm-sel:after, .mbsc-wp-light .mbsc-sc-whl-w:not(.mbsc-sc-whl-multi) .mbsc-sc-whl-wpa .mbsc-sc-itm.mbsc-btn-a:after {
        background: 0;
        border-color: #000
    }

.mbsc-wp-light .mbsc-fr-bubble-bottom .mbsc-fr-arr {
    border-color: transparent transparent #dedede transparent
}

.mbsc-wp-light .mbsc-fr-bubble-top .mbsc-fr-arr {
    border-color: #dedede transparent transparent transparent
}

.mbsc-wp-light .mbsc-sc-whl-multi .mbsc-sc-itm:after {
    border-color: #000
}

.mbsc-wp-light .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before, .mbsc-wp-light .mbsc-sc-whl-multi .mbsc-sc-itm-sel {
    color: #000
}

.mbsc-wp-light .mbsc-cal-sc-m-cell {
    background: #dedede
}

.mbsc-wp-light .mbsc-cal-event {
    background: #a6a6a6;
    color: black
}

.mbsc-wp-light .mbsc-cal-events {
    background: #000;
    background: rgba(0,0,0,0.8)
}

.mbsc-wp-light .mbsc-cal-events-arr {
    border-color: rgba(0,0,0,0.8) transparent transparent
}

.mbsc-wp-light .mbsc-cal-events-b .mbsc-cal-events-arr {
    border-color: transparent transparent rgba(0,0,0,0.8)
}

.mbsc-wp-light .mbsc-cal-day-m-c {
    background: #000
}

.mbsc-wp-light .mbsc-cal-day-fg, .mbsc-wp-light .mbsc-cal-sc-cell-i .mbsc-cal-sc-cell, .mbsc-wp-light .mbsc-cal-tabs .mbsc-cal-tab-i {
    border-color: #a6a6a6
}

.mbsc-wp-light .mbsc-cal-day-inv .mbsc-cal-day-fg {
    color: rgba(0,0,0,0.3)
}

.mbsc-wp-light .mbsc-cal-day-sel .mbsc-cal-day-fg {
    border-color: #1ba0e3
}

.mbsc-wp-light .mbsc-cal-day-hl .mbsc-cal-day-fg {
    background: #000;
    border-color: #000;
    color: #dedede
}

.mbsc-wp-light .mbsc-cal-hl-now .mbsc-cal-today {
    color: #1ba0e3
}

.mbsc-wp-light .mbsc-fr-btn:before, .mbsc-wp-light .mbsc-cal-btn-txt:before {
    color: #000;
    border-color: #000
}

.mbsc-wp-light .mbsc-fr-btn-a:before, .mbsc-wp-light .mbsc-fr-btn-a .mbsc-cal-btn-txt:before {
    background: #1ba0e3;
    border-color: #1ba0e3;
    color: white
}

.mbsc-wp-light .mbsc-cal-week-nrs-c {
    background: #dedede
}

.mbsc-wp-light .mbsc-rating-icon {
    color: inherit
}

.mbsc-wp-light .mbsc-rating-circle {
    background: #000;
    color: #dedede
}

.mbsc-wp-light .mbsc-rating-circle-unf {
    background: #646464
}

.mbsc-wp-light.mbsc-ts .mbsc-sc-lbl, .mbsc-wp-light.mbsc-timer .mbsc-sc-lbl {
    color: white
}

.mbsc-wp-light .mbsc-np-btn {
    background: #ccc;
    border: 2px solid #dedede
}

    .mbsc-wp-light .mbsc-np-btn.mbsc-fr-btn-a {
        background: #1ba0e3;
        color: white
    }

    .mbsc-wp-light .mbsc-np-btn.mbsc-fr-btn-d {
        color: #000;
        opacity: .5
    }

.mbsc-wp-light .mbsc-np-del.mbsc-fr-btn-a:before {
    color: #000
}

.mbsc-wp-light .mbsc-np-btn-empty {
    background: 0
}

.mbsc-lv-wp-light .mbsc-lv-item, .mbsc-lv-wp-light .mbsc-lv-gr-title {
    background: #dedede;
    color: #000
}

.mbsc-lv-wp-light.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
    background: #f0f0f0
}

.mbsc-wp-light.mbsc-ms-c {
    background: #dedede;
    color: #000
}

.mbsc-wp-light .mbsc-ms-item {
    color: #a6a6a6
}

.mbsc-wp-light .mbsc-ms-ic:before {
    border-color: #000
}

.mbsc-wp-light .mbsc-ms-item-sel .mbsc-ms-ic:before, .mbsc-wp-light .mbsc-btn-a .mbsc-ms-ic:before {
    background: #000;
    color: #dedede
}

.mbsc-wp-light.mbsc-ms-icons .mbsc-ms-item {
    color: #000
}

.mbsc-wp-light .mbsc-ms-item-sel {
    color: #000
}

.mbsc-wp-light.mbsc-progress .mbsc-label {
    color: #000
}

.mbsc-wp-light.mbsc-progress .mbsc-input-ic {
    color: #000
}

.mbsc-wp-light .mbsc-progress-track {
    background: #dedede
}

.mbsc-wp-light .mbsc-progress-bar {
    background: #1ba0e3
}

.mbsc-wp-light .mbsc-slider-handle {
    background: #000
}

.mbsc-wp-light .mbsc-slider-tooltip {
    background: #000;
    color: #a6a6a6;
    border-color: #a6a6a6
}

.mbsc-wp-light .mbsc-slider-step {
    background: #fff
}

.mbsc-wp-light.mbsc-form {
    background-color: #fff;
    color: #000
}

.mbsc-wp-light .mbsc-input .mbsc-label {
    color: #000
}

.mbsc-wp-light .mbsc-desc {
    color: #5e5e5e
}

.mbsc-wp-light .mbsc-input-ic {
    color: #000
}

.mbsc-wp-light .mbsc-input select {
    background: #fff;
    color: #000
}

.mbsc-wp-light .mbsc-select input {
    border-color: #000;
    color: #000
}

.mbsc-wp-light .mbsc-input select.mbsc-active + input {
    border-color: #000
}

.mbsc-wp-light .mbsc-select .mbsc-input-wrap .mbsc-ic {
    color: #000
}

.mbsc-wp-light .mbsc-input select:disabled ~ input, .mbsc-wp-light .mbsc-input textarea:disabled, .mbsc-wp-light .mbsc-input input:disabled {
    background-color: transparent;
    color: #4f4f4f;
    border-color: #4f4f4f
}

.mbsc-wp-light .mbsc-checkbox-box {
    border-color: #000
}

    .mbsc-wp-light .mbsc-checkbox-box:after {
        border-color: #000
    }

.mbsc-wp-light .mbsc-radio-box {
    border-color: #000
}

    .mbsc-wp-light .mbsc-radio-box:after {
        background-color: #000
    }

.mbsc-wp-light .mbsc-btn {
    color: #000;
    border-color: #000
}

    .mbsc-wp-light .mbsc-btn .mbsc-btn-ic {
        color: #000
    }

.mbsc-wp-light .mbsc-btn-flat, .mbsc-wp-light .mbsc-btn-flat.mbsc-active {
    color: #000
}

    .mbsc-wp-light .mbsc-btn-flat.mbsc-active .mbsc-btn-ic, .mbsc-wp-light .mbsc-btn-flat .mbsc-btn-ic {
        border-color: #000
    }

.mbsc-wp-light .mbsc-switch input:checked + .mbsc-switch-track, .mbsc-wp-light .mbsc-radio input.mbsc-active + .mbsc-radio-box:after, .mbsc-wp-light .mbsc-radio input.mbsc-active + .mbsc-radio-box, .mbsc-wp-light .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box {
    background: #1ba0e3
}

.mbsc-wp-light.mbsc-form *::-moz-selection {
    color: #fff;
    background: #1ba0e3
}

.mbsc-wp-light.mbsc-form *::selection {
    color: #000;
    background: #1ba0e3
}

.mbsc-wp-light .mbsc-input input:focus, .mbsc-wp-light .mbsc-input select:focus + input, .mbsc-wp-light .mbsc-input textarea:focus {
    border-color: #1ba0e3;
    color: #000
}

.mbsc-wp-light .mbsc-input select:focus + input {
    background: #fff;
    color: #000
}

.mbsc-wp-light .mbsc-input select.mbsc-active + input {
    background: #1ba0e3;
    border-color: #1ba0e3;
    color: white
}

.mbsc-wp-light .mbsc-select select:focus ~ .mbsc-ic {
    color: #000
}

.mbsc-wp-light .mbsc-select select.mbsc-active ~ .mbsc-ic {
    color: white
}

.mbsc-wp-light .mbsc-btn-flat.mbsc-active .mbsc-btn-ic {
    border-color: #1ba0e3
}

.mbsc-wp-light .mbsc-btn.mbsc-active .mbsc-btn-ic {
    background: #1ba0e3
}

.mbsc-wp-light .mbsc-btn.mbsc-active:not(.mbsc-btn-flat) {
    background: #1ba0e3
}

.mbsc-wp-light a {
    color: #1ba0e3
}

.mbsc-wp-light .mbsc-switch-track {
    -webkit-box-shadow: inset 0 0 0 2px #fff,0px 0 0 2px #000;
    box-shadow: inset 0 0 0 2px #fff,0px 0 0 2px #000
}

.mbsc-wp-light .mbsc-switch-handle {
    background: #000;
    border-color: #fff
}

.mbsc-wp-light .mbsc-switch input:disabled + .mbsc-switch-track {
    background: transparent
}

.mbsc-wp-light .mbsc-switch input:checked:disabled + .mbsc-switch-track {
    background: #000
}

.mbsc-wp-light .mbsc-segmented-content {
    border-color: #000;
    color: #000
}

.mbsc-wp-light .mbsc-segmented input:checked + .mbsc-segmented-content {
    background: #000;
    color: #fff
}

.mbsc-wp-light .mbsc-segmented input.mbsc-active + .mbsc-segmented-content {
    background: #1ba0e3
}

.mbsc-wp-light .mbsc-stepper .mbsc-active .mbsc-segmented-content {
    background: #1ba0e3
}

.mbsc-wp-light .mbsc-stepper input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-wp-light .mbsc-step-disabled .mbsc-segmented-content, .mbsc-wp-light .mbsc-segmented input:disabled + .mbsc-segmented-content {
    color: #b3b3b3;
    border-color: #b3b3b3
}

.mbsc-wp-light .mbsc-stepper input:disabled {
    color: #b3b3b3;
    -webkit-text-fill-color: #b3b3b3
}

.mbsc-wp-light .mbsc-segmented input:disabled:checked + .mbsc-segmented-content {
    color: #fff;
    background: #b3b3b3
}

.mbsc-wp-light .mbsc-stepper input {
    color: #000
}

.popover-title {
    font-size: 16px;
    font-weight: 600;
    padding-top: 5px;
}

.popover.bottom > .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #00C7BA;
}

.btn-primary {
    color: #fff;
    background-color: #00C7BA;
    border-color: #00C7BA;
    border-radius: 4px;
    font-size: 16px; 
}
    .btn-primary:hover {
        color: #fff;
        background-color: #00C7BA;
        border-color: #00C7BA;
    }

.mbsc-fr-btn1.mbsc-fr-btn-e.mbsc-fr-btn.btn.btn-default {
    color: #999999;
}