@charset "UTF-8";
/* 741442c9-312b-4be9-89a7-bb87facf28b6 */
@font-face {
    font-family: 'icons_mobiscroll';
    src: url('icons_mobiscroll.eot?9rzexi');
    src: url('icons_mobiscroll.eot?#iefix9rzexi') format("embedded-opentype"), url('icons_mobiscroll.ttf?9rzexi') format("truetype"), url('icons_mobiscroll.woff?9rzexi') format("woff"), url('icons_mobiscroll.woff') format("woff"), url('icons_mobiscroll.svg?9rzexi#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-flag:before {
    content: "\f12f";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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);
    progress {
        display: none;
    }
    .mbsc-input-wrap {
        position: relative;
        display: block;
    }
    .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-label {
            font-size: .75em;
        }
        .mbsc-input-ic {
            top: .0625em;
            margin: 0;
            color: #787878;
        }
        &.mbsc-ic-left {
            padding-left: 3.25em;
        }
        &.mbsc-ic-right {
            padding-right: 3.25em;
        }
        &.mbsc-ic-left .mbsc-left-ic {
            right: auto;
            left: -2.625em;
        }
        &.mbsc-ic-right .mbsc-right-ic {
            left: auto;
            right: -2.625em;
        }
    }
    .mbsc-progress-cont {
        padding: 1em 0;
    }
    .mbsc-progress-track {
        background: #dedede;
        border-radius: 1em;
        height: .125em;
    }
    .mbsc-progress-bar {
        background: #2196f3;
    }
    .mbsc-progress-value {
        width: 3.75em;
        font-size: .875em;
    }
    &.mbsc-progress {
        &.mbsc-progress-value-left .mbsc-input-wrap {
            padding-left: 3.5em;
        }
        &.mbsc-progress-value-right .mbsc-input-wrap {
            padding-right: 3.5em;
        }
    }
}

.mbsc-android-holo {
    &.mbsc-progress {
        padding: .75em;
        .mbsc-input-ic {
            top: .25em;
        }
        &.mbsc-ic-right {
            padding-right: 3.25em;
        }
        &.mbsc-ic-left {
            padding-left: 3.25em;
        }
        &.mbsc-ic-right .mbsc-right-ic {
            left: auto;
            right: -2.375em;
        }
        &.mbsc-ic-left .mbsc-left-ic {
            right: auto;
            left: -2.375em;
        }
        .mbsc-input-wrap {
            padding: 0;
        }
        .mbsc-label {
            padding: 0;
            font-size: .75em;
        }
    }
    .mbsc-progress-cont {
        padding: 1em 0;
    }
    .mbsc-progress-track {
        background: #818181;
        height: .125em;
    }
    .mbsc-progress-bar {
        background: #31c6e7;
    }
    .mbsc-progress-value {
        font-size: .75em;
        width: 4em;
    }
    &.mbsc-progress {
        &.mbsc-progress-value-left .mbsc-input-wrap {
            padding-left: 3.25em;
        }
        &.mbsc-progress-value-right .mbsc-input-wrap {
            padding-right: 3.25em;
        }
    }
    .mbsc-progress-step-label {
        top: 1.5em;
    }
}

.mbsc-wp {
    &.mbsc-progress {
        padding: .75em 1em;
        .mbsc-label {
            padding-bottom: .3125em;
            color: #878787;
            font-size: 1em;
        }
        .mbsc-input-wrap {
            padding: 0;
        }
        .mbsc-input-ic {
            color: #fff;
            top: -.1875em;
        }
        &.mbsc-ic-right {
            padding-right: 3.25em;
        }
        &.mbsc-ic-left {
            padding-left: 3.25em;
        }
        &.mbsc-ic-right .mbsc-right-ic {
            left: auto;
            right: -2.375em;
        }
        &.mbsc-ic-left .mbsc-left-ic {
            right: auto;
            left: -2.375em;
        }
        &.mbsc-progress-value-left .mbsc-input-wrap {
            padding-left: 3.5em;
        }
        &.mbsc-progress-value-right .mbsc-input-wrap {
            padding-right: 3.5em;
        }
    }
    .mbsc-progress-cont {
        padding: .75em 0;
    }
    .mbsc-progress-track {
        background: #1f1f1f;
        height: .125em;
    }
    .mbsc-progress-bar {
        background: #1a9fe0;
    }
    .mbsc-progress-value {
        margin-top: -.4375em;
        width: 3.5em;
    }
    .mbsc-progress-step-label {
        top: 1.5em;
    }
}

.mbsc-material {
    &.mbsc-progress {
        padding: .75em 1em;
        .mbsc-input-wrap {
            padding: 0;
        }
        .mbsc-input-ic {
            top: .3125em;
            margin: 0;
        }
        &.mbsc-ic-left {
            padding-left: 3.25em;
        }
        &.mbsc-ic-right {
            padding-right: 3.25em;
        }
        &.mbsc-ic-left .mbsc-left-ic {
            right: auto;
            left: -2.625em;
        }
        &.mbsc-ic-right .mbsc-right-ic {
            left: auto;
            right: -2.625em;
        }
        .mbsc-label {
            font-size: .75em;
        }
    }
    .mbsc-progress-cont {
        padding: 1.25em 0;
    }
    .mbsc-progress-track {
        background: #b2b2b2;
        height: .125em;
    }
    .mbsc-progress-bar {
        background: #009688;
    }
    .mbsc-progress-value {
        font-size: .75em;
        width: 4em;
    }
    .mbsc-progress {
        &.mbsc-progress-value-left .mbsc-input-wrap {
            padding-left: 3.25em;
        }
        &.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-progress-w .mbsc-label {
            padding: 0;
        }
        .mbsc-input-ic {
            top: .0625em;
            margin: 0;
        }
        &.mbsc-ic-left .mbsc-left-ic {
            right: auto;
            left: -.375em;
        }
        &.mbsc-ic-right .mbsc-right-ic {
            left: auto;
            right: -.375em;
        }
        .mbsc-input-wrap {
            position: relative;
            padding: 0 .75em;
        }
        &.mbsc-progress-w {
            &.mbsc-ic-left .mbsc-input-wrap {
                padding-left: 2.5em;
            }
            &.mbsc-ic-right .mbsc-input-wrap {
                padding-right: 2.5em;
            }
        }
        &.mbsc-progress-value-left .mbsc-input-wrap {
            padding-left: 3.5em;
        }
        &.mbsc-progress-value-right .mbsc-input-wrap {
            padding-right: 3.5em;
        }
        &.mbsc-ic-left.mbsc-progress-value-left .mbsc-input-wrap, &.mbsc-ic-right.mbsc-progress-value-right .mbsc-input-wrap {
            padding-left: 5.5em;
        }
        &.mbsc-ic-left.mbsc-progress-value-left .mbsc-progress-value {
            left: 2.2857em;
        }
        &.mbsc-ic-right.mbsc-progress-value-right .mbsc-progress-value {
            right: 2.2857em;
        }
    }
    .mbsc-progress-cont {
        padding: 1em 0;
    }
    .mbsc-progress-track {
        background: #dedede;
        border-radius: 1em;
        height: .125em;
    }
    .mbsc-progress-bar {
        background: #1272dc;
        z-index: 1;
    }
    .mbsc-progress-value {
        width: 3.715em;
        font-size: .875em;
        color: #b6b6b6;
    }
    .mbsc-progress-step-label {
        top: 1.25em;
        color: #b6b6b6;
    }
}

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

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


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


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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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


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


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


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


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


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


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

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


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

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


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

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


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

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


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


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


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


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


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


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


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

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


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

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


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

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


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

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

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

.mbsc-lv-rtl {
    direction: rtl;
}

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

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

.mbsc-lv-v {
    display: block;
}

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

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

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

.mbsc-lv .mbsc-lv-item {
    position: relative;
    z-index: 1;
    list-style: none;
    &.mbsc-lv-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 0.625em rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0.625em rgba(0, 0, 0, 0.5);
}

.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;
}

.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-handle-right .mbsc-lv-item {
        padding-right: 40px;
    }
}

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

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

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

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

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

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

.mbsc-ic-none {
    border: 0;
    &: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-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-v {
        opacity: 1;
        -webkit-animation: none;
        -webkit-transform: rotate(0);
        -moz-animation: none;
        -moz-transform: rotate(0);
        animation: none;
        transform: rotate(0);
    }
}

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

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

.mbsc-lv-no3d .mbsc-lv-ic-move-left {
    left: auto;
    right: 100%;
    transform: none;
}

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

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

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

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

.mbsc-lv-no3d .mbsc-lv-ic-move-right {
    right: auto;
    left: 100%;
    transform: none;
}

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

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

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

.mbsc-lv-multi {
    position: absolute;
    left: 0;
    top: 50%;
    width: 90%;
    table-layout: fixed;
    margin-top: -1.0625em;
    line-height: 2.125em;
    display: none;
}

.mbsc-lv-multi-ic-right {
    margin-left: 10%;
}

.mbsc-lv-multi-ic-left {
    margin-right: 10%;
}

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

.mbsc-lv-ic-m {
    display: table-cell;
    margin: 0 1em;
    cursor: pointer;
}

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

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

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

.mbsc-lv-sl-l {
    -webkit-animation: mbsc-lv-remove-right 300ms;
    -moz-animation: mbsc-lv-remove-right 300ms;
    animation: mbsc-lv-remove-right 300ms;
    .mbsc-lv-sl-curr {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
}

.mbsc-lv-sl-r {
    .mbsc-lv-sl-curr {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    .mbsc-lv-sl-new {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        transform: translateX(100%);
    }
}

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

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

.mbsc-lv .mbsc-lv-item {
    &.mbsc-lv-parent {
        padding-right: 2.25em;
    }
    &.mbsc-lv-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;
    }
    h1.mbsc-lv-txt {
        font-size: 2em;
    }
    h2.mbsc-lv-txt {
        font-size: 1.5em;
    }
    h3.mbsc-lv-txt {
        font-size: 1.125em;
    }
    h4.mbsc-lv-txt {
        font-size: 1em;
    }
    h5.mbsc-lv-txt {
        font-size: .875em;
    }
    h6.mbsc-lv-txt {
        font-size: .625em;
    }
    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-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-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-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-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-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-item-ic-right .mbsc-lv-item-ic {
        right: 2.3em;
    }
}

.mbsc-lv-mobiscroll {
    font-family: arial,verdana,sans-serif;
    padding-top: 1px;
    .mbsc-lv {
        background: #b1b1b1;
    }
    .mbsc-lv-item {
        margin-top: -1px;
        padding: 1.25em;
        background: #f7f7f7;
        color: #454545;
        font-weight: normal;
    }
    &.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
        background: #eee;
    }
    .mbsc-lv-item-hl:after, .mbsc-lv-item-active::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: block;
        background: rgba(78, 204, 196, 0.3);
    }
    .mbsc-lv-stage-c {
        margin-top: -1px;
    }
    .mbsc-lv-gr-title {
        padding: 0 1.25em;
        font-size: .75em;
        text-transform: uppercase;
        line-height: 2em;
        background: #2196f3;
        margin-top: -1px;
        color: #f7f7f7;
    }
    .mbsc-lv-ic-m {
        color: #fff;
    }
    .mbsc-lv-arr {
        color: #2196f3;
    }
    .mbsc-lv-handle-bar {
        background: #2196f3;
    }
    .mbsc-lv-item.mbsc-lv-item-dragging {
        margin: 0;
        background: #2196f3;
        color: #f7f7f7;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .mbsc-lv-item-dragging {
        .mbsc-lv-handle-bar {
            background: #f7f7f7;
        }
        .mbsc-lv-arr {
            color: #f7f7f7;
        }
    }
}

.mbsc-lv-android-holo {
    font-family: arial,verdana,sans-serif;
    .mbsc-lv {
        background: #484848;
    }
    .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-alt-row .mbsc-lv-item:nth-child(even) {
        background: #383838;
    }
    .mbsc-lv-item-hl, .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active {
        background: #484848;
    }
    .mbsc-lv-stage-c {
        margin-top: -1px;
    }
    .mbsc-lv-fill-item {
        background: rgba(255, 255, 255, 0.5);
    }
    .mbsc-lv-handle-bar-c {
        margin-top: -9px;
        border-left: 1px solid #888;
    }
    .mbsc-lv-handle-bar {
        margin: 3px 10px;
        background: #888;
    }
    &.mbsc-lv-handle-right .mbsc-lv-item {
        padding-right: 50px;
    }
    &.mbsc-lv-handle-left {
        .mbsc-lv-item {
            padding-left: 50px;
        }
        .mbsc-lv-handle-bar-c {
            border-left: 0;
            border-right: 1px solid #888;
        }
    }
    .mbsc-lv-gr-title {
        background: #292829;
        line-height: 2em;
        color: #bbb;
        font-size: .8em;
        font-weight: bold;
        padding: 1em 1.625em 0 1.625em;
        margin-top: -0.077em;
        border-bottom: 2px solid #484848;
        text-transform: uppercase;
    }
    .mbsc-lv-ic-m {
        color: #fff;
    }
    .mbsc-lv .mbsc-lv-item.mbsc-lv-item-dragging {
        margin: 0;
        background: #31b6e7;
        background: rgba(49, 182, 231, 0.5);
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .mbsc-lv-gr-title .mbsc-lv-img {
        height: 2.4em;
        margin-top: -.1em;
    }
    &.mbsc-lv-handle-right .mbsc-lv-img-right .mbsc-lv-img {
        right: 3.2em;
    }
    &.mbsc-lv-handle-left .mbsc-lv-img-left .mbsc-lv-img {
        left: 3.2em;
    }
    &.mbsc-lv-handle-right .mbsc-lv-item-ic-right .mbsc-lv-item-ic {
        right: 2.8em;
    }
    &.mbsc-lv-handle-left {
        .mbsc-lv-item-ic-left .mbsc-lv-item-ic {
            left: 2.8em;
        }
        .mbsc-lv-img-left {
            padding-left: 6.8em;
        }
    }
    &.mbsc-lv-handle-right .mbsc-lv-img-right {
        padding-right: 6.8em;
    }
    &.mbsc-lv-handle-left .mbsc-lv-item-ic-left {
        padding-left: 5em;
    }
    &.mbsc-lv-handle-right .mbsc-lv-item-ic-right {
        padding-right: 5em;
    }
}

.mbsc-lv-wp {
    .mbsc-lv {
        background: #b1b1b1;
    }
    .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-fill-item {
        background: rgba(255, 255, 255, 0.5);
    }
    .mbsc-lv .mbsc-lv-item.mbsc-lv-item-dragging {
        margin: 0;
        opacity: .7;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .mbsc-lv-stage-c {
        margin-top: -1px;
    }
    .mbsc-lv-handle-bar {
        background: #888;
    }
    .mbsc-lv-gr-title {
        background: #1f1f1f;
        color: #fff;
        font-size: 1.5em;
        padding: 0 .45em;
        line-height: 2em;
    }
    .mbsc-lv-ic-m {
        color: #1f1f1f;
    }
    &.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
        background: #303030;
    }
    .mbsc-lv-item-hl, .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active {
        background: #b1b1b1;
        color: #000;
    }
}

.mbsc-lv-sense {
    font-family: arial,verdana,sans-serif;
    border-top: 1px solid #bfbfbf;
    .mbsc-lv {
        background: #dfdfdf;
    }
    .mbsc-lv-item {
        margin-top: -1px;
        padding: 1em;
        background: #eee;
        border-bottom: 1px solid #bfbfbf;
        border-top: 1px solid #bfbfbf;
        color: #2c2e2f;
        font-weight: normal;
        text-shadow: none;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    }
    &.mbsc-lv-handle-right {
        .mbsc-lv-item {
            padding-right: 56px;
        }
        .mbsc-lv-parent .mbsc-lv-arr {
            right: 56px;
        }
    }
    &.mbsc-lv-handle-left .mbsc-lv-item {
        padding-left: 56px;
    }
    .mbsc-lv-handle-c {
        width: 56px;
    }
    .mbsc-lv-handle-bar {
        position: relative;
        height: 3px;
        margin: 5px 14px 5px 14px;
        background: #b4b4b4;
        border-top: 1px solid #808080;
        border-radius: 2px;
    }
    .mbsc-lv-item-dragging {
        margin: 0;
        .mbsc-lv-handle-bar {
            background: #33b5e5;
            border-top: 1px solid #9dd5ea;
        }
    }
    .mbsc-lv-handle-bar-c {
        margin-top: -16px;
    }
    .mbsc-lv-stage-c {
        margin-top: -1px;
    }
    .mbsc-lv-gr-title {
        margin-top: -1px;
        padding: 0 1.385em;
        border-top: 1px solid #bfbfbf;
        border-bottom: 1px solid #bfbfbf;
        background: #dfdfdf;
        color: #555;
        text-transform: uppercase;
        line-height: 2em;
        font-size: .8em;
        font-weight: bold;
    }
    .mbsc-lv-ic-m {
        color: #555;
    }
    .mbsc-lv-arr {
        color: #888;
    }
    &.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
        background: #e3e3e3;
    }
    .mbsc-lv-item-hl, .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active {
        background: #bad7e1;
    }
    &.mbsc-lv-handle-right .mbsc-lv-img-right .mbsc-lv-img {
        right: 3.4em;
    }
    &.mbsc-lv-handle-left .mbsc-lv-img-left .mbsc-lv-img {
        left: 3.4em;
    }
    &.mbsc-lv-handle-right .mbsc-lv-item-ic-right .mbsc-lv-item-ic {
        right: 3em;
    }
    &.mbsc-lv-handle-left {
        .mbsc-lv-item-ic-left .mbsc-lv-item-ic {
            left: 3em;
        }
        .mbsc-lv-img-left {
            padding-left: 6.8em;
        }
    }
    &.mbsc-lv-handle-right .mbsc-lv-img-right {
        padding-right: 6.8em;
    }
    &.mbsc-lv-handle-left .mbsc-lv-item-ic-left {
        padding-left: 5.2em;
    }
    &.mbsc-lv-handle-right .mbsc-lv-item-ic-right {
        padding-right: 5.2em;
    }
}

.mbsc-lv-material {
    font-family: arial,verdana,sans-serif;
    padding-top: 1px;
    .mbsc-lv {
        background: #b1b1b1;
    }
    .mbsc-lv-item {
        overflow: hidden;
        margin-top: -1px;
        padding: 1.1875em 1em;
        background: #eee;
        color: #5b5b5b;
        font-weight: normal;
        &: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-item-hl:after, .mbsc-lv-item-active::after {
        background: rgba(0, 0, 0, 0.1);
    }
    .mbsc-lv-item-dragging {
        &:after {
            background: rgba(0, 0, 0, 0.1);
        }
        margin: 0;
    }
    .mbsc-lv-item-swiping {
        overflow: visible;
    }
    &.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
        background: #f7f7f7;
    }
    &.mbsc-lv-handle-left .mbsc-lv-item {
        padding-left: 3.125em;
    }
    &.mbsc-lv-handle-right .mbsc-lv-item {
        padding-right: 3.125em;
    }
    .mbsc-lv-stage-c {
        margin-top: -1px;
    }
    .mbsc-lv-gr-title {
        margin-top: -1px;
        font-size: .875em;
        font-weight: bold;
        padding: .5714em 1.14285em;
        background: #eee;
        color: #009688;
    }
    .mbsc-lv-ic-m {
        color: #fff;
    }
    .mbsc-lv-arr {
        color: #009688;
        &:before {
            font-size: 1.5em;
        }
    }
    .mbsc-lv-handle-c {
        width: 3.125em;
    }
    .mbsc-lv-handle-bar {
        margin: .125em 1em;
        background: #009688;
    }
    .mbsc-lv-img {
        max-height: 2.5em;
        max-width: 2.5em;
        margin-top: -1.25em;
    }
    .mbsc-lv-img-left .mbsc-lv-img {
        left: 1em;
    }
    .mbsc-lv-img-right .mbsc-lv-img {
        right: 1em;
    }
    &.mbsc-lv-handle-left .mbsc-lv-img-left .mbsc-lv-img, &.mbsc-lv-handle-right .mbsc-lv-img-right .mbsc-lv-img {
        left: 3.125em;
    }
    .mbsc-lv-item-ic-left .mbsc-lv-item-ic {
        left: 1em;
    }
    &.mbsc-lv-cont .mbsc-lv-item.mbsc-lv-item-ic-left {
        padding-left: 4em;
    }
    .mbsc-lv-item-ic-right .mbsc-lv-item-ic {
        right: 1em;
    }
    &.mbsc-lv-cont .mbsc-lv-item.mbsc-lv-item-ic-right {
        padding-right: 4em;
    }
    p.mbsc-lv-txt {
        color: #757575;
    }
}

.mbsc-lv-ios-classic {
    font-family: arial,verdana,sans-serif;
    border-top: 1px solid #ececec;
    .mbsc-lv {
        background: #ececec;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #c5ccd4), color-stop(70%, #cbd2d8), color-stop(100%, #cbd2d8));
        background: -webkit-linear-gradient(left, #c5ccd4 70%, #cbd2d8 70%, #cbd2d8 100%);
        background: -moz-linear-gradient(left, #c5ccd4 70%, #cbd2d8 70%, #cbd2d8 100%);
        background: linear-gradient(left, #c5ccd4 70%, #cbd2d8 70%, #cbd2d8 100%);
        background-size: .438em 32em;
        -webkit-background-size: .438em 32em;
    }
    .mbsc-lv-item {
        margin-top: -1px;
        padding: .938em 1.25em;
        background: #fff;
        border-top: 1px solid #ececec;
        border-bottom: 1px solid #ececec;
        color: #000;
        font-weight: normal;
        text-shadow: none;
    }
    .mbsc-lv-stage-c {
        margin-top: -1px;
    }
    .mbsc-lv-handle-bar-c {
        margin-top: -10px;
    }
    .mbsc-lv-handle-bar {
        height: 3px;
        border-top: 1px solid #aaa;
        background: #d0d0d0;
    }
    &.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
        background: #f5f5f5;
    }
    .mbsc-lv-item-hl, .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active {
        background: #015ee6;
        background: -webkit-gradient(linear, left top, left bottom, from(#058cf5), to(#015ee6));
        background: -webkit-linear-gradient(#058cf5, #015ee6);
        background: -moz-linear-gradient(#058cf5, #015ee6);
        background: linear-gradient(#058cf5, #015ee6);
        color: #fff;
    }
    .mbsc-lv-item-hl .mbsc-lv-arr, .mbsc-lv-item-active .mbsc-lv-arr {
        color: #fff;
    }
    .mbsc-lv-item-hl .mbsc-lv-handle-bar, .mbsc-lv-item-active .mbsc-lv-handle-bar {
        background: #fff;
    }
    .mbsc-lv-item.mbsc-lv-item-dragging {
        margin: 0;
    }
    .mbsc-lv-gr-title {
        background: #bfc7cd;
        padding: 0 1.25em;
        border-top: 1px solid #9aa5ad;
        border-bottom: 1px solid #9aa5ad;
        color: #fff;
        line-height: 1.6em;
        text-shadow: 0 0.063em 0 rgba(52, 64, 77, 0.7);
        font-weight: bold;
        -webkit-box-shadow: 0 0.313em 0.625em rgba(52, 64, 77, 0.3) inset;
        box-shadow: 0 0.313em 0.625em rgba(52, 64, 77, 0.3) inset;
    }
    .mbsc-lv-multi-c {
        height: 100%;
        background: #eee;
        -webkit-box-shadow: 0 0 0.625em rgba(52, 64, 77, 0.3) inset;
        box-shadow: 0 0 0.625em rgba(52, 64, 77, 0.3) inset;
    }
    .mbsc-lv-ic-m {
        color: #888;
        text-shadow: 0 0.063em 0 rgba(255, 255, 255, 0.7);
    }
    .mbsc-lv-arr {
        color: #666;
        font-size: 1.4em;
    }
}

.mbsc-lv-android {
    font-family: arial,verdana,sans-serif;
    .mbsc-lv {
        background: #888;
    }
    .mbsc-lv-item {
        margin-top: -1px;
        padding: 1.25em;
        background: #000;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        color: #fff;
        font-weight: normal;
        text-shadow: none;
    }
    &.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
        background: #111;
    }
    .mbsc-lv-item-hl, .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active {
        background: #ef6100;
        background: -webkit-gradient(linear, left top, left bottom, from(#ffb25a), to(#ef6100));
        background: -webkit-linear-gradient(#ffb25a, #ef6100);
        background: -moz-linear-gradient(#ffb25a, #ef6100);
        background: linear-gradient(#ffb25a, #ef6100);
        border-bottom-color: #ef6100;
    }
    .mbsc-lv-stage-c {
        margin-top: -1px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
        background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
        background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
    }
    .mbsc-lv-fill-item {
        background: rgba(255, 255, 255, 0.5);
    }
    .mbsc-lv-item.mbsc-lv-item-dragging {
        margin: 0;
        opacity: .7;
        -webkit-box-shadow: 0 0 0.625em rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 0.625em rgba(255, 255, 255, 0.5);
    }
    .mbsc-lv-handle-bar {
        background: #fff;
    }
    .mbsc-lv-gr-title {
        margin-top: -1px;
        background: #181818;
        color: #fff;
        line-height: 2em;
        padding: 0 .5em;
        font-weight: bold;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
    }
    .mbsc-lv-ic-m {
        color: #fff;
    }
    .mbsc-lv-gr-title .mbsc-lv-img {
        height: 2.2em;
        margin-top: .3em;
    }
}

.mbsc-lv-sense-ui {
    font-family: arial,verdana,sans-serif;
    .mbsc-lv {
        background: #333;
        background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
        background: -webkit-linear-gradient(#000, #333);
        background: -moz-linear-gradient(#000, #333);
        background: linear-gradient(#000, #333);
    }
    .mbsc-lv-item {
        margin-top: -1px;
        padding: 1.25em;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        color: #fff;
        font-weight: normal;
        text-shadow: none;
    }
    &.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
        background: rgba(141, 141, 141, 0.13);
    }
    .mbsc-lv {
        .mbsc-lv-item.mbsc-lv-item-swiping, .mbsc-lv-item-dragging {
            background: #000;
        }
    }
    .mbsc-lv-item-hl, .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active {
        background: #3c7500;
        background: -webkit-gradient(linear, left top, left bottom, from(#94c840), to(#3c7500));
        background: -webkit-linear-gradient(#94c840, #3c7500);
        background: -moz-linear-gradient(#94c840, #3c7500);
        background: linear-gradient(#94c840, #3c7500);
        border-bottom: 1px solid #3c7500;
    }
    .mbsc-lv-stage-c {
        margin-top: -1px;
        background-color: #333;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
        background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
        background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
    }
    .mbsc-lv-fill-item {
        background: rgba(255, 255, 255, 0.5);
    }
    .mbsc-lv-item {
        &.mbsc-lv-ph {
            background: #333;
            visibility: visible;
            z-index: -1;
        }
        &.mbsc-lv-item-dragging {
            margin: 0;
            opacity: .7;
            -webkit-box-shadow: 0 0 0.625em rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0.625em rgba(255, 255, 255, 0.5);
        }
    }
    .mbsc-lv-handle-bar {
        background: #fff;
    }
    .mbsc-lv-gr-title {
        background: #333;
        color: #fff;
        line-height: 2em;
        font-weight: bold;
        padding: 0 .5em;
    }
    .mbsc-lv-ic-m {
        color: #fff;
    }
}

.mbsc-lv-ios {
    font-family: arial,verdana,sans-serif;
    border-top: 1px solid #ccc;
    .mbsc-lv {
        background: #e3e3e3;
    }
    .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-alt-row .mbsc-lv-item:nth-child(even) {
        background: #fafafa;
    }
    .mbsc-lv-item-hl, .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active {
        background: #d9d9d9;
        border-color: #d9d9d9;
    }
    .mbsc-lv-item.mbsc-lv-item-dragging {
        margin: 0;
    }
    .mbsc-lv-stage-c {
        margin-top: -1px;
    }
    .mbsc-lv-handle-c {
        width: 3.75em;
    }
    .mbsc-lv-handle-bar {
        margin: .125em .9375em;
        background: #ccc;
    }
    &.mbsc-lv-handle-left .mbsc-lv-item {
        padding-left: 3.75em;
    }
    &.mbsc-lv-handle-right {
        .mbsc-lv-item {
            padding-right: 3.75em;
        }
        .mbsc-lv-parent .mbsc-lv-arr {
            right: 3.125em;
        }
    }
    .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-ic-m {
        color: #777;
    }
    .mbsc-lv-arr {
        color: #ccc;
    }
    &.mbsc-lv-handle-right .mbsc-lv-img-right .mbsc-lv-img {
        right: 3.4em;
    }
    &.mbsc-lv-handle-left .mbsc-lv-img-left .mbsc-lv-img {
        left: 3.4em;
    }
    &.mbsc-lv-handle-right .mbsc-lv-item-ic-right .mbsc-lv-item-ic {
        right: 3em;
    }
    &.mbsc-lv-handle-left {
        .mbsc-lv-item-ic-left .mbsc-lv-item-ic {
            left: 3em;
        }
        .mbsc-lv-img-left {
            padding-left: 7em;
        }
    }
    &.mbsc-lv-handle-right .mbsc-lv-img-right {
        padding-right: 7em;
    }
    &.mbsc-lv-handle-left .mbsc-lv-item-ic-left {
        padding-left: 5.2em;
    }
    &.mbsc-lv-handle-right .mbsc-lv-item-ic-right {
        padding-right: 5.2em;
    }
}

.dw, .dwo {
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

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

.dw-rtl {
    direction: rtl;
}

.dw, .dwbc {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dwwr {
    min-width: 200px;
    zoom: 1;
    overflow: hidden;
    text-align: center;
    font-family: arial,verdana,sans-serif;
}

.dw-persp, .dwo {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

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

.dwo {
    z-index: 1;
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    filter: Alpha(Opacity = 70);
}

.dw-liq .dw {
    max-width: 100%;
}

.dw-top .dw, .dw-bottom .dw {
    width: 100%;
    max-width: 100%;
}

.dw-inline {
    .dw {
        position: static;
        display: inline-block;
        max-width: 100%;
    }
    &.dw-liq .dw-persp .dw {
        display: block;
    }
    .dw-persp {
        position: static;
    }
}

.dw-bubble {
    .dw {
        margin: 20px 0;
    }
    .dw-arrw {
        position: absolute;
        z-index: 1;
        left: 0;
        width: 100%;
    }
}

.dw-bubble-top .dw-arrw {
    bottom: -36px;
}

.dw-bubble-bottom .dw-arrw {
    top: -36px;
}

.dw-bubble {
    .dw-arrw-i {
        margin: 0 30px;
        position: relative;
        height: 36px;
    }
    .dw-arr {
        display: block;
    }
}

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

.dw-bubble-bottom .dw-arr {
    top: 0;
}

.dw-bubble-top .dw-arr {
    bottom: 0;
}

.dw-hidden {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
}

.dwv {
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.dwb-e {
    cursor: pointer;
}

.dwb-d {
    cursor: default;
}

.dwbc {
    display: table;
    width: 100%;
    text-align: center;
    .dwb-d {
        opacity: .3;
    }
}

.dwbw {
    vertical-align: top;
    display: table-cell;
    position: relative;
    z-index: 5;
    .dwb:before {
        padding: .375em;
    }
}

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

.mbsc-mobiscroll {
    .dwwr {
        min-width: 16em;
        background: #f7f7f7;
        color: #454545;
        font-size: 16px;
    }
    .dwv {
        padding: 0 .6666em;
        padding-top: .6666em;
        color: #2196f3;
        font-size: .75em;
        text-transform: uppercase;
        min-height: 2em;
        line-height: 2em;
    }
    .dwbc {
        display: block;
        overflow: hidden;
        text-align: right;
        padding: 0 .5em .5em .5em;
    }
    .dwbw {
        display: block;
        float: right;
    }
    .dw-rtl .dwbw {
        float: left;
    }
    .dwb {
        height: 2.5em;
        line-height: 2.5em;
        padding: 0 1em;
        color: #2196f3;
        text-transform: uppercase;
    }
    .dwb-a {
        background: rgba(78, 204, 196, 0.3);
    }
    .dw-bubble-bottom .dw-arr {
        border-color: transparent transparent #f7f7f7 transparent;
    }
    .dw-bubble-top .dw-arr {
        border-color: #f7f7f7 transparent transparent transparent;
    }
}

.mbsc-android-holo {
    .dwwr {
        background: #292829;
        color: #fff;
        border-radius: .1875em;
        font-size: 16px;
    }
    .dwv {
        color: #31b6e7;
        padding: 0 .5em;
        min-height: 2em;
        line-height: 2em;
        border-bottom: 2px solid #31b6e7;
        font-size: 1.125em;
    }
    .dwbc {
        border-top: 1px solid #424542;
    }
    .dwb {
        height: 2.6em;
        line-height: 2.6em;
        color: #fff;
        font-size: .875em;
    }
    .dwb-a {
        background: #29799c;
    }
    .dwbw {
        .dwb {
            border-left: 1px solid #424542;
        }
        &:first-child .dwb {
            border: 0;
            border-radius: 0 0 0 .1875em;
        }
        &:last-child .dwb {
            border-radius: 0 0 .1875em 0;
        }
    }
    .dw-rtl .dwbw {
        .dwb {
            border: 0;
            border-right: 1px solid #424542;
        }
        &:last-child .dwb {
            border-radius: 0 0 0 .1875em;
        }
        &:first-child .dwb {
            border: 0;
            border-radius: 0 0 .1875em 0;
        }
    }
    &.dw-liq .dwwr, &.dw-top .dwwr, &.dw-bottom .dwwr, &.dw-liq .dwbw .dwb, &.dw-top .dwbw .dwb, &.dw-bottom .dwbw .dwb {
        border-radius: 0;
    }
    .dw-bubble-bottom .dw-arr {
        border-color: transparent transparent #292829 transparent;
    }
    .dw-bubble-top .dw-arr {
        border-color: #292829 transparent transparent transparent;
    }
}

.mbsc-wp {
    .dwwr {
        padding: .625em;
        background: #1f1f1f;
        color: #fff;
        font-size: 16px;
    }
    .dwv {
        font-size: .75em;
        padding: .833em;
        min-height: 14px;
        padding-top: 0;
    }
    .dwbc {
        display: block;
    }
    .dwbw {
        display: inline-block;
    }
    .dwb, .mbsc-ic:before {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }
    .dwb {
        position: relative;
        top: 0;
        min-width: 2.9em;
        display: inline-block;
        height: 1.818em;
        padding: 2.636em .455em 0 .455em;
        color: #fff;
        line-height: 1.818em;
        font-size: .688em;
        text-transform: lowercase;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        transition: all .1s linear;
        &: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;
        }
    }
    .dwb-a {
        top: -.3em;
        &:before {
            background: #1a9fe0;
            border-color: #1a9fe0;
            color: #fff;
        }
    }
    .dw-bubble-bottom .dw-arr {
        border-color: transparent transparent #1f1f1f transparent;
    }
    .dw-bubble-top .dw-arr {
        border-color: #1f1f1f transparent transparent transparent;
    }
}

.mbsc-sense {
    .dwwr {
        border: 1px solid #2e2e2e;
        background: #121212;
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    }
    .dwv {
        padding: 0 5px;
        position: relative;
        line-height: 40px;
        min-height: 40px;
        background: #121212;
        text-align: center;
        font-size: 15px;
        color: #fff;
        -webkit-box-shadow: 0 0 4px #2e2e2e;
        box-shadow: 0 0 4px #2e2e2e;
    }
    .dwcc {
        background: #eee;
        color: #000;
    }
    .dwbc {
        padding: 10px 0;
        background: #121212;
        -webkit-box-shadow: 0 0 6px #2e2e2e;
        box-shadow: 0 0 6px #2e2e2e;
    }
    .dwb {
        height: 30px;
        line-height: 32px;
        color: #fff;
        font-size: 13px;
        font-weight: normal;
        border-left: 1px solid #2e2e2e;
        text-transform: uppercase;
    }
    .dwb-a {
        color: #40a0c4;
    }
    .dwbw:first-child .dwb {
        border-left: 0;
    }
    .dw-rtl {
        .dwb {
            border: 0;
            border-right: 1px solid #2e2e2e;
        }
        .dwbw:first-child .dwb {
            border-right: 0;
        }
    }
    &.dw-inline .dwwr {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    &.dw-top .dwwr, &.dw-bottom .dwwr {
        border: 0;
        border-radius: 0;
    }
    .dw-bubble-top .dw-arrw {
        bottom: -35px;
    }
    .dw-bubble-bottom .dw-arrw {
        top: -35px;
    }
    .dw-bubble-top .dw-arr {
        border-color: #121212 transparent transparent transparent;
    }
    .dw-bubble-bottom .dw-arr {
        border-color: transparent transparent #121212 transparent;
    }
}

.mbsc-material {
    .dwo {
        background: rgba(0, 0, 0, 0.6);
        filter: Alpha(Opacity = 60);
    }
    .dwwr {
        min-width: 15em;
        background: #eee;
        border-radius: .1875em;
        color: #5b5b5b;
        font-size: 16px;
        box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.2);
    }
    .dwv {
        padding: 0 .6666em;
        padding-top: .6666em;
        color: #009688;
        font-size: .75em;
        font-weight: bold;
        text-transform: uppercase;
        min-height: 2em;
        line-height: 2em;
    }
    .dwbc {
        display: block;
        overflow: hidden;
        text-align: right;
        padding: 0 .5em .5em .5em;
    }
    .dwbw {
        display: block;
        float: right;
    }
    .dw-rtl .dwbw {
        float: left;
    }
    .dwb {
        position: relative;
        height: 2.5em;
        line-height: 2.5em;
        padding: 0 1em;
        font-weight: bold;
        color: #009688;
        text-transform: uppercase;
    }
    .dwbc .dwb {
        font-size: .9375em;
    }
    .dwb-e {
        -webkit-transition: background-color .2s ease-out;
        -moz-transition: background-color .2s ease-out;
        transition: background-color .2s ease-out;
    }
    .dwb-a {
        background: rgba(0, 0, 0, 0.1);
        border-radius: 2px;
    }
    &.dw-inline .dwwr {
        box-shadow: none;
    }
    &.dw-liq .dwwr, &.dw-top .dwwr, &.dw-bottom .dwwr {
        border-radius: 0;
    }
    .dw-bubble-bottom .dw-arr {
        border-color: transparent transparent #eee transparent;
    }
    .dw-bubble-top .dw-arr {
        border-color: #eee transparent transparent transparent;
    }
}

.mbsc-ios-classic {
    .dw {
        min-width: 134px;
        border: 1px solid #2d3034;
    }
    .dwo {
        background: 0;
    }
    .dwwr {
        position: relative;
        min-width: 170px;
        padding: 0 6px;
        margin-top: 40px;
        background: -webkit-gradient(linear, left top, left bottom, from(#9f9fa6), color-stop(0.5, #484a55), color-stop(0.5, #272836), to(#282a39));
        background: -webkit-linear-gradient(#9f9fa6, #484a55 50%, #272836 50%, #282a39);
        background: -moz-linear-gradient(#9f9fa6, #484a55 50%, #272836 50%, #282a39);
        background: linear-gradient(#9f9fa6, #484a55 50%, #272836 50%, #282a39);
        background-color: #9f9fa6;
        background-repeat: no-repeat;
        color: #fff;
        overflow: visible;
    }
    &.dw-nobtn .dwwr {
        margin-top: 0;
    }
    .dwv {
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        overflow: hidden;
    }
    .dwbc {
        display: block;
        position: absolute;
        top: -40px;
        left: 0;
        width: 100%;
        height: 28px;
        padding: 5px 0;
        background: #454545;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(69, 69, 69, 0.7)), color-stop(0.5, rgba(37, 37, 37, 0.7)), color-stop(0.5, rgba(16, 16, 16, 0.7)), to(rgba(0, 0, 0, 0.7)));
        background: -webkit-linear-gradient(rgba(69, 69, 69, 0.7), rgba(37, 37, 37, 0.7) 50%, rgba(16, 16, 16, 0.7) 50%, rgba(0, 0, 0, 0.7));
        background: -moz-linear-gradient(rgba(69, 69, 69, 0.7), rgba(37, 37, 37, 0.7) 50%, rgba(16, 16, 16, 0.7) 50%, rgba(0, 0, 0, 0.7));
        background: linear-gradient(rgba(69, 69, 69, 0.7), rgba(37, 37, 37, 0.7) 50%, rgba(16, 16, 16, 0.7) 50%, rgba(0, 0, 0, 0.7));
        border-bottom: 1px solid #888;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        border-top: 1px solid #888;
        border-top: 1px solid rgba(255, 255, 255, 0.5);
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }
    .dwb {
        margin: 0 5px;
        padding: 0 10px;
        display: inline-block;
        font-size: 12px;
        font-weight: bold;
        height: 26px;
        line-height: 26px;
        color: #fff;
        border: 1px solid #1f1f1f;
        background: #1a1a1a;
        background: -webkit-gradient(linear, left top, left bottom, from(#7b7b7b), color-stop(0.5, #1a1a1a), color-stop(0.5, #000));
        background: -webkit-linear-gradient(#7b7b7b, #1a1a1a 50%, #000 50%);
        background: -moz-linear-gradient(#7b7b7b, #1a1a1a 50%, #000 50%);
        background: linear-gradient(#7b7b7b, #1a1a1a 50%, #000 50%);
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
        border-radius: 5px;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    }
    .dwb-s .dwb {
        border: 1px solid #194aab;
        background: #194aab;
        background: -webkit-gradient(linear, left top, left bottom, from(#82aaff), color-stop(0.5, #3162c4), color-stop(0.5, #194aab));
        background: -webkit-linear-gradient(#82aaff, #3162c4 50%, #194aab 50%);
        background: -moz-linear-gradient(#82aaff, #3162c4 50%, #194aab 50%);
        background: linear-gradient(#82aaff, #3162c4 50%, #194aab 50%);
    }
    .dwb-a {
        opacity: .8;
        filter: alpha(opacity = 80);
    }
    .dwbw {
        display: block;
        float: right;
    }
    .dwb-c {
        float: left;
    }
    &.dw-bubble .dw {
        padding: 6px;
        background: #afafaf;
        background: -webkit-gradient(linear, left top, left bottom, from(#afafaf), color-stop(0.3, #1b2530));
        background: -webkit-linear-gradient(#afafaf, #1b2530 30%);
        background: -moz-linear-gradient(#afafaf, #1b2530 30%);
        background: linear-gradient(#afafaf, #1b2530 30%);
        -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.7);
        border-radius: 5px;
        box-shadow: 0 0 25px rgba(0, 0, 0, 0.7);
    }
    .dw-bubble-bottom .dw-arr {
        border-color: transparent transparent #2d3034 transparent;
        &:after {
            content: '';
            position: absolute;
            top: -16px;
            left: -17px;
            border: 17px solid #afafaf;
            border-color: transparent transparent #afafaf transparent;
        }
    }
    .dw-bubble-top .dw-arr {
        border-color: #1b2530 transparent transparent transparent;
    }
    &.mbsc-wdg {
        .dwwr {
            padding: 6px;
        }
        .dwcc {
            background: #fff;
            color: #000;
            -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3), 0 1px 5px rgba(0, 0, 0, 0.9) inset, 0 -1px 1px rgba(0, 0, 0, 0.9) inset;
            box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3), 0 1px 5px rgba(0, 0, 0, 0.9) inset, 0 -1px 1px rgba(0, 0, 0, 0.9) inset;
            border-radius: .5em;
        }
    }
}

.mbsc-android {
    .dw {
        border: 2px solid #555;
    }
    .dwv {
        padding: 10px;
        border-bottom: 1px solid #333;
        font-size: 14px;
        min-height: 17px;
    }
    .dwwr {
        color: #fff;
        background: #000;
    }
    .dwbc {
        padding: 4px 2px;
        background: #9c9c9c;
    }
    .dwb {
        height: 40px;
        line-height: 40px;
        padding: 0 15px;
        margin: 0 2px;
        font-size: 14px;
        color: #000;
        background: #ccc;
        background: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#eee));
        background: -webkit-linear-gradient(#eee, #ccc);
        background: -moz-linear-gradient(#eee, #ccc);
        background: linear-gradient(#eee, #ccc);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    }
    .dw .dwb-a {
        background: #ffb25a;
        background: -webkit-gradient(linear, left bottom, left top, from(#ef6100), to(#ffb25a));
        background: -webkit-linear-gradient(#ffb25a, #ef6100);
        background: -moz-linear-gradient(#ffb25a, #ef6100);
        background: linear-gradient(#ffb25a, #ef6100);
    }
    .dw-bubble-bottom .dw-arr {
        border-color: transparent transparent #000 transparent;
    }
    .dw-bubble-top .dw-arr {
        border-color: #9c9c9c transparent transparent transparent;
    }
    &.dw-top .dw, &.dw-bottom .dw {
        border-right: 0;
        border-left: 0;
    }
    &.dw-top .dw {
        border-top: 0;
    }
    &.dw-bottom .dw {
        border-bottom: 0;
    }
}

.mbsc-sense-ui {
    .dwwr {
        color: #fff;
        background: #333;
        border: 2px solid #fff;
        border-radius: 3px;
    }
    .dwv {
        padding: 5px 10px;
        border-bottom: 1px solid #666;
        font-size: 14px;
        text-align: left;
        min-height: 17px;
    }
    .dwbc {
        padding: 4px 2px;
        background: #000;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #000), color-stop(0.5, #666));
        background: -webkit-linear-gradient(#666 50%, #000 50%);
        background: -moz-linear-gradient(#666 50%, #000 50%);
        background: linear-gradient(#666 50%, #000 50%);
    }
    .dwb {
        height: 40px;
        line-height: 40px;
        padding: 0 15px;
        margin: 0 2px;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        border: 1px solid #333;
        background: #222;
        background: -webkit-gradient(linear, left bottom, left top, from(#000), to(#444));
        background: -webkit-linear-gradient(#444, #000);
        background: -moz-linear-gradient(#444, #000);
        background: linear-gradient(#444, #000);
        box-shadow: inset 0 0 5px #000;
        border-radius: 5px;
    }
    .dw .dwb-a {
        background: #3c7500;
        background: -webkit-gradient(linear, left bottom, left top, from(#3c7500), to(#94c840));
        background: -webkit-linear-gradient(#94c840, #3c7500);
        background: -moz-linear-gradient(#94c840, #3c7500);
        background: linear-gradient(#94c840, #3c7500);
    }
    .dw-bubble-bottom .dw-arr {
        border-color: transparent transparent #fff transparent;
    }
    .dw-bubble-top .dw-arr {
        border-color: #fff transparent transparent transparent;
    }
    &.dw-top .dwwr {
        border: 0;
        border-radius: 0;
    }
    &.dw-bottom .dwwr {
        border: 0;
        border-radius: 0;
        border-top: 1px solid #666;
    }
}

.mbsc-ios {
    .dwo {
        background: rgba(0, 0, 0, 0.2);
        filter: Alpha(Opacity = 20);
    }
    .dwwr {
        position: relative;
        background: #f7f7f7;
        color: #000;
        padding-top: 3.333334em;
        font-size: 12px;
    }
    .dwv {
        padding: 0 .416667em;
        color: #9d9d9d;
        line-height: 2.5em;
        min-height: 2.5em;
        border-bottom: 1px solid #acacac;
    }
    .dwbc {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #acacac;
    }
    .dwb {
        height: 2.352941em;
        line-height: 2.352941em;
        padding: 0 .588235em;
        display: inline-block;
        color: #007aff;
        font-size: 1.416667em;
    }
    .dwb-a {
        opacity: .5;
    }
    .dwbw {
        display: block;
        float: right;
    }
    .dwb-c {
        float: left;
    }
    .dwb-s .dwb {
        font-weight: bold;
    }
    .dw-bubble-bottom .dw-arr {
        border-color: transparent transparent #f7f7f7 transparent;
    }
    .dw-bubble-top .dw-arr {
        border-color: #f7f7f7 transparent transparent transparent;
    }
    &.dw-bubble .dwwr {
        border-radius: 8px;
    }
    &.dw-nobtn .dwwr {
        padding-top: 0;
    }
}

.mbsc-bootstrap {
    .dw {
        display: block;
        padding: 0;
    }
    .dwv {
        padding: 0 14px;
        min-height: 37px;
        line-height: 37px;
    }
    .dwwr {
        font-family: inherit;
        padding: 0;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }
    .dwo {
        background: rgba(0, 0, 0, 0.5);
    }
    .dwbc {
        padding: 0 2px 4px 2px;
    }
    .dwb {
        display: block;
        margin: 0 2px;
    }
    &.dw-inline .dw {
        display: inline-block;
    }
    &.dw-liq .dw, &.dw-top .dw, &.dw-bottom .dw {
        border-radius: 0;
    }
    &.dw-bubble .dw {
        margin: 11px 0;
    }
    .dw-arrw-i {
        height: 0;
        margin: 0 10px;
        padding: 0;
        border: 0;
        display: block;
    }
    .dw-bubble-top .dw-arrw {
        bottom: 0;
    }
    .dw-bubble-bottom .dw-arrw {
        top: 0;
    }
}

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

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

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

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

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

.mbsc-slider {
    .mbsc-slider-handle:focus, .mbsc-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-slider-step {
        background: #f7f7f7;
    }
    .mbsc-slider-handle {
        top: 50%;
        width: 1em;
        height: 1em;
        border-radius: 1.125em;
        background: #2196f3;
        -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;
        &:focus {
            -webkit-transform: scale(1.3);
            -moz-transform: scale(1.3);
            transform: scale(1.3);
        }
    }
    .mbsc-active .mbsc-slider-handle {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        transform: scale(1.3);
    }
    &.mbsc-slider input:disabled ~ .mbsc-progress-cont {
        .mbsc-progress-track {
            opacity: .4;
        }
        .mbsc-slider-handle {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            transform: scale(1);
        }
    }
    .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: #2196f3;
        z-index: 5;
        -webkit-transform: scale(0.4) translate3d(0, 5em, 0);
        -moz-transform: scale(0.4) translate3d(0, 5em, 0);
        transform: scale(0.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-slider-handle:focus ~ .mbsc-slider-tooltip, .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-slider-has-tooltip {
        .mbsc-slider-handle:focus, .mbsc-active .mbsc-slider-handle {
            -webkit-transform: scale(0.5);
            -moz-transform: scale(0.5);
            transform: scale(0.5);
        }
    }
}

.mbsc-android-holo {
    &.mbsc-slider .mbsc-input-wrap {
        padding: 0 .9375em;
    }
    .mbsc-slider-step {
        background: #fff;
    }
    .mbsc-slider-handle {
        top: 50%;
        width: .625em;
        height: .625em;
        margin: -.3125em -.3125em 0 0;
        border-radius: .625em;
        background: #31c6e7;
        &.mbsc-active {
            background: #fff;
        }
        &: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, 0.3);
        }
        &:focus:after {
            margin-top: -1em;
            margin-left: -1em;
            border: 1px solid #29799c;
        }
    }
    .mbsc-active .mbsc-slider-handle:after {
        margin-top: -1em;
        margin-left: -1em;
        border: 1px solid #29799c;
    }
    .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-slider-handle:focus ~ .mbsc-slider-tooltip, .mbsc-active .mbsc-slider-tooltip {
        opacity: 1;
    }
    &.mbsc-slider input:disabled ~ .mbsc-progress-cont {
        .mbsc-progress-track {
            background: #fff;
            opacity: .4;
        }
        .mbsc-slider-handle {
            width: .25em;
            height: .25em;
            margin: -.125em -.125em 0 0;
            border-radius: .625em;
            background: #fff;
            &:after {
                margin-top: -.9375em;
                margin-left: -.9375em;
                border: 0;
                background: rgba(200, 200, 200, 0.5);
            }
        }
        .mbsc-progress-bar {
            background: #a9a9a9;
        }
    }
}

.mbsc-wp {
    &.mbsc-slider {
        .mbsc-input-wrap {
            padding: 0 .3125em;
        }
        .mbsc-input-ic {
            top: .125em;
        }
        .mbsc-progress-track {
            height: .75em;
        }
    }
    .mbsc-slider-handle {
        top: 50%;
        width: .625em;
        height: 1.125em;
        margin: -.25em -.3125em 0 0;
        background: #fff;
    }
    .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-slider-handle:focus ~ .mbsc-slider-tooltip, .mbsc-active .mbsc-slider-tooltip {
        opacity: 1;
    }
    .mbsc-slider-step {
        background: #000;
    }
    .mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track {
        opacity: .4;
    }
}

.mbsc-material {
    &.mbsc-slider .mbsc-input-wrap {
        padding: 0 .5em;
    }
    .mbsc-slider-step {
        background: #000;
    }
    .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;
        &:focus {
            -webkit-transform: scale(1.4);
            -moz-transform: scale(1.4);
            -ms-transform: scale(1.4);
            transform: scale(1.4);
        }
    }
    .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-slider-start .mbsc-slider-handle {
        border-color: #b2b2b2;
        background: #eee;
    }
    .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, 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-active .mbsc-slider-handle:before {
        opacity: 1;
    }
    .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(0.4) translate3d(0, 6em, 0);
        -moz-transform: scale(0.4) translate3d(0, 6em, 0);
        -ms-transform: scale(0.4) translate(0, 6em);
        transform: scale(0.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;
        &: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-slider-has-tooltip {
        .mbsc-slider-handle:focus ~ .mbsc-slider-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-slider-handle:focus, .mbsc-active .mbsc-slider-handle {
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
        }
        .mbsc-slider-start .mbsc-slider-tooltip {
            background: #b2b2b2;
            &:before {
                border-top-color: #b2b2b2;
            }
        }
    }
    &.mbsc-slider input:disabled ~ .mbsc-progress-cont {
        .mbsc-progress-track {
            opacity: .4;
        }
        .mbsc-progress-bar {
            background: #b2b2b2;
        }
        .mbsc-slider-handle {
            background: #b2b2b2;
            border-color: #b2b2b2;
            -webkit-transform: scale(0.7);
            -moz-transform: scale(0.7);
            -ms-transform: scale(0.7);
            transform: scale(0.7);
            -webkit-box-shadow: 0 0 0 .3125em #eee;
            box-shadow: 0 0 0 .3125em #eee;
        }
        .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, 0.1), 0 0 0.0625em rgba(0, 0, 0, 0.15), 0 0.125em 0.125em rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 1em rgba(0, 0, 0, 0.1), 0 0 0.0625em rgba(0, 0, 0, 0.15), 0 0.125em 0.125em rgba(0, 0, 0, 0.15);
    }
    .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-slider-handle:focus ~ .mbsc-slider-tooltip, .mbsc-active .mbsc-slider-tooltip {
        opacity: 1;
    }
    .mbsc-slider-step {
        height: .5em;
        margin-top: -.1875em;
        margin-left: -.0625em;
        background: #dedede;
    }
    &.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track {
        opacity: .4;
    }
}

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

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

.mbsc-rtl {
    direction: rtl;
}

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

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

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

.mbsc-input {
    input, select, textarea {
        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-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 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mbsc-input {
    input, textarea {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.mbsc-checkbox-box, .mbsc-radio-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    &:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

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

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

.mbsc-label {
    display: block;
}

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

.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-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;
    &: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;
    &:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: .625em;
        height: .625em;
        margin-top: -.3125em;
        margin-left: -.3125em;
        border-radius: .625em;
        opacity: 0;
    }
}

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

.mbsc-switch {
    padding: .5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

.mbsc-stepper input {
    position: absolute;
    left: 4.1428571em;
    width: 4.1428571em;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    box-shadow: none;
    font-size: 14px;
    text-align: center;
    opacity: 1;
    z-index: 4;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    filter: alpha(opacity = 100);
    &::-webkit-outer-spin-button, &::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
}

.mbsc-form {
    .mbsc-stepper-val-right .mbsc-stepper input {
        left: auto;
        right: 0;
    }
    .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-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, h2, h3, h4, h5, h6 {
        margin: 0;
        padding: 0;
        color: inherit;
        font-weight: normal;
        font-family: inherit;
    }
    p {
        margin: 1em 0;
        padding: 0;
        font-size: 1em;
    }
    a {
        text-decoration: none;
        &:hover {
            text-decoration: underline;
        }
    }
    h1 {
        margin: .347826em 0;
        font-size: 2.875em;
    }
    h2 {
        margin: .470588em 0;
        font-size: 2.125em;
    }
    h3 {
        margin: .666666em 0;
        font-size: 1.5em;
    }
    h4 {
        margin: .8em 0;
        font-size: 1.25em;
    }
    h5 {
        margin: 1.066666em 0;
        font-size: .9375em;
    }
    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;
        * {
            &::-moz-selection, &::selection {
                color: #fff;
                background: #2196f3;
            }
        }
    }
    .mbsc-desc {
        color: #6d6d6d;
    }
    .mbsc-divider {
        padding: 1.5em 1em .5em 1em;
        color: #2196f3;
    }
    .mbsc-err-msg {
        padding-top: .75em;
        font-size: .75em;
        color: #de3226;
    }
    .mbsc-input {
        textarea, input {
            height: 2.125em;
            padding: 0 0 1px 0;
            background: transparent;
            border-bottom: 1px solid #787878;
            font-size: 1em;
            color: #1f1f1f;
        }
        select:focus ~ input, textarea:focus, input:focus {
            border-color: #2196f3;
        }
        select:disabled ~ {
            input, .mbsc-select-ic {
                opacity: .4;
            }
        }
        textarea:disabled, input:disabled {
            opacity: .4;
        }
        textarea:-webkit-autofill, input:-webkit-autofill {
            padding: 0 .25em;
        }
        padding: .5em 1em;
    }
    .mbsc-input-ic {
        top: .0625em;
        margin: -2px 0 0 0;
        color: #787878;
    }
    .mbsc-input {
        &.mbsc-ic-left {
            padding-left: 3.25em;
        }
        &.mbsc-ic-right {
            padding-right: 3.25em;
        }
    }
    .mbsc-ic-left .mbsc-ic.mbsc-left-ic {
        right: auto;
        left: -2.625em;
    }
    .mbsc-ic-right .mbsc-ic.mbsc-right-ic {
        left: auto;
        right: -2.625em;
    }
    .mbsc-input {
        &.mbsc-err {
            input, textarea {
                padding: 0;
                border-bottom: 1px solid #ec2a32;
            }
        }
        .mbsc-label {
            font-size: .75em;
        }
        textarea {
            padding-top: .25em;
        }
    }
    .mbsc-select-ic {
        position: absolute;
        display: block;
        height: 1.25em;
        width: 1.25em;
        top: .5625em;
        right: 0;
        text-align: center;
    }
    .mbsc-checkbox {
        padding: 1em 3.125em 1em 1em;
    }
    .mbsc-checkbox-box {
        background: #2196f3;
        margin-top: -.5625em;
        width: 1.125em;
        height: 1.125em;
        right: 1em;
        &:after {
            top: .25em;
            left: .185em;
            width: .8125em;
            height: .4375em;
            border: .125em solid #fff;
            border-top: 0;
            border-right: 0;
        }
    }
    .mbsc-checkbox input:disabled + .mbsc-checkbox-box {
        background: #d6d6d6;
    }
    .mbsc-radio {
        padding: 1em 3.125em 1em 1em;
    }
    .mbsc-radio-box {
        right: 1em;
        width: 1.125em;
        height: 1.125em;
        margin-top: -.5625em;
        background: transparent;
        border: .125em solid #2196f3;
        &:after {
            width: .5em;
            height: .5em;
            margin-top: -.25em;
            margin-left: -.25em;
            background: #2196f3;
            border-radius: .625em;
        }
    }
    .mbsc-radio input {
        &:checked + .mbsc-radio-box {
            background: transparent;
        }
        &:disabled + .mbsc-radio-box {
            border-color: #d6d6d6;
            &:after {
                background: #d6d6d6;
            }
        }
    }
    .mbsc-checkbox input:disabled ~ {
        .mbsc-label, .mbsc-desc {
            opacity: .4;
        }
    }
    .mbsc-radio input:disabled ~ {
        .mbsc-label, .mbsc-desc {
            opacity: .4;
        }
    }
    .mbsc-switch input:disabled ~ {
        .mbsc-label, .mbsc-desc {
            opacity: .4;
        }
    }
    .mbsc-checkbox-box:after, .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-checkbox input:checked + .mbsc-checkbox-box:after, .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-btn {
        margin: .5em;
        padding: .6875em;
        background: #2196f3;
        color: #f0f0f0;
        font-size: 1em;
        text-transform: uppercase;
    }
    .mbsc-btn-ic {
        padding-right: .6875em;
    }
    .mbsc-btn-icon-only .mbsc-btn-ic {
        padding: 0 .5em;
    }
    .mbsc-btn {
        &:disabled {
            background: #dedede;
        }
        &.mbsc-active {
            opacity: .6;
        }
    }
    .mbsc-btn-flat {
        &.mbsc-active {
            opacity: 1;
            background: rgba(78, 204, 196, 0.3);
        }
        background: transparent;
        color: #2196f3;
        border-color: transparent;
        &:disabled {
            background: transparent;
            color: #c9c9c9;
        }
    }
    .mbsc-btn-group {
        padding: 0 .5em;
    }
    a {
        color: #2196f3;
    }
    .mbsc-switch {
        padding: 1em 4.375em 1em 1em;
        line-height: 1.25em;
    }
    .mbsc-switch-track {
        right: 1em;
        width: 2.375em;
        height: .875em;
        padding: 0 .75em;
        margin-top: -.4375em;
        background: #dedede;
        border-radius: 1.25em;
    }
    .mbsc-switch-handle {
        top: .25em;
        left: .25em;
        margin: 0;
        width: 1.5em;
        height: 1.5em;
        background: #c9c9c9;
        border-radius: 1.25em;
    }
    .mbsc-active .mbsc-switch-handle {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
    .mbsc-switch input {
        &:checked + .mbsc-switch-track {
            background: #b4e5e2;
            .mbsc-switch-handle {
                background: #2196f3;
            }
        }
        &:disabled + .mbsc-switch-track {
            background: #d6d6d6;
            opacity: .7;
            .mbsc-switch-handle {
                background: #e2e2e2;
            }
        }
    }
    .mbsc-segmented {
        padding: .5em 1em;
    }
    .mbsc-segmented-content {
        height: 2.28575em;
        margin: 0 -.07142857em;
        line-height: 2.28575em;
        padding: 0 .28571em;
        border: .142857em solid #2196f3;
        text-transform: uppercase;
        color: #2196f3;
    }
    .mbsc-stepper {
        input {
            color: #454545;
        }
        .mbsc-active .mbsc-segmented-content {
            background: #2196f3;
            color: #f7f7f7;
        }
    }
    .mbsc-segmented input {
        &:checked + .mbsc-segmented-content {
            background: #2196f3;
            color: #f7f7f7;
        }
        &.mbsc-active + .mbsc-segmented-content {
            background: rgba(78, 204, 196, 0.25);
            color: #f7f7f7;
        }
    }
    .mbsc-stepper-cont {
        padding: 1.75em 12.875em 1.75em 1em;
    }
    .mbsc-stepper {
        margin-top: -1.25em;
    }
    .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-step-disabled .mbsc-segmented-content, .mbsc-segmented input:disabled + .mbsc-segmented-content {
        color: #d6d6d6;
        border-color: #d6d6d6;
    }
    .mbsc-stepper input:disabled {
        color: #d6d6d6;
        -webkit-text-fill-color: #d6d6d6;
    }
    .mbsc-segmented input:disabled:checked + .mbsc-segmented-content {
        background: #d6d6d6;
        color: #f0f0f0;
    }
    .mbsc-stepper .mbsc-active.mbsc-step-disabled .mbsc-segmented-content {
        background: transparent;
        color: #d6d6d6;
    }
}

.mbsc-android-holo {
    &.mbsc-form {
        background: #000;
        color: #fff;
        * {
            &::-moz-selection, &::selection {
                color: #fff;
                background: #31c6e7;
            }
        }
    }
    .mbsc-padding {
        padding: .75em;
    }
    .mbsc-divider {
        margin: 0 1em;
        padding: 2em 0 1em 0;
        border-bottom: 1px solid #31c6e7;
        font-size: .75em;
        color: #31c6e7;
        text-transform: uppercase;
    }
    .mbsc-err-msg {
        color: #f35047;
        float: right;
        padding-top: .375em;
    }
    .mbsc-input {
        padding: .75em;
        textarea, 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-wdg .mbsc-input {
        textarea, input {
            background: #292929;
            outline: 4px solid #292929;
        }
    }
}

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

.mbsc-android-holo {
    .mbsc-input textarea {
        padding: .25em .75em 0 .75em;
    }
    .mbsc-select input {
        padding: 0 .75em;
        outline: 0;
        border-width: 0 0 1px;
        padding-bottom: 4px;
    }
    .mbsc-input-ic {
        top: 0;
        margin-top: -3px;
    }
    .mbsc-input {
        select:focus + input, textarea:focus, input:focus {
            border-color: #31c6e7;
        }
        .mbsc-control:focus ~ .mbsc-select-ic {
            border-color: transparent #31c6e7 #31c6e7 transparent;
        }
        select:disabled ~ input, textarea:disabled, input:disabled {
            opacity: .4;
        }
        textarea:-webkit-autofill, input:-webkit-autofill {
            border-color: #faffbd;
            box-shadow: 0 0 0 50em #000 inset;
            -webkit-text-fill-color: #fff;
        }
        &.mbsc-err {
            input, textarea {
                border-color: #f35047;
            }
        }
        .mbsc-label {
            font-size: .75em;
            padding: 0 1em;
        }
    }
    .mbsc-ic-left {
        input, textarea {
            padding-left: 2.4em;
        }
    }
    .mbsc-ic-right {
        input, textarea {
            padding-right: 2.4em;
        }
    }
    .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-ic-left .mbsc-left-ic {
        right: auto;
        left: .125em;
    }
    .mbsc-ic-right .mbsc-right-ic {
        left: auto;
        right: .125em;
    }
    .mbsc-select-ic:before {
        display: none;
    }
    .mbsc-checkbox input:disabled {
        + .mbsc-checkbox-box {
            opacity: .4;
        }
        ~ {
            .mbsc-label, .mbsc-desc {
                opacity: .4;
            }
        }
    }
    .mbsc-radio input:disabled {
        + .mbsc-radio-box {
            opacity: .4;
        }
        ~ {
            .mbsc-label, .mbsc-desc {
                opacity: .4;
            }
        }
    }
    .mbsc-switch input:disabled {
        + .mbsc-switch-track {
            opacity: .4;
        }
        ~ {
            .mbsc-label, .mbsc-desc {
                opacity: .4;
            }
        }
    }
    .mbsc-checkbox {
        padding: 1.25em 3em 1.25em .75em;
    }
    .mbsc-checkbox-box {
        width: 1em;
        height: 1em;
        border: 1px solid #4e4e4e;
        background: transparent;
        right: 1.25em;
        margin-top: -.5em;
        &:after {
            top: 0;
            left: 16%;
            width: .925em;
            height: .438em;
            border: 3px solid #31c6e7;
            border-top: 0;
            border-right: 0;
        }
    }
    .mbsc-checkbox input {
        &:disabled + .mbsc-checkbox-box:after {
            border-color: #444;
        }
        &.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, 0.6);
        }
    }
    .mbsc-radio {
        padding: 1.25em 3.25em 1.25em .75em;
    }
    .mbsc-radio-box {
        background: transparent;
        border: 2px solid #4e4e4e;
        right: 1.25em;
        margin-top: -.625em;
        &:after {
            background: #31c6e7;
        }
    }
    .mbsc-radio input {
        &:checked:disabled + .mbsc-radio-box:after {
            background: #7b7e82;
        }
        &.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, 0.6);
        }
    }
    .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, 0.2), 0 1px 1px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.5);
    }
    .mbsc-btn-ic {
        padding-right: .625em;
    }
    .mbsc-btn-icon-only .mbsc-btn-ic {
        padding: 0 .625em;
    }
    .mbsc-btn {
        &.mbsc-active {
            background: #757575;
        }
        &:disabled {
            background: #e5e5e5;
            color: #b5b5b5;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
    }
    .mbsc-btn-flat {
        padding: 0;
        border-color: transparent;
        background: transparent;
        font-weight: bold;
        -webkit-box-shadow: none;
        box-shadow: none;
        &.mbsc-active {
            opacity: .6;
            background: transparent;
            border-color: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        &:disabled {
            opacity: .2;
            background: transparent;
            color: #fff;
        }
    }
    .mbsc-btn-group {
        padding: .25em .5em;
    }
    a {
        color: #31c6e7;
    }
    .mbsc-switch {
        padding: 1.25em 7.25em 1.25em .75em;
    }
    .mbsc-switch-track {
        background: #464646;
        width: 4.625em;
        height: 1.25em;
        right: 1.25em;
        padding: 0 1.125em;
        margin-top: -.625em;
    }
    .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, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1);
        &:after {
            display: none;
        }
    }
    .mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-txt-off {
        display: none;
    }
    .mbsc-switch-handle .mbsc-switch-txt-off {
        display: block;
    }
    .mbsc-switch input {
        &:checked + .mbsc-switch-track .mbsc-switch-txt-on {
            display: block;
        }
        &.mbsc-active + .mbsc-switch-track .mbsc-switch-handle {
            background: #737373;
        }
        &:checked + .mbsc-switch-track .mbsc-switch-handle {
            background: #29799c;
        }
        &:disabled + .mbsc-switch-track .mbsc-switch-handle {
            background: #a6a7a6;
        }
    }
    .mbsc-segmented {
        padding: .75em;
    }
    .mbsc-segmented-content {
        height: 2.2857145em;
        margin: 0 -.07142857em;
        line-height: 2.2857145em;
        padding: 0 .428571em;
        text-transform: capitalize;
        border: .142857em solid #31c6e7;
    }
    .mbsc-stepper-cont {
        padding: 1.75em 12.375em 1.75em .75em;
    }
    .mbsc-segmented input {
        &:checked + .mbsc-segmented-content {
            background: #31c6e7;
        }
        &.mbsc-active + .mbsc-segmented-content {
            background: rgba(49, 198, 231, 0.35);
        }
    }
    .mbsc-stepper-control .mbsc-segmented-content {
        border: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.5);
    }
    .mbsc-stepper-minus .mbsc-segmented-content, .mbsc-segmented-item:first-child .mbsc-segmented-content {
        border-top-left-radius: .142857em;
        border-bottom-left-radius: .142857em;
    }
    .mbsc-stepper-plus .mbsc-segmented-content, .mbsc-segmented-item:last-child .mbsc-segmented-content {
        border-top-right-radius: .142857em;
        border-bottom-right-radius: .142857em;
    }
    .mbsc-stepper .mbsc-stepper-val {
        border: 0;
        background: #f5f5f5;
        color: #000;
        -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.5);
    }
    .mbsc-stepper-control .mbsc-segmented-content {
        background: #5c5c5c;
    }
    .mbsc-stepper {
        .mbsc-active .mbsc-segmented-content {
            background: #757575;
        }
        right: .75em;
        margin-top: -1em;
        .mbsc-segmented-content {
            margin: 0;
        }
    }
    .mbsc-segmented input:disabled {
        + .mbsc-segmented-content {
            color: #b5b5b5;
            border-color: #5c5c5c;
        }
        &:checked + .mbsc-segmented-content {
            background: #e5e5e5;
            color: #b5b5b5;
            border-color: #e5e5e5;
        }
    }
    .mbsc-stepper {
        input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-step-disabled .mbsc-segmented-content {
            background: #e5e5e5;
            color: #b5b5b5;
            border-color: #e5e5e5;
        }
        input:disabled ~ .mbsc-segmented-item .mbsc-stepper-val {
            background: #f5f5f5;
        }
    }
    .mbsc-stepper-val-left .mbsc-segmented-item:nth-child(2) .mbsc-segmented-content, .mbsc-stepper-val-right .mbsc-segmented-item:last-child .mbsc-segmented-content {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .mbsc-stepper input {
        color: #000;
        z-index: 3;
    }
    .mbsc-stepper-val-left input, .mbsc-stepper-val-right input {
        color: #fff;
    }
    .mbsc-stepper input:disabled {
        color: #b5b5b5;
        -webkit-text-fill-color: #b5b5b5;
    }
}

.mbsc-wp {
    &.mbsc-form {
        background-color: #060709;
        color: #fff;
        * {
            &::-moz-selection, &::selection {
                color: #fff;
                background: #1a9fe0;
            }
        }
    }
    .mbsc-input-ic {
        top: 0;
        margin-top: 0;
        color: #000;
    }
    .mbsc-divider {
        font-size: 1.5em;
        padding: 0 .5em;
        line-height: 2em;
    }
    .mbsc-err-msg {
        color: #d30101;
    }
    .mbsc-input {
        padding: .75em 1em;
        textarea, input {
            height: 2em;
            padding: 0 .3125em;
            background: #ccc;
            border: .125em solid #ccc;
            font-size: 1em;
            color: #2b2b2b;
        }
        textarea {
            padding-top: .125em;
            padding-bottom: .125em;
        }
        input {
            &::-webkit-input-placeholder, &::-ms-input-placeholder, &::-moz-placeholder {
                color: #5c5c5c;
            }
        }
        select:focus + input, textarea:focus, input:focus {
            background: #fff;
            border-color: #1a9fe0;
            color: #000;
        }
        select:disabled + input, textarea:disabled, input:disabled {
            background: #000;
            border-color: #4e4e4e;
            color: #4e4e4e;
        }
    }
    .mbsc-ic-left {
        input, textarea {
            padding-left: 2.25em;
        }
    }
    .mbsc-ic-right {
        input, textarea {
            padding-right: 2.25em;
        }
    }
    .mbsc-ic-left .mbsc-left-ic {
        right: auto;
        left: .25em;
    }
    .mbsc-ic-right .mbsc-right-ic {
        left: auto;
        right: .25em;
    }
    .mbsc-input {
        &.mbsc-err {
            input, textarea {
                border-color: #d30101;
            }
        }
        .mbsc-label {
            padding-bottom: .3125em;
            color: #878787;
            font-size: .8125em;
        }
    }
    .mbsc-select {
        input {
            background: transparent;
            border-color: #fff;
            color: #fff;
        }
        .mbsc-input-wrap .mbsc-ic {
            color: #fff;
        }
    }
    .mbsc-input select.mbsc-active + input {
        background: #1a9fe0;
        border-color: #fff;
        color: #fff;
    }
    .mbsc-select select {
        &:focus ~ .mbsc-ic {
            color: #000;
        }
        &.mbsc-active ~ .mbsc-ic {
            color: #fff;
        }
    }
    .mbsc-checkbox-box, .mbsc-radio-box {
        margin-top: -.6875em;
        border: .125em solid #fff;
    }
    .mbsc-checkbox input:disabled {
        + .mbsc-checkbox-box {
            opacity: .2;
        }
        ~ {
            .mbsc-label, .mbsc-desc {
                opacity: .2;
            }
        }
    }
    .mbsc-radio input:disabled {
        + .mbsc-radio-box {
            opacity: .2;
        }
        ~ {
            .mbsc-label, .mbsc-desc {
                opacity: .2;
            }
        }
    }
    .mbsc-switch input:disabled {
        + .mbsc-switch-track {
            opacity: .2;
        }
        ~ {
            .mbsc-label, .mbsc-desc {
                opacity: .2;
            }
        }
    }
    .mbsc-checkbox {
        padding: 1.125em 1em 1.125em 2.875em;
    }
    .mbsc-checkbox-box {
        width: 1.3125em;
        height: 1.3125em;
        left: 1em;
        &:after {
            top: 20%;
            left: 10%;
            width: .875em;
            height: .475em;
            border: .1875em solid #fff;
            border-top: 0;
            border-right: 0;
        }
    }
    .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box {
        background: #1a9fe0;
        &:after {
            border-color: #fff;
        }
    }
    .mbsc-radio {
        padding: 1.125em 3.25em 1.125em 1em;
    }
    .mbsc-radio-box {
        right: 1.125em;
        &:after {
            background: #fff;
        }
    }
    .mbsc-radio input.mbsc-active + .mbsc-radio-box {
        background: #1a9fe0;
        &:after {
            background: #1a9fe0;
        }
    }
    .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-btn-ic {
        padding-right: .5em;
        color: #fff;
    }
    .mbsc-btn-icon-only .mbsc-btn-ic {
        padding: 0;
    }
    .mbsc-btn {
        &:disabled {
            opacity: .3;
        }
        &.mbsc-active {
            background: #1a9fe0;
            color: #fff;
            -webkit-transform: translate3d(0, -2px, 0);
            -moz-transform: translate3d(0, -2px, 0);
            transform: translate3d(0, -2px, 0);
            .mbsc-btn-ic {
                background: #1a9fe0;
                color: #fff;
            }
        }
    }
    .mbsc-btn-flat {
        border: 0;
        font-size: .75em;
        .mbsc-btn-ic {
            display: block;
            width: 1.833334em;
            height: 1.833334em;
            margin: 0 auto .5em auto;
            padding: 0;
            border: .1666em solid #fff;
            border-radius: 1.833334em;
            line-height: 1.833334em;
            text-align: center;
        }
        &:disabled {
            border: 0;
        }
        &.mbsc-active {
            background: transparent;
            color: #fff;
            .mbsc-btn-ic {
                border-color: #1a9fe0;
            }
        }
    }
    .mbsc-btn-group {
        padding: .25em .75em;
    }
    a {
        color: #1a9fe0;
    }
    .mbsc-switch {
        padding: 1.125em 5.875em 1.125em 1em;
    }
    .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-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-switch input:checked {
        + .mbsc-switch-track {
            background: #1a9fe0;
        }
        &:disabled + .mbsc-switch-track {
            background: #fff;
        }
    }
    .mbsc-segmented {
        padding: .75em 1em;
    }
    .mbsc-segmented-content {
        height: 2em;
        margin: 0 -.07142857em;
        line-height: 2em;
        padding: 0 .375em;
        border: .142857em solid #fff;
        color: #fff;
        text-transform: lowercase;
    }
    .mbsc-segmented input {
        &:checked + .mbsc-segmented-content {
            background: #fff;
            color: #000;
        }
        &.mbsc-active + .mbsc-segmented-content {
            background: #1a9fe0;
        }
    }
    .mbsc-stepper {
        margin-top: -1em;
        .mbsc-active .mbsc-segmented-content {
            background: #1a9fe0;
        }
    }
    .mbsc-stepper-cont {
        padding: 1.75em 13em 1.75em 1em;
    }
    .mbsc-stepper input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-step-disabled .mbsc-segmented-content, .mbsc-segmented input:disabled + .mbsc-segmented-content {
        color: #505050;
        border-color: #505050;
    }
    .mbsc-stepper input:disabled {
        color: #505050;
        -webkit-text-fill-color: #505050;
    }
    .mbsc-segmented input:disabled:checked + .mbsc-segmented-content {
        color: #000;
        background: #505050;
    }
    .mbsc-stepper {
        .mbsc-active.mbsc-step-disabled .mbsc-segmented-content {
            background: transparent;
        }
        input {
            color: #fff;
        }
    }
}

.mbsc-material {
    &.mbsc-form {
        background-color: #eee;
        color: #6d6d6d;
        * {
            &::-moz-selection, &::selection {
                color: #fff;
                background: #009688;
            }
        }
    }
    .mbsc-desc {
        color: #6d6d6d;
    }
    .mbsc-divider {
        padding: 1.5em 1em .5em 1em;
        color: #009688;
    }
    .mbsc-err-msg {
        padding-top: .75em;
        font-size: .75em;
        color: #de3226;
    }
    .mbsc-input {
        textarea, input {
            height: 2.125em;
            padding: 0 0 1px 0;
            background-color: transparent;
            border-bottom: 1px solid #6d6d6d;
            font-size: 1em;
            color: #1f1f1f;
        }
        select:focus ~ input, textarea:focus, input:focus {
            padding-bottom: 0;
            border-bottom: 2px solid #009688;
        }
        select:disabled ~ input, textarea:disabled, input:disabled {
            border-style: dotted;
            opacity: .5;
        }
        textarea:-webkit-autofill, input:-webkit-autofill {
            padding: 0 .25em;
        }
        padding: .5em 1em;
    }
    .mbsc-input-ic {
        top: .0625em;
        margin: -2px 0 0 0;
    }
    .mbsc-input {
        &.mbsc-ic-left {
            padding-left: 3.25em;
        }
        &.mbsc-ic-right {
            padding-right: 3.25em;
        }
    }
    .mbsc-ic-left .mbsc-left-ic {
        right: auto;
        left: -2.625em;
    }
    .mbsc-ic-right .mbsc-right-ic {
        left: auto;
        right: -2.625em;
    }
    .mbsc-input {
        &.mbsc-err {
            input, textarea {
                padding: 0;
                border-bottom: 2px solid #de3226;
            }
        }
        .mbsc-label {
            font-size: .75em;
        }
        textarea {
            padding-top: .25em;
        }
    }
    .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-checkbox, .mbsc-radio {
        padding: .9375em 3.5em .9375em 1em;
        line-height: 1.25em;
    }
    .mbsc-checkbox-box, .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-checkbox-box:after, .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-checkbox input:checked + .mbsc-checkbox-box:after, .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-checkbox-box:before, .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, 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-checkbox input:disabled {
        + .mbsc-checkbox-box {
            opacity: .3;
        }
        ~ {
            .mbsc-label, .mbsc-desc {
                opacity: .3;
            }
        }
    }
    .mbsc-radio input:disabled {
        + .mbsc-radio-box {
            opacity: .3;
        }
        ~ {
            .mbsc-label, .mbsc-desc {
                opacity: .3;
            }
        }
    }
    .mbsc-switch input:disabled ~ {
        .mbsc-label, .mbsc-desc {
            opacity: .3;
        }
    }
    .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box:before, .mbsc-radio input.mbsc-active + .mbsc-radio-box:before, .mbsc-switch input.mbsc-active + .mbsc-switch-track .mbsc-switch-handle:before {
        opacity: 1;
    }
    .mbsc-checkbox-box {
        border-radius: .1875em;
        &:after {
            top: .125em;
            left: .0625em;
            width: .8125em;
            height: .4375em;
            border: .125em solid #fff;
            border-top: 0;
            border-right: 0;
        }
    }
    .mbsc-checkbox input:checked + .mbsc-checkbox-box {
        background: #009688;
        border-color: #009688;
    }
    .mbsc-radio-box:after {
        width: .625em;
        height: .625em;
        margin-top: -.3125em;
        margin-left: -.3125em;
        background: #009688;
        border-radius: .625em;
    }
    .mbsc-radio input:checked + .mbsc-radio-box {
        background: transparent;
        border-color: #009688;
    }
    .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, 0.25);
        box-shadow: 0 2px 5px 0 rgba(0, 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-btn-ic {
        padding: 0 .5em 0 0;
    }
    .mbsc-btn-icon-only .mbsc-btn-ic {
        padding: 0 .5em;
    }
    .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);
        }
        &:disabled {
            color: #a6a6a6;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
    }
    .mbsc-btn-flat {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        &.mbsc-active {
            background-color: #d6d6d6;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
    }
    .mbsc-btn-group {
        padding: 0 .5em;
        text-align: right;
    }
    a {
        color: #009688;
    }
    .mbsc-switch {
        padding: .9375em 4em .9375em 1em;
        line-height: 1.25em;
    }
    .mbsc-switch-track {
        right: 1.25em;
        width: 1.75em;
        height: .875em;
        padding: 0 .25em;
        margin-top: -.4375em;
        background: #b2b2b2;
        border-radius: 1.25em;
    }
    .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-switch-handle {
        &:before {
            top: -.625em;
            left: -.625em;
            width: 2.5em;
            height: 2.5em;
        }
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
    }
    .mbsc-active .mbsc-switch-handle {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
    }
    .mbsc-switch input {
        &:checked + .mbsc-switch-track {
            background-color: #a6d3cf;
            .mbsc-switch-handle {
                background: #009688;
            }
        }
        &:disabled + .mbsc-switch-track {
            background: #d6d6d6;
            .mbsc-switch-handle {
                background: #b9b9b9;
            }
        }
    }
    .mbsc-segmented {
        padding: .75em;
    }
    .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-segmented-item:first-child .mbsc-segmented-content, .mbsc-stepper-minus .mbsc-segmented-content {
        border-top-left-radius: .214286em;
        border-bottom-left-radius: .214286em;
    }
    .mbsc-stepper-plus .mbsc-segmented-content, .mbsc-segmented-item:last-child .mbsc-segmented-content {
        border-top-right-radius: .214286em;
        border-bottom-right-radius: .214286em;
    }
    .mbsc-segmented {
        input {
            &:checked {
                + .mbsc-segmented-content, ~ .mbsc-segmented-content {
                    background: #009688;
                    color: #eee;
                }
            }
            &.mbsc-active + .mbsc-segmented-content {
                background: #cbcbcb;
                color: #000;
            }
        }
        .mbsc-active .mbsc-segmented-content {
            background: #cbcbcb;
            color: #000;
        }
        input:disabled {
            + .mbsc-segmented-content {
                color: #a6a6a6;
                border-color: #b2b2b2;
            }
            &:checked + .mbsc-segmented-content {
                background: #d6d6d6;
                color: #a6a6a6;
                border-color: #d6d6d6;
            }
        }
    }
    .mbsc-stepper-cont {
        padding: 1.75em 12.875em 1.75em 1em;
    }
    .mbsc-stepper {
        margin-top: -1.125em;
        .mbsc-segmented-content {
            border-color: #d6d6d6;
            border-left: 0;
            border-right: 0;
        }
    }
    .mbsc-stepper-control .mbsc-segmented-content {
        background: #d6d6d6;
        border: 0;
        height: 2.5714285em;
        line-height: 2.5714285em;
    }
    .mbsc-segmented {
        input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-step-disabled .mbsc-segmented-content {
            background: #d6d6d6;
            color: #a6a6a6;
        }
        input:disabled ~ .mbsc-segmented-item .mbsc-stepper-val {
            background: #eee;
        }
    }
    .mbsc-stepper input:disabled {
        color: #d6d6d6;
        -webkit-text-fill-color: #d6d6d6;
    }
}

.mbsc-ios {
    &.mbsc-form {
        background: #f7f7f7;
        color: #000;
        * {
            &::-moz-selection, &::selection {
                color: #fff;
                background: #1272dc;
            }
        }
    }
    .mbsc-input-ic {
        color: #7f8797;
    }
    .mbsc-padding {
        padding: .875em;
    }
    .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-input {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        background: #fff;
        border-bottom: 1px solid #ccc;
    }
    .mbsc-textarea textarea {
        height: 2.75em;
        padding: 0 1em;
        background: transparent;
    }
    .mbsc-input {
        input {
            height: 2.75em;
            padding: 0 1em;
            background: transparent;
            &::-webkit-input-placeholder, &::-ms-input-placeholder, &::-moz-placeholder {
                color: #ccc;
            }
        }
        .mbsc-label {
            -webkit-box-flex: 0;
            -webkit-flex: 0 auto;
            -moz-box-flex: 0;
            -moz-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 25%;
            max-width: 12.5em;
            padding-left: 1em;
            overflow: hidden;
            font-size: 1em;
            line-height: 2.75em;
            color: #020202;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    }
    .mbsc-progress .mbsc-label {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -moz-box-flex: 0;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
        max-width: 12.5em;
        padding-left: 1em;
        overflow: hidden;
        font-size: 1em;
        line-height: 2.75em;
        color: #020202;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .mbsc-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-input {
        select:disabled ~ {
            input, .mbsc-ic {
                opacity: .5;
            }
        }
        input:disabled {
            opacity: .5;
        }
    }
    .mbsc-err {
        border-bottom-color: #d8332a;
        z-index: 1;
    }
    .mbsc-err-msg {
        padding: .5em 1.3333em;
        color: #d8332a;
    }
    .mbsc-select-ic {
        position: absolute;
        display: block;
        height: 1.25em;
        width: 1.25em;
        top: .875em;
        right: 1em;
        text-align: center;
    }
    .mbsc-ic-right .mbsc-select-ic {
        right: 3.4em;
    }
    .mbsc-textarea {
        .mbsc-input-wrap {
            padding: .625em 0;
        }
        textarea {
            height: 3em;
        }
    }
    .mbsc-input-ic {
        top: .375em;
        margin-top: -1px;
    }
    .mbsc-ic-left .mbsc-input-wrap {
        padding-left: 2.25em;
    }
    .mbsc-ic-right .mbsc-input-wrap {
        padding-right: 2.25em;
    }
    .mbsc-ic-left {
        .mbsc-label {
            padding-left: 3.25em;
            ~ .mbsc-input-wrap {
                padding-left: 0;
            }
        }
        .mbsc-left-ic {
            right: auto;
            left: .625em;
        }
    }
    .mbsc-ic-right .mbsc-right-ic {
        left: auto;
        right: .625em;
    }
    .mbsc-checkbox, .mbsc-radio {
        padding: .875em 3.5em .875em .875em;
        background: #fff;
        border-bottom: 1px solid #ccc;
    }
    .mbsc-checkbox input:disabled {
        + .mbsc-checkbox-box {
            opacity: .3;
        }
        ~ {
            .mbsc-label, .mbsc-desc {
                opacity: .3;
            }
        }
    }
    .mbsc-radio input:disabled {
        + .mbsc-radio-box {
            opacity: .3;
        }
        ~ {
            .mbsc-label, .mbsc-desc {
                opacity: .3;
            }
        }
    }
    .mbsc-switch input:disabled {
        + .mbsc-switch-track {
            opacity: .3;
        }
        ~ {
            .mbsc-label, .mbsc-desc {
                opacity: .3;
            }
        }
    }
    .mbsc-checkbox-box:after, .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-checkbox-box {
        right: .875em;
        width: 1.75em;
        height: 1.75em;
        margin-top: -.875em;
        background: transparent;
        border: .125em solid #1272dc;
        border-radius: 2em;
        &:after {
            top: 32%;
            left: 26%;
            width: .75em;
            height: .375em;
            border: .125em solid #1272dc;
            border-top: 0;
            border-right: 0;
        }
    }
    .mbsc-radio-box {
        right: 1.125em;
        margin-top: -.625em;
        background: transparent;
        &: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-radio input:disabled ~ .mbsc-radio-label {
        color: #a6a7a6;
    }
    .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-btn-ic {
        padding-right: .625em;
    }
    .mbsc-btn-icon-only .mbsc-btn-ic {
        padding: 0;
    }
    .mbsc-btn {
        &.mbsc-active {
            background: #f5f5f5;
        }
        &:disabled {
            background: #dfdfdf;
            color: #c4c4c4;
        }
    }
    .mbsc-btn-flat {
        background: transparent;
        border-color: transparent;
        &.mbsc-active {
            opacity: .6;
        }
        &:disabled {
            background: transparent;
            opacity: .8;
            color: #c4c4c4;
        }
    }
    .mbsc-btn-group {
        padding: .375em .625em;
    }
    a {
        color: #1272dc;
    }
    .mbsc-switch {
        padding: .875em 4.875em .875em .875em;
        background: #fff;
        border-bottom: 1px solid #ccc;
    }
    .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;
        &: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-progress-track {
            margin: 0 .875em;
        }
    }
    .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, 0.1), 0 0 0.0625em rgba(0, 0, 0, 0.15), 0 0.125em 0.125em rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 1em rgba(0, 0, 0, 0.1), 0 0 0.0625em rgba(0, 0, 0, 0.15), 0 0.125em 0.125em rgba(0, 0, 0, 0.15);
        -webkit-transition: -webkit-transform .2s ease-out;
        -moz-transition: -moz-transform .2s ease-out;
        transition: transform .2s ease-out;
    }
    .mbsc-switch input:checked + .mbsc-switch-track {
        background: #4cd764;
        border-color: #4cd764;
        &:after {
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
        }
    }
    .mbsc-segmented {
        padding: .75em;
        background-color: #fff;
    }
    .mbsc-stepper {
        display: block;
    }
    .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-stepper-minus .mbsc-segmented-content, .mbsc-segmented-item:first-child .mbsc-segmented-content {
        border-top-left-radius: .25em;
        border-bottom-left-radius: .25em;
    }
    .mbsc-stepper-plus .mbsc-segmented-content, .mbsc-segmented-item:last-child .mbsc-segmented-content {
        border-top-right-radius: .25em;
        border-bottom-right-radius: .25em;
    }
    .mbsc-stepper .mbsc-active .mbsc-segmented-content {
        background: #1272dc;
        color: #fff;
    }
    .mbsc-segmented input {
        &:checked + .mbsc-segmented-content {
            background: #1272dc;
            color: #fff;
        }
        &.mbsc-active + .mbsc-segmented-content {
            background: rgba(18, 114, 220, 0.15);
            color: #1272dc;
        }
    }
    .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-stepper {
        right: .75em;
        margin-top: -1em;
    }
    .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-step-disabled .mbsc-segmented-content, .mbsc-segmented input:disabled + .mbsc-segmented-content {
        color: #c4c4c4;
        border-color: #c4c4c4;
    }
    .mbsc-stepper {
        input:disabled {
            color: #c4c4c4;
            -webkit-text-fill-color: #c4c4c4;
        }
        .mbsc-segmented-item {
            width: 3.14285em;
        }
    }
    .mbsc-segmented input:disabled:checked + .mbsc-segmented-content {
        background: #dfdfdf;
    }
    .mbsc-stepper {
        .mbsc-active.mbsc-step-disabled .mbsc-segmented-content {
            background: transparent;
            color: #c4c4c4;
        }
        input {
            color: #000;
            width: 3.64285em;
            left: 3.64285em;
            z-index: 3;
        }
    }
}

.dwwb, .dwwo, .dwwol {
    -webkit-transform: translateZ(0);
}

.dwc {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dwl {
    line-height: 30px;
    height: 30px;
    top: -30px;
    left: 0;
    text-align: center;
    white-space: nowrap;
    position: absolute;
    width: 100%;
}

.dwwc {
    margin: 0 auto;
    position: relative;
    zoom: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.dwfl {
    max-width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    -ms-touch-action: none;
    touch-action: none;
}

.dwwl {
    position: relative;
    z-index: 5;
}

.dwww {
    position: relative;
    padding: 1px;
}

.dww {
    overflow: hidden;
    position: relative;
    border-radius: 1px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.dw-bf {
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;
    backface-visibility: hidden;
    perspective: 1000px;
}

.dw-ul {
    position: relative;
    z-index: 3;
}

.dw-li {
    padding: 0 5px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    vertical-align: bottom;
    opacity: .3;
    filter: Alpha(Opacity = 30);
    cursor: pointer;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    &.dw-v, &.dw-fv {
        opacity: 1;
        filter: Alpha(Opacity = 100);
    }
    &.dw-h {
        visibility: hidden;
    }
}

.dw-i {
    position: relative;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dwwb {
    position: absolute;
    z-index: 4;
    left: 0;
    cursor: pointer;
    width: 100%;
    text-decoration: none;
    text-align: center;
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.dwa .dwwb {
    opacity: 0;
}

.dwpm {
    .dwwbp {
        top: 0;
    }
    .dwwbm {
        bottom: 0;
    }
    .dwwol {
        display: none;
    }
}

.dwwo {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.dwwol {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 100%;
    pointer-events: none;
}

.dw-liq {
    .dwc {
        display: block;
    }
    .dw-tbl {
        width: 100%;
        table-layout: fixed;
    }
}

.dwhl .dwl {
    display: none;
}

.dw-hsel {
    position: absolute;
    height: 1px !important;
    width: 1px !important;
    left: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

.dw-ml .dw-li {
    overflow: hidden;
    .dw-i {
        width: 100%;
        height: auto;
        display: inline-block;
        vertical-align: middle;
        white-space: normal;
    }
}

.dwwms {
    .dw-li {
        padding: 0 40px;
    }
    .dwwol {
        display: none;
    }
}

.dw-msel:before {
    width: 40px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.dww .dw-w-gr {
    padding: 0 5px;
    opacity: 1;
    font-weight: bold;
    text-align: left;
}

.mbsc-mobiscroll {
    .dwc {
        padding: 2em .25em 0 .25em;
    }
    .dwl {
        color: #2196f3;
        font-size: .75em;
        text-transform: uppercase;
    }
    .dwhl {
        padding-top: 0;
    }
    .dwfl {
        padding: .5em .25em;
    }
    .dw-li {
        font-size: 1.375em;
    }
    .dw-hl {
        background: rgba(78, 204, 196, 0.3);
    }
    .dwwol {
        border-top: 1px solid #2196f3;
        border-bottom: 1px solid #2196f3;
    }
    .dwpm .dwwol {
        display: block;
    }
    .dwwb {
        color: #2196f3;
        background: #f7f7f7;
    }
    .dwwbp {
        bottom: 0;
        top: auto;
    }
    .dwwbm {
        top: 0;
        bottom: auto;
    }
    .dwwb {
        span {
            display: none;
        }
        &:before {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            font-size: 24px;
            text-align: center;
        }
        &.dwb-a:before {
            background: rgba(78, 204, 196, 0.3);
        }
    }
    .dw-w-gr {
        font-size: 1.125em;
    }
    .dw-msel:before {
        font-size: 40px;
        color: #2196f3;
    }
    .dwwms .dwwol {
        display: none;
    }
}

.mbsc-android-holo {
    .dwc {
        padding: 1.875em .625em .063em .625em;
    }
    .dwl {
        font-size: .75em;
    }
    .dwhl {
        padding: .0625em .625em;
    }
    .dw-li {
        color: #fff;
        font-size: 1.125em;
    }
    .dw-hl {
        background: rgba(49, 182, 231, 0.5);
    }
    .dwwo {
        background: -webkit-gradient(linear, left bottom, left top, from(#282828), color-stop(0.52, rgba(40, 40, 40, 0)), color-stop(0.48, rgba(40, 40, 40, 0)), to(#282828));
        background: -webkit-linear-gradient(#282828, rgba(40, 40, 40, 0) 52%, rgba(40, 40, 40, 0) 48%, #282828);
        background: -moz-linear-gradient(#282828, rgba(40, 40, 40, 0) 52%, rgba(40, 40, 40, 0) 48%, #282828);
        background: linear-gradient(#282828, rgba(40, 40, 40, 0) 52%, rgba(40, 40, 40, 0) 48%, #282828);
    }
    .dwwb {
        color: #7e7e7e;
        background: #292829;
        span {
            display: none;
        }
        &:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            font-size: 1.625em;
            text-align: center;
        }
    }
    .dwwbm {
        top: 0;
        bottom: auto;
    }
    .dwwbp {
        bottom: 0;
        top: auto;
    }
    .dwwl .dwb-a {
        background: #292829;
        color: #319abd;
    }
    .dwwol {
        display: block;
        width: 60%;
        left: 20%;
        border-top: 2px solid #31b6e7;
        border-bottom: 2px solid #31b6e7;
    }
    .dwwms {
        .dwwo, .dwwol {
            display: none;
        }
        .dw-li {
            padding: 0 2.25em;
            &:after {
                content: '';
                position: absolute;
                z-index: 1;
                top: 50%;
                left: auto;
                right: .625em;
                width: .875em;
                height: .875em;
                margin-top: -.5625em;
                border: 1px solid #424542;
            }
        }
    }
    .dw-msel:before {
        z-index: 2;
        top: 50%;
        left: auto;
        right: .625em;
        width: .875em;
        color: #31b6e7;
        margin-top: -.625em;
        line-height: .875em;
        text-shadow: 0 0 .375em #29799c;
    }
    .dww .dw-w-gr {
        padding: 0 .375em;
        font-size: 1em;
        font-weight: normal;
        &:after {
            display: none;
        }
    }
}

.mbsc-wp {
    .dw-li, .dwwb {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .dwl {
        font-size: .75em;
    }
    .dwc {
        padding: 1.875em 0 0 0;
    }
    .dwhl {
        padding: 0;
    }
    .dwwc {
        padding: .188em;
    }
    .dwwl {
        padding: 0 .125em;
    }
    .dw-li {
        padding: 0;
        font-size: 1.625em;
        letter-spacing: -.038em;
        text-align: left;
        opacity: 0;
        filter: Alpha(Opacity = 0);
    }
    .dw-i {
        position: relative;
        top: 4%;
        height: 92%;
        padding: 0 .192em;
        border: 2px solid #4c4c4c;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        filter: inherit;
    }
    .dw-li .dw-i {
        color: #fff;
    }
    .wpa .dw-li, .dwa .dw-li {
        opacity: .3;
        filter: Alpha(Opacity = 30);
    }
    .wpa {
        .dw-v, .dw-fv {
            opacity: 1;
            filter: Alpha(Opacity = 100);
        }
    }
    .dwa {
        .dw-v, .dw-fv {
            opacity: 1;
            filter: Alpha(Opacity = 100);
        }
    }
    .dw-day, .dw-mon {
        display: block;
        line-height: 1.636em;
        font-size: .423em;
        letter-spacing: normal;
        position: absolute;
        bottom: 0;
        filter: inherit;
    }
    .dw-sel {
        opacity: 1;
        filter: Alpha(Opacity = 100);
        .dw-i {
            color: #fff;
            background: #1a9fe0;
            border-color: #1a9fe0;
        }
    }
    .dw-hl .dw-i {
        color: #fff;
        background: #1a9fe0;
        border-color: #1a9fe0;
    }
    .dwwo, .dwwol {
        display: none;
    }
    .dwwb {
        background: #1f1f1f;
        &:before {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 2em;
            height: 2em;
            margin: -1.182em 0 0 -1.182em;
            color: #fff;
            line-height: 2em;
            font-size: .688em;
            text-align: center;
            border: 2px solid #fff;
            border-radius: 1.182em;
        }
    }
    .dwwl .dwb-a {
        top: auto;
        background: #1f1f1f;
        &:before {
            color: #000;
        }
    }
    .dwwb span {
        display: none;
    }
    .dwwms {
        .dw-li {
            padding: 0;
            opacity: .3;
            filter: Alpha(Opacity = 30);
        }
        .dw-v {
            opacity: 1;
            filter: Alpha(Opacity = 100);
        }
        .dw-li {
            .dw-i {
                color: #fff;
                border: 0;
                padding-left: 1.538em;
                background: 0;
            }
            &:after {
                content: '';
                position: absolute;
                z-index: 1;
                top: 50%;
                left: .192em;
                width: .769em;
                height: .769em;
                margin-top: -.385em;
                border: 2px solid #fff;
            }
        }
        .dw-msel:before {
            z-index: 2;
            top: 50%;
            left: .313em;
            width: 1.375em;
            margin-top: -.5em;
            font-size: .615em;
            line-height: 1.25em;
            color: #fff;
        }
    }
    .dw-select-gr {
        &.wpa .dw-w-gr {
            font-size: 22px;
            font-weight: normal;
            opacity: 1;
            filter: Alpha(Opacity = 100);
        }
        .dw-w-gr {
            .dw-i {
                border: 0;
                padding-left: 5px;
            }
            &:after {
                display: none;
            }
        }
    }
}

.mbsc-sense {
    .dwc {
        padding: 12px 0 26px 0;
    }
    .dwhl {
        padding: 16px 2px 16px 2px;
    }
    .dwfl {
        margin: 0 12px;
        padding: 4px 2px;
    }
    .dww {
        background: #f3f3f3;
        color: #2c2c2c;
    }
    .dwwo {
        background: -webkit-gradient(linear, left top, left bottom, from(#8e8e8e), color-stop(0.1, rgba(240, 240, 240, 0)), color-stop(0.9, rgba(240, 240, 240, 0)), to(#8e8e8e));
        background: -webkit-linear-gradient(#8e8e8e, rgba(240, 240, 240, 0) 10%, rgba(240, 240, 240, 0) 90%, #8e8e8e);
        background: -moz-linear-gradient(#8e8e8e, rgba(240, 240, 240, 0) 10%, rgba(240, 240, 240, 0) 90%, #8e8e8e);
        background: linear-gradient(#8e8e8e, rgba(240, 240, 240, 0) 10%, rgba(240, 240, 240, 0) 90%, #8e8e8e);
        -webkit-box-shadow: #aaa 0 0 50px inset;
        box-shadow: #aaa 0 0 50px inset;
        border-radius: 2px;
    }
    .dw-ul {
        margin-top: -20px;
    }
    .dw-li {
        font-size: 30px;
        font-weight: bold;
        text-shadow: 0 1px 0 #fff;
    }
    .dw-hl {
        background: rgba(64, 160, 196, 0.3);
    }
    .dwl {
        top: auto;
        bottom: -26px;
        height: 26px;
        line-height: 26px;
        color: #888;
        font-size: 10px;
        text-transform: uppercase;
    }
    .dwwl {
        border: 1px solid #fff;
        border-radius: 3px;
    }
    .dwwol {
        height: 1px;
        background: #c8c8c8;
        background: -webkit-gradient(linear, left top, right top, from(rgba(200, 200, 200, 0)), color-stop(0.5, #c8c8c8), to(rgba(200, 200, 200, 0)));
        background: -webkit-linear-gradient(left, rgba(200, 200, 200, 0), #c8c8c8, rgba(200, 200, 200, 0));
        background: -moz-linear-gradient(left, rgba(200, 200, 200, 0), #c8c8c8, rgba(200, 200, 200, 0));
        background: linear-gradient(to right, rgba(200, 200, 200, 0), #c8c8c8, rgba(200, 200, 200, 0));
        border-bottom: 1px solid #fff;
    }
    .dwwb {
        background: #eee;
    }
    .dwpm {
        .dwwl {
            border: 0;
            background: #eee;
        }
        .dww {
            background: #eee;
        }
        .dwwo {
            display: none;
        }
    }
    .dwwb span {
        display: none;
    }
    .dwwbm {
        top: 0;
        bottom: auto;
    }
    .dwwbp {
        bottom: 0;
        top: auto;
    }
    .dwwb {
        &:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            color: #121212;
            font-size: 24px;
            text-align: center;
        }
        &.dwb-a:before {
            color: #40a0c4;
        }
    }
    &.dwms .dww {
        padding: 20px 0;
    }
    .dw-w-gr {
        font-size: 20px;
    }
}

.mbsc-material {
    .dwc {
        padding: 2em .25em 0 .25em;
    }
    .dwhl {
        padding: 2em .25em;
    }
    .dwl {
        color: #009688;
        font-size: .75em;
        font-weight: bold;
        text-transform: uppercase;
    }
    .dwfl {
        padding: .5em .25em;
    }
    .dw-li {
        font-size: 1.375em;
    }
    .dw-hl {
        background: rgba(0, 0, 0, 0.1);
        border-radius: 2px;
    }
    .dwwol {
        border-top: 2px solid #009688;
        border-bottom: 2px solid #009688;
        padding-left: .625em;
        z-index: 4;
    }
    .dwwc .dwfl:last-child .dwwol {
        padding-left: 0;
    }
    .dwpm .dwwol {
        display: block;
    }
    .dwwb {
        height: 2em !important;
        line-height: 2em !important;
        color: #009688;
        background: #eee;
        overflow: hidden;
    }
    .dwwbp {
        top: 100%;
    }
    .dwwbm {
        bottom: 100%;
    }
    .dwwb {
        span {
            display: none;
        }
        .mbsc-ripple {
            display: block;
        }
        &:before {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            font-size: 1.5em;
            text-align: center;
        }
        &.dwb-a:before {
            background: rgba(0, 0, 0, 0.1);
        }
    }
    .dw-w-gr {
        font-size: 1.125em;
    }
    .dw-msel:before {
        color: #009688;
    }
    .dwwms .dwwol {
        display: none;
    }
}

.mbsc-ios-classic {
    .dwc {
        padding: 30px 2px 10px 2px;
    }
    .dwhl {
        padding: 10px 2px;
    }
    .dwwl {
        padding: 0 2px;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        background: #cbcce0;
        background: -webkit-gradient(linear, left bottom, left top, from(#2c2c38), color-stop(0.35, #cbcce0), color-stop(0.65, #cbcce0), to(#2c2c38));
        background: -webkit-linear-gradient(#2c2c38, #cbcce0 35%, #cbcce0 65%, #2c2c38);
        background: -moz-linear-gradient(#2c2c38, #cbcce0 35%, #cbcce0 65%, #2c2c38);
        background: linear-gradient(#2c2c38, #cbcce0 35%, #cbcce0 65%, #2c2c38);
        -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
        box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
    }
    .dw-ltr .dwsc .dwfl:first-child .dwwl, .dw-rtl .dwsc .dwfl:last-child .dwwl {
        -webkit-border-top-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }
    .dw-ltr .dwsc .dwfl:last-child .dwwl, .dw-rtl .dwsc .dwfl:first-child .dwwl {
        -webkit-border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }
    .dwsc .dww {
        background: #fff;
        background: -webkit-gradient(linear, left bottom, left top, from(#333), color-stop(0.1, #999), color-stop(0.3, #fff), color-stop(0.7, #fff), color-stop(0.9, #999), to(#333));
        background: -webkit-linear-gradient(#333, #999 10%, #fff 30%, #fff 70%, #999 90%, #333);
        background: -moz-linear-gradient(#333, #999 10%, #fff 30%, #fff 70%, #999 90%, #333);
        background: linear-gradient(#333, #999 10%, #fff 30%, #fff 70%, #999 90%, #333);
        border-radius: 0;
    }
    .dwpm {
        .dwwl {
            margin: 4px 2px;
            border: 1px solid #000;
            border-radius: 3px;
        }
        .dww {
            background: -webkit-gradient(linear, left bottom, left top, from(#333), color-stop(0.48, #fff), color-stop(0.52, #fff), to(#333));
            background: -webkit-linear-gradient(#333, #fff 48%, #fff 52%, #333);
            background: -moz-linear-gradient(#333, #fff 48%, #fff 52%, #333);
            background: linear-gradient(#333, #fff 48%, #fff 52%, #333);
        }
    }
    .dw-li {
        color: #000;
        font-size: 20px;
        font-weight: bold;
        text-align: right;
        text-shadow: none;
        &.dw-hl {
            background: -webkit-gradient(linear, left bottom, left top, from(#0288f3), to(#005de6));
            background: -webkit-linear-gradient(#0288f3, #005de6);
            background: -moz-linear-gradient(#0288f3, #005de6);
            background: linear-gradient(#0288f3, #005de6);
            color: #fff;
        }
    }
    .dwwo {
        background: -webkit-gradient(linear, left bottom, left top, from(#333), color-stop(0.1, rgba(153, 153, 153, 0)), color-stop(0.9, rgba(153, 153, 153, 0)), to(#333));
        background: -webkit-linear-gradient(#333, rgba(153, 153, 153, 0) 10%, rgba(153, 153, 153, 0) 90%, #333);
        background: -moz-linear-gradient(#333, rgba(153, 153, 153, 0) 10%, rgba(153, 153, 153, 0) 90%, #333);
        background: linear-gradient(#333, rgba(153, 153, 153, 0) 10%, rgba(153, 153, 153, 0) 90%, #333);
    }
    .dwwol {
        height: 28px;
        padding: 1px;
        margin-top: -16px;
        border-top: 1px solid #7b8699;
        border-bottom: 1px solid #7b8699;
        background: #6f75b0;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, rgba(111, 117, 176, 0.5)), color-stop(0.5, rgba(151, 157, 197, 0.5)));
        background: -webkit-linear-gradient(rgba(151, 157, 197, 0.5) 50%, rgba(111, 117, 176, 0.5) 50%);
        background: -moz-linear-gradient(rgba(151, 157, 197, 0.5) 50%, rgba(111, 117, 176, 0.5) 50%);
        background: linear-gradient(rgba(151, 157, 197, 0.5) 50%, rgba(111, 117, 176, 0.5) 50%);
        z-index: 10;
        left: -1px;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
        filter: alpha(opacity = 50);
    }
    .dwwb {
        color: #fff;
        background: #3f4e68;
        background: -webkit-gradient(linear, left bottom, left top, from(#3f4e68), color-stop(0.5, #75859f), color-stop(0.5, #808ea6), to(#c7d1e2));
        background: -webkit-linear-gradient(#c7d1e2, #808ea6 50%, #75859f 50%, #3f4e68);
        background: -moz-linear-gradient(#c7d1e2, #808ea6 50%, #75859f 50%, #3f4e68);
        background: linear-gradient(#c7d1e2, #808ea6 50%, #75859f 50%, #3f4e68);
    }
    .dwwbp {
        border-radius: 3px 3px 0 0;
        font-size: 40px;
    }
    .dwwbm {
        border-radius: 0 0 3px 3px;
        font-size: 32px;
        font-weight: bold;
    }
    .dwwl .dwb-a {
        background: #252c36;
        background: -webkit-gradient(linear, left bottom, left top, from(#252c36), color-stop(0.5, #171e28), color-stop(0.5, #272e38), to(#6b6e75));
        background: -webkit-linear-gradient(#6b6e75, #272e38 50%, #171e28 50%, #252c36);
        background: -moz-linear-gradient(#6b6e75, #272e38 50%, #171e28 50%, #252c36);
        background: linear-gradient(#6b6e75, #272e38 50%, #171e28 50%, #252c36);
    }
    &.dwms .dww {
        padding: 10px 0;
    }
    .dwwms .dw-li {
        padding: 0 5px 0 40px;
        text-align: left;
    }
    .dw-msel {
        color: #215085;
    }
    .dww .dw-w-gr {
        padding: 0 5px;
        color: #777;
        text-align: left;
    }
}

.mbsc-android {
    .dwc {
        padding: 32px 2px 6px 2px;
    }
    .dwhl {
        padding-top: 6px;
    }
    .dw-li {
        font-size: 26px;
        text-shadow: 0 1px 1px #000;
    }
    .dw-hl {
        background: rgba(255, 255, 255, 0.3);
    }
    .dwwl {
        padding: 0 2px;
        margin: 0 2px;
        background: #888;
        background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.35, #333), color-stop(0.5, #888), color-stop(0.65, #333), to(#000));
        background: -webkit-linear-gradient(#000, #333 35%, #888 50%, #333 65%, #000);
        background: -moz-linear-gradient(#000, #333 35%, #888 50%, #333 65%, #000);
        background: linear-gradient(#000, #333 35%, #888 50%, #333 65%, #000);
    }
    .dww {
        color: #fff;
        background: #444;
        background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.45, #444), color-stop(0.55, #444), to(#000));
        background: -webkit-linear-gradient(#000, #444 45%, #444 55%, #000);
        background: -moz-linear-gradient(#000, #444 45%, #444 55%, #000);
        background: linear-gradient(#000, #444 45%, #444 55%, #000);
    }
    .dwwo {
        background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.52, rgba(44, 44, 44, 0)), color-stop(0.48, rgba(44, 44, 44, 0)), to(#000));
        background: -webkit-linear-gradient(#000, rgba(44, 44, 44, 0) 52%, rgba(44, 44, 44, 0) 48%, #000);
        background: -moz-linear-gradient(#000, rgba(44, 44, 44, 0) 52%, rgba(44, 44, 44, 0) 48%, #000);
        background: linear-gradient(#000, rgba(44, 44, 44, 0) 52%, rgba(44, 44, 44, 0) 48%, #000);
    }
    .dwwol {
        height: 0;
        margin-top: -1px;
        border-top: 1px solid #333;
        border-bottom: 1px solid #555;
    }
    .dwpm {
        .dwwl {
            padding: 0;
            background: #fff;
        }
        .dww {
            color: #000;
            background: #fff;
            border-radius: 3px;
        }
        .dw-li {
            text-shadow: none;
        }
    }
    .dwwb {
        background: #ccc;
        color: #888;
        text-shadow: 0 -1px 1px #333;
        -webkit-box-shadow: 0 0 5px #333;
        box-shadow: 0 0 5px #333;
    }
    .dwwbp {
        background: -webkit-gradient(linear, left bottom, left top, from(#bdbdbd), to(#f7f7f7));
        background: -webkit-linear-gradient(#f7f7f7, #bdbdbd);
        background: -moz-linear-gradient(#f7f7f7, #bdbdbd);
        background: linear-gradient(#f7f7f7, #bdbdbd);
        border-radius: 3px 3px 0 0;
        font-size: 40px;
    }
    .dwwbm {
        background: -webkit-gradient(linear, left bottom, left top, from(#f7f7f7), to(#bdbdbd));
        background: -webkit-linear-gradient(#bdbdbd, #f7f7f7);
        background: -moz-linear-gradient(#bdbdbd, #f7f7f7);
        background: linear-gradient(#bdbdbd, #f7f7f7);
        border-radius: 0 0 3px 3px;
        font-size: 32px;
        font-weight: bold;
    }
    .dw-w-gr {
        font-size: 20px;
    }
}

.mbsc-sense-ui {
    .dwc {
        padding: 30px 2px 4px 2px;
    }
    .dwhl {
        padding-top: 4px;
    }
    .dwfl {
        padding: 0 2px;
    }
    .dw-li {
        font-size: 26px;
        text-shadow: 0 1px 1px #000;
    }
    .dw-hl {
        background: rgba(255, 255, 255, 0.3);
    }
    .dwwl {
        padding: 0 2px;
        background: #888;
        background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.35, #333), color-stop(0.5, #888), color-stop(0.65, #333), to(#000));
        background: -webkit-linear-gradient(#000, #333 35%, #888 50%, #333 65%, #000);
        background: -moz-linear-gradient(#000, #333 35%, #888 50%, #333 65%, #000);
        background: linear-gradient(#000, #333 35%, #888 50%, #333 65%, #000);
        border-radius: 3px;
    }
    .dww {
        color: #fff;
        background: #444;
        background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.45, #444), color-stop(0.55, #444), to(#000));
        background: -webkit-linear-gradient(#000, #444 45%, #444 55%, #000);
        background: -moz-linear-gradient(#000, #444 45%, #444 55%, #000);
        background: linear-gradient(#000, #444 45%, #444 55%, #000);
    }
    .dwwo {
        background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.52, rgba(44, 44, 44, 0)), color-stop(0.48, rgba(44, 44, 44, 0)), to(#000));
        background: -webkit-linear-gradient(#000, rgba(44, 44, 44, 0) 52%, rgba(44, 44, 44, 0) 48%, #000);
        background: -moz-linear-gradient(#000, rgba(44, 44, 44, 0) 52%, rgba(44, 44, 44, 0) 48%, #000);
        background: linear-gradient(#000, rgba(44, 44, 44, 0) 52%, rgba(44, 44, 44, 0) 48%, #000);
    }
    .dwwol {
        height: 0;
        margin-top: -1px;
        border-top: 1px solid #333;
        border-bottom: 1px solid #555;
    }
    .dwpm {
        .dwwl {
            padding: 0;
            background: #fff;
        }
        .dww {
            color: #000;
            background: #fff;
            border-radius: 3px;
        }
        .dw-li {
            text-shadow: none;
        }
    }
    .dwwb {
        background: #ccc;
        color: #888;
        text-shadow: 0 -1px 1px #333;
        -webkit-box-shadow: 0 0 5px #333;
        box-shadow: 0 0 5px #333;
    }
    .dwwbp {
        background: -webkit-gradient(linear, left bottom, left top, from(#bdbdbd), to(#f7f7f7));
        background: -webkit-linear-gradient(#f7f7f7, #bdbdbd);
        background: -moz-linear-gradient(#f7f7f7, #bdbdbd);
        background: linear-gradient(#f7f7f7, #bdbdbd);
        border-radius: 3px 3px 0 0;
        font-size: 40px;
    }
    .dwwbm {
        background: -webkit-gradient(linear, left bottom, left top, from(#f7f7f7), to(#bdbdbd));
        background: -webkit-linear-gradient(#bdbdbd, #f7f7f7);
        background: -moz-linear-gradient(#bdbdbd, #f7f7f7);
        background: linear-gradient(#bdbdbd, #f7f7f7);
        border-radius: 0 0 3px 3px;
        font-size: 32px;
        font-weight: bold;
    }
    .dw-w-gr {
        font-size: 20px;
    }
}

.mbsc-ios {
    .dwl {
        text-align: left;
        text-indent: .4166667em;
        color: #ababab;
    }
    .dwwc {
        padding: 2.5em .833333em .833333em .833333em;
    }
    .dwhl .dwwc {
        padding-top: .833333em;
    }
    .dwwo {
        background: -webkit-gradient(linear, left bottom, left top, from(#f7f7f7), color-stop(0.52, rgba(245, 245, 245, 0)), color-stop(0.48, rgba(245, 245, 245, 0)), to(#f7f7f7));
        background: -webkit-linear-gradient(#f7f7f7, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, #f7f7f7);
        background: -moz-linear-gradient(#f7f7f7, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, #f7f7f7);
        background: linear-gradient(#f7f7f7, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, #f7f7f7);
    }
    .dwwol {
        padding: 0 .833333em;
        height: 2.833333em;
        margin: -1.5em 0 0 -.833333em;
        border-top: 1px solid #dbdbdb;
        border-bottom: 1px solid #dbdbdb;
    }
    .dw-li {
        color: #9d9d9d;
        font-size: 1.833333em;
        text-align: left;
    }
    .dw-hl {
        background: rgba(0, 122, 255, 0.2);
    }
    .dw-sel {
        color: #000;
    }
    .dwpm {
        .dw-li {
            text-align: center;
        }
        .dwwol {
            display: block;
        }
    }
    .dwwb {
        color: #007aff;
        background: #f7f7f7;
    }
    .dwwbp {
        bottom: 0;
        top: auto;
    }
    .dwwbm {
        top: 0;
        bottom: auto;
    }
    .dwwb {
        span {
            display: none;
        }
        &:before {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            font-size: 2em;
            text-align: center;
        }
    }
    &.dw-select .dwwo {
        display: none;
    }
    .dwwms {
        .dw-li {
            padding: 0 .227272em 0 1.818181em;
            color: #000;
        }
        .dw-msel {
            color: #007aff;
        }
    }
    .dw-msel:before {
        font-size: 1.818181em;
    }
    .dw-select-gr {
        .dw-li {
            padding-left: 1.818181em;
        }
        .dw-w-gr {
            padding-left: .277777em;
            font-weight: normal;
            font-size: 1.222222em;
        }
    }
}

.mbsc-bootstrap {
    .dwcc {
        margin: 0 auto;
    }
    .dwc {
        padding: 30px 2px 4px 2px;
        overflow: visible;
    }
    .dwhl {
        padding-top: 0;
    }
    .dwfl {
        padding: 4px 2px 0 2px;
    }
    .dwwol {
        z-index: 3;
        padding: 0 2px;
        margin: 0 -2px;
        background: rgba(0, 0, 0, 0.2);
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }
    .dw-ltr .dwfl:first-child .dwwol, .dw-rtl .dwfl:last-child .dwwol {
        padding-left: 4px;
        margin-left: -4px;
    }
    .dw-ltr .dwfl:last-child .dwwol, .dw-rtl .dwfl:first-child .dwwol {
        padding-right: 4px;
        margin-right: -4px;
    }
    .dw-tbl {
        background: 0;
    }
    .dw-li {
        font-size: 26px;
    }
    .dw-hl {
        background: rgba(0, 0, 0, 0.1);
    }
    .dwwb {
        padding: 0;
    }
    .dwpm .dwwo {
        display: none;
    }
    .dwwbp span {
        font-size: 40px;
        font-weight: normal;
    }
    .dwwbm span {
        font-size: 32px;
    }
    .dw-w-gr {
        font-size: 20px;
    }
}

.mbsc-np .dwwr {
    font-size: 1.333333em;
}

.mbsc-np-hdr {
    position: relative;
}

.mbsc-np-dsp {
    padding: .5em 1.75em .5em .5em;
    text-align: left;
    font-size: 2em;
    line-height: .8;
}

.mbsc-np-sup {
    display: inline-block;
    font-size: .375em;
    vertical-align: top;
}

.mbsc-np-del {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 3.5em;
    text-align: center;
    &:before {
        display: block;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -.5em;
        font-size: 2em;
        line-height: 1;
    }
}

.mbsc-np-ph {
    display: inline-block;
    min-width: .5625em;
    text-align: center;
    vertical-align: top;
}

.mbsc-np-tbl-c {
    min-width: 15em;
    display: inline-block;
}

.dw-top .mbsc-np-tbl-c, .dw-bottom .mbsc-np-tbl-c {
    display: block;
}

.mbsc-np-tbl {
    display: table;
    width: 100%;
    font-size: 1.375em;
}

.mbsc-np-row {
    display: table-row;
}

.mbsc-np-btn {
    position: relative;
    z-index: 0;
    width: 33.3333333333%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 3em;
    -webkit-user-select: none;
    &.dwb-a {
        opacity: 1;
    }
}

.dw-rtl {
    .mbsc-np-dsp {
        padding-left: 1.75em;
        padding-right: .5em;
        text-align: right;
    }
    .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: #2196f3;
    }
    .mbsc-np-tbl-c {
        padding: .5em;
    }
    .mbsc-np-btn.dwb-d {
        opacity: .5;
    }
}

.mbsc-android {
    .mbsc-np-hdr {
        border-bottom: 2px solid #555;
    }
    .mbsc-np-tbl-c {
        padding: 1px;
    }
    .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);
        &.dwb-d {
            opacity: .7;
        }
    }
    .mbsc-np-btn-empty {
        background: 0;
    }
}

.mbsc-android-holo {
    .mbsc-np-hdr {
        border-bottom: 1px solid #424542;
    }
    .mbsc-np-btn.dwb-d {
        opacity: .3;
    }
}

.mbsc-android-holo-light .mbsc-np-hdr {
    border-bottom: 1px solid #dbdbdb;
}

.mbsc-bootstrap {
    &.mbsc-np .dwbc {
        padding: 4px 2px;
    }
    .mbsc-np-del.dwb-a {
        opacity: .5;
    }
    .mbsc-np-btn {
        border-top-width: 0;
        border-right-width: 0;
        font-size: inherit;
        border-radius: 0;
    }
    .mbsc-np-row:first-child .mbsc-np-btn {
        border-top-width: 1px;
    }
    .dw-ltr .mbsc-np-btn:first-child, .dw-rtl .mbsc-np-btn:last-child {
        border-left-width: 0;
    }
    &.dw-inline .mbsc-np-row:last-child .mbsc-np-btn {
        border-bottom-width: 0;
    }
    .mbsc-np-row .mbsc-np-btn.mbsc-np-btn-empty {
        background: 0;
    }
}

.mbsc-ios-classic {
    &.mbsc-np .dwwr {
        padding: 0;
        background: #282a39;
    }
    .mbsc-np-del {
        color: #4d5463;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    }
    .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, 0.3) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
        text-shadow: 0 -1px 0 rgba(52, 64, 77, 0.7);
        font-weight: bold;
    }
    .dw-ltr .mbsc-np-btn:first-child, .dw-rtl .mbsc-np-btn:last-child {
        border-left: 0;
    }
    .mbsc-np-btn {
        &.dwb-a {
            background: #eee;
            color: #000;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
        }
        &.dwb-d {
            opacity: .5;
        }
    }
    .mbsc-np-btn-empty, .mbsc-np-hdr {
        color: #000;
        background: #eee;
        background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#bbb));
        background: -webkit-linear-gradient(#eee, #bbb);
        background: -moz-linear-gradient(#eee, #bbb);
        background: linear-gradient(#eee, #bbb);
    }
}

.mbsc-ios {
    &.mbsc-np {
        .dwwr {
            padding-top: 2.5em;
        }
        .dwb {
            font-size: 1.0625em;
        }
    }
    .mbsc-np-btn {
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
        font-size: 1.375em;
        height: 2.2em;
    }
    .dw-ltr .mbsc-np-btn:first-child, .dw-rtl .mbsc-np-btn:last-child {
        border-left: 0;
    }
    .mbsc-np-btn {
        &.dwb-a {
            background: #ddd;
        }
        &.dwb-d {
            color: #ddd;
        }
    }
    .mbsc-np-btn-empty {
        background: #ddd;
    }
    .mbsc-np-ts-h, .mbsc-np-ts-m {
        font-weight: normal;
    }
}

.mbsc-jqm {
    &.mbsc-np .dwbc {
        padding: 4px 2px;
    }
    .mbsc-np-del.dwb-a {
        opacity: .5;
    }
    .mbsc-np-btn {
        border-top-width: 0;
        border-right-width: 0;
        font-size: 1.2em;
        height: 2.5em;
        padding: 0;
    }
    .mbsc-np-row:first-child .mbsc-np-btn {
        border-top-width: 1px;
    }
    &.dw-inline .mbsc-np-row:last-child .mbsc-np-btn {
        border-bottom-width: 0;
    }
    .dw-ltr .mbsc-np-btn:first-child, .dw-rtl .mbsc-np-btn:first-child {
        border-left-width: 0;
    }
    .mbsc-np-btn .ui-btn-inner {
        height: 100%;
        padding: 0;
        font-size: 1em;
        line-height: 2.5em;
    }
    .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-np-btn.dwb-d {
        color: #666;
    }
}

.mbsc-sense {
    .mbsc-np-hdr {
        background: #121212;
        color: #fff;
    }
    .mbsc-np-btn {
        border-top: 1px solid #bfbfbf;
        border-left: 1px solid #bfbfbf;
        color: #2c2e2f;
        -webkit-box-shadow: 0 0.0625em 0 rgba(255, 255, 255, 0.5) inset;
        box-shadow: 0 0.0625em 0 rgba(255, 255, 255, 0.5) inset;
    }
    .dw-ltr .mbsc-np-btn:first-child, .dw-rtl .mbsc-np-btn:last-child {
        border-left: 0;
    }
    .mbsc-np-btn {
        &.dwb-a {
            background: #bad7e1;
        }
        &.dwb-d {
            color: #bfbfbf;
        }
    }
}

.mbsc-wp {
    &.mbsc-np {
        .dwwr {
            padding: 2px;
        }
        .dwbc {
            padding-top: 4px;
        }
    }
    .mbsc-np-del.dwb-a {
        top: 0;
        opacity: .5;
        &:before {
            background: 0;
            color: #fff;
        }
    }
    .mbsc-np-btn {
        top: 0;
        background: #333;
        border: 2px solid #1f1f1f;
        &.dwb-a {
            background: #1a9fe0;
        }
        &.dwb-d {
            color: #666;
        }
    }
    .mbsc-np-btn-empty {
        background: 0;
    }
}

.mbsc-wp-light {
    .mbsc-np-del.dwb-a:before {
        color: #000;
    }
    .mbsc-np-btn {
        border-color: #dedede;
        background: #ccc;
        &.dwb-a {
            background: #b5b5b5;
        }
        &.dwb-d {
            color: #999;
        }
    }
    .mbsc-np-btn-empty {
        background: 0;
    }
}

.mbsc-material {
    .mbsc-np-del {
        overflow: hidden;
    }
    .mbsc-np-btn {
        overflow: hidden;
        font-size: 1.4545em;
        height: 2.0625em;
    }
    .mbsc-np-del {
        color: #009688;
        font-size: .875em;
    }
    .mbsc-np-tbl-c {
        padding: .5em;
    }
    .mbsc-np-btn.dwb-d {
        opacity: .5;
    }
}

.dw-cal-sc-m-cell, .dw-cal-days, .dw-cal-slide, .dw-cal-row, .dw-cal-day, .dw-cal-day-fg, .dw-week-nr {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dw-cal-sc-c, .dw-week-nrs-c, .dw-cal-c, .dw-cal-slide, .dw-cal-tab .dw-i, .dw-cal-sc .dw-i {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dw-calendar {
    .dwcc {
        position: relative;
        margin: 0 auto;
    }
    .dwc-hh {
        width: 0;
        height: 0;
        padding: 0;
        margin: 0;
        overflow: hidden;
        display: none;
    }
}

.dw-cal-c {
    position: relative;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.mbsc-cal-vertical .dw-cal-body {
    -ms-touch-action: none;
    touch-action: none;
}

.dw-cal-pnl {
    display: inline-block;
    vertical-align: middle;
}

.dw-cal-tabbed {
    .dw-cal-pnl {
        display: table;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .dw-cal-pnl-h {
        display: none;
    }
    .dw-cal-pnl-i {
        display: table-cell;
        vertical-align: middle;
    }
    .dw-cal {
        width: auto !important;
    }
}

.dw-trans .dw-persp .dw-cal-c {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}

.dw-cal-anim-c {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
}

.dw-cal-anim {
    position: relative;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.dw-cal-no3d .dw-cal-anim {
    margin: 0;
}

.dw-cal-slide {
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 300ms;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    &:first-child {
        position: relative;
    }
}

.dw-cal-slide-a {
    opacity: 1;
}

.dw-cal-header {
    line-height: 40px;
}

.dw-cal {
    table {
        width: 100%;
        height: 100%;
        border-collapse: collapse;
        table-layout: fixed;
    }
    th {
        line-height: 30px;
        text-align: center;
    }
}

.dw-cal-nb {
    border: 0;
}

.dw-cal-body {
    position: relative;
}

.dw-cal-table {
    height: 100%;
    width: 100%;
    display: table;
    table-layout: fixed;
}

.dw-cal-row {
    white-space: nowrap;
    display: table-row;
}

.dw-cal-day {
    line-height: 2.5em;
    width: 14.2857%;
    height: 16.6666%;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    cursor: default;
}

.dw-cal-day-v {
    cursor: pointer;
}

.dw-cal-day .dw-i {
    overflow: visible;
}

.dw-cal-day-diff {
    .dw-i {
        opacity: .3;
    }
    &.dw-sel .dw-i {
        opacity: 1;
    }
}

.dw-hide-diff .dw-cal-day-diff .dw-i {
    visibility: hidden;
}

.dw-cal-day-fg {
    padding: 5px;
    position: relative;
    z-index: 2;
}

.dw-weeks {
    .dw-cal-days-c, .dw-cal-anim-c {
        padding-left: 26px;
    }
}

.dw-week-nrs-c {
    display: none;
    position: absolute;
    width: 26px;
    height: 100%;
    left: 0;
    z-index: 3;
}

.dw-week-nrs {
    display: table;
    width: 100%;
    height: 100%;
}

.dw-week-nr {
    position: relative;
    display: none;
    height: 16.6666%;
    text-align: center;
    font-weight: bold;
}

.dw-week-nr-i {
    display: table-cell;
    vertical-align: middle;
    padding-top: 1px;
}

.dw-weeks .dw-week-nrs-c {
    display: block;
}

.dw-week-nrs .dw-week-nr {
    display: table-row;
}

.dw-rtl {
    .dw-weeks {
        .dw-cal-days-c, .dw-cal-anim-c {
            padding-left: 0;
            padding-right: 26px;
        }
    }
    .dw-week-nrs-c {
        left: auto;
        right: 0;
    }
}

.dw-cal-sc-c {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    overflow: hidden;
}

.dw-cal-h {
    visibility: hidden;
}

.dw-cal-p-out {
    -webkit-animation: 200ms dw-f-out ease-in;
    -moz-animation: 200ms dw-f-out ease-in;
    animation: 200ms dw-f-out ease-in;
}

.dw-cal-p-in {
    -webkit-animation: 200ms dw-f-in ease-out;
    -moz-animation: 200ms dw-f-in ease-out;
    animation: 200ms dw-f-in ease-out;
}

.mbsc-old {
    .dw-cal-p-in, .dw-cal-p-out {
        -webkit-animation: none;
        -moz-animation: none;
        animation: none;
    }
}

.dw-cal-sc {
    position: relative;
    height: 100%;
    white-space: nowrap;
    font-size: 1.3333em;
}

.dw-cal-sc-p {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
}

.dw-cal-sc-tbl {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
}

.dw-cal-sc-row {
    display: table-row;
}

.dw-cal-sc-cell {
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.dw-cal-sc-m-cell {
    height: 25%;
}

.dw-cal-btnc {
    position: relative;
    font-size: 1.5em;
}

.dw-cal-btnw {
    position: relative;
    height: 40px;
}

.dw-cal {
    .dw-cal-btn {
        position: absolute;
        top: 0;
        height: 40px;
        width: 36px;
        margin: 0;
        padding: 0;
        cursor: pointer;
    }
    .dwb-d {
        opacity: .3;
    }
}

.dw-cal-prev {
    left: 0;
}

.dw-cal-next {
    right: 0;
}

.dw-cal-month, .dw-cal-year {
    cursor: pointer;
}

.dw-cal-btnc-ym {
    .dw-cal-month, .dw-cal-year {
        display: block;
        margin: 0 36px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .dw-cal-btnw {
        width: 50%;
        display: inline-block;
        white-space: nowrap;
        vertical-align: top;
    }
}

.dw-cal-btn-txt {
    overflow: hidden;
    &:before {
        display: block;
    }
}

.dw-cal-liq {
    .dw {
        display: block;
    }
    .dw-cal-pnl {
        width: 100%;
    }
    .dw-cal {
        width: auto;
    }
    &.dw-modal {
        .dw {
            width: 100%;
            top: 0;
            left: 0;
        }
        .dwo {
            display: none;
        }
        .dwwr {
            width: auto !important;
        }
    }
}

.dw-cal-tabs {
    line-height: 40px;
    display: none;
    color: #000;
}

.dw-cal-tabbed {
    .dw-cal-tabs {
        display: block;
    }
    .dwwr {
        width: auto !important;
    }
}

.dw-cal-tabs {
    ul, li {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    ul {
        width: 100%;
        display: table;
    }
}

.dw-cal-tab {
    width: 33.33%;
    display: table-cell;
    cursor: pointer;
    .dw-i {
        display: block;
        text-decoration: none;
    }
}

.dw-cal-multi .dw-cal-slide {
    padding-left: 8px;
}

.dw-ltr .dw-cal-multi .dw-cal-anim-c {
    margin-right: -8px;
}

.dw-rtl .dw-cal-multi .dw-cal-anim-c {
    margin-left: -8px;
}

.dw-cal-multi {
    .dw-cal-anim {
        margin-left: -8px;
    }
    .dw-cal-btnw {
        display: block;
        width: auto;
    }
    .dw-cal-btnw-m {
        display: inline-block;
        white-space: nowrap;
        vertical-align: top;
    }
    .dw-cal-days-c {
        overflow: hidden;
    }
    .dw-cal-days {
        float: left;
    }
}

.mbsc-cal-m .dw-cal {
    font-size: 1.2em;
}

.mbsc-cal-l .dw-cal {
    font-size: 1.4em;
}

.mbsc-mobiscroll {
    .dw-cal-c {
        padding: .5em;
    }
    .dw-cal-sc {
        font-size: 1em;
    }
    .dw-cal-sc-c {
        background: #f7f7f7;
    }
    .dw-cal-btnc {
        font-size: 1.125em;
    }
    .dw-hl-now .dw-cal-today {
        color: #2196f3;
    }
    .dw-cal-btn-txt {
        color: #2196f3;
        font-size: 1em;
        line-height: 40px;
    }
    .dw-cal-days {
        color: #2196f3;
        border-bottom: 1px solid #2196f3;
        th {
            font-size: .6875em;
            font-weight: normal;
        }
    }
    .dw-cal-day {
        line-height: 1.875em;
        text-align: center;
    }
    .dw-cal-day-fg {
        font-size: .8125em;
    }
    .dw-cal-day-inv .dw-cal-day-fg {
        opacity: .3;
    }
    .dw-cal .dw-sel .dw-i {
        background: #2196f3;
        color: #fff;
    }
    .dw-cal-day-hl .dw-i {
        border-color: #2196f3;
    }
    .dw-week-nrs-c {
        font-size: .6875em;
        color: #2196f3;
        background: #f7f7f7;
    }
    .dw-week-nr-i {
        padding-top: 0;
        font-weight: normal;
    }
    .dw-cal-tabs {
        line-height: 1.875em;
        padding: .5em .5em 0 .5em;
        text-transform: uppercase;
    }
    .dw-cal-tabbed {
        .dwwr {
            padding-top: .5em;
        }
        .dwv {
            padding-top: 0;
        }
    }
    .dw-cal-tab {
        border: 1px solid #2196f3;
        font-size: .7em;
    }
    .dw-cal-tabs ul {
        width: auto;
        margin: 0 auto;
    }
    .dw-cal-tab .dw-i {
        padding: 0 1.2em;
        color: #454545;
    }
    .dw-ltr .dw-cal-tab {
        &:first-child {
            border-right: 0;
        }
        &:last-child {
            border-left: 0;
        }
    }
    .dw-rtl .dw-cal-tab {
        &:last-child {
            border-right: 0;
        }
        &:first-child {
            border-left: 0;
        }
    }
    .dw-cal-tabs .dw-sel {
        background: #2196f3;
        .dw-i {
            color: #f7f7f7;
        }
    }
}

.mbsc-android-holo {
    .dw-cal-sc-c {
        background: #292829;
    }
    .dw-cal-sc-m-cell {
        border-top: 1px solid #444;
    }
    .dw-cal-btn.dwb-a {
        background: 0;
    }
    .dw-week-nrs-c {
        background: #292829;
    }
    .dw-week-nr-i {
        color: #555;
        padding: 0;
        border-top: 1px solid #444;
    }
    .dw-cal {
        padding: .834em;
        font-size: .75em;
    }
    .dw-cal-header {
        line-height: 3em;
    }
    .dw-cal-btnw {
        height: 2em;
    }
    .dw-cal-btn {
        height: 2.25em;
        line-height: 2.25em;
    }
    .dw-hl-now .dw-cal-today {
        color: #31b6e7;
    }
    .dw-cal-btn-txt {
        color: #7e7e7e;
        font-size: 1.875em;
    }
    .dwb-a .dw-cal-btn-txt {
        color: #319abd;
    }
    .dw-cal th {
        color: #555;
    }
    .dw-cal-day {
        border-top: 1px solid #444;
        text-align: center;
    }
    .dw-cal-day-inv .dw-cal-day-fg {
        opacity: .3;
    }
    .dw-cal {
        .dw-sel .dw-i {
            color: #fff;
            background: #31b6e7;
            background: rgba(49, 182, 231, 0.5);
        }
        .dw-cal-day-hl .dw-i {
            background: #31b6e7;
            color: #fff;
        }
    }
    &.dw-cal-liq .dw-cal {
        padding: 0;
    }
    .dw-cal-tabs {
        background: #333;
        color: #fff;
        text-transform: uppercase;
        font-size: .625em;
        font-weight: bold;
        line-height: 1.4em;
    }
    .dw-cal-tab {
        border: 5px solid #333;
        border-left: 0;
        border-right: 0;
        &:first-child .dw-i {
            border-color: transparent;
        }
    }
    .dw-cal-tabs .dw-i {
        color: #fff;
        margin: .8em 0;
        border-left: 1px solid #444;
    }
    .dw-rtl .dw-cal-tabs .dw-i {
        border-left: 0;
        border-right: 1px solid #444;
    }
    .dw-cal-tabs .dw-sel {
        border-bottom: 5px solid #31b6e7;
    }
}

.mbsc-wp {
    .dw-cal-sc-m-cell {
        background: #1f1f1f;
        padding: .167em;
        .dw-i {
            top: 0;
            height: 100%;
            border-width: 1px;
        }
    }
    .dw-cal-sc-empty .dw-i {
        border: 0;
    }
    &.dw-calendar .dwbc {
        padding-top: .625em;
    }
    .dw-cal-btnc {
        text-transform: lowercase;
    }
    .dw-cal-btn {
        padding: 0;
        position: absolute;
        &.dwb-a {
            top: -.273em;
        }
        &:after {
            display: none;
        }
    }
    .dw-cal-btn-txt {
        font-size: 1.1666em;
        &: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;
        }
    }
    .dwb-a .dw-cal-btn-txt:before {
        background: #1a9fe0;
        border-color: #1a9fe0;
        color: #fff;
    }
    .dw-cal {
        font-size: .75em;
        th {
            font-weight: normal;
        }
    }
    .dw-cal-day {
        padding: .167em;
        line-height: 1.667em;
        .dw-i {
            top: 0;
            height: 100%;
            padding: 0;
            border: 0;
        }
    }
    .dw-cal-day-fg {
        height: 100%;
        border: 1px solid #4c4c4c;
        padding: .833em .417em 0 .417em;
    }
    .dw-cal-day-inv .dw-cal-day-fg {
        color: rgba(255, 255, 255, 0.3);
    }
    .dw-sel .dw-cal-day-fg {
        border-color: #1a9fe0;
    }
    .dw-week-nrs-c {
        background: #1f1f1f;
    }
    .dw-week-nr-i {
        padding-top: .833em;
    }
    .dw-cal-day-hl .dw-cal-day-fg {
        background: #fff;
        border-color: #fff;
        color: #000;
    }
    .dw-hl-now .dw-cal-today {
        color: #1a9fe0;
    }
    .dw-cal-tabs {
        .dw-i {
            border-width: 1px;
            color: #fff;
        }
        font-size: .75em;
        padding: 0 0 .313em 0;
    }
    .dw-ltr .dw-cal-tab {
        .dw-i {
            border-left-width: 0;
        }
        &:first-child .dw-i {
            border-left-width: 1px;
        }
    }
    .dw-rtl .dw-cal-tab {
        .dw-i {
            border-right-width: 0;
        }
        &:first-child .dw-i {
            border-right-width: 1px;
        }
    }
}

.mbsc-sense {
    .dw-cal-btn {
        border: 0;
    }
    .dw-cal {
        color: #fff;
        margin: 0 -1px;
        background: #dfdfdf;
    }
    .dw-cal-sc-c {
        background: #fff;
        color: #000;
    }
    .dw-cal-sc-m-cell {
        border-top: 1px solid #c9c9c9;
        border-left: 1px solid #c9c9c9;
    }
    .dw-cal-sc .dw-sel {
        background: #c1e8f6;
    }
    .dw-cal-btnc {
        background: #333;
        font-size: 1.3333em;
    }
    .dw-cal-btn-txt {
        color: #fff;
        line-height: 40px;
        font-size: 23px;
    }
    .dwb-a .dw-cal-btn-txt {
        color: #40a0c4;
    }
    .dw-cal-days-c {
        background: #dfdfdf;
    }
    .dw-cal-days {
        color: #5d5d5d;
    }
    .dw-week-nrs-c {
        background: #dfdfdf;
        border-right: 1px solid #c9c9c9;
    }
    .dw-week-nr-i {
        color: #5d5d5d;
        text-shadow: none;
    }
    .dw-cal th {
        font-size: .9166em;
        line-height: 22px;
        text-transform: uppercase;
        font-weight: bold;
    }
    .dw-hl-now .dw-cal-today {
        color: #40a0c4;
    }
    .dw-cal-day {
        background: #fff;
        color: #000;
        font-weight: bold;
        text-align: right;
        line-height: 16px;
        text-shadow: none;
        border: 0;
        border-top: 1px solid #c9c9c9;
        border-left: 1px solid #c9c9c9;
    }
    .dw-rtl .dw-cal-day {
        border: 0;
        border-top: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
    }
    .dw-cal-day-fg {
        height: 100%;
        padding: 3px 3px 27px 3px;
        border: 2px solid transparent;
    }
    .dw-cal-day-inv .dw-cal-day-fg {
        opacity: .3;
    }
    .dw-cal-day.dw-sel {
        background: #c1e8f6;
        color: #000;
    }
    .dw-cal-day-hl .dw-cal-day-fg {
        border: 2px solid #33b5e5;
        color: #33b5e5;
        background: 0;
    }
    &.dw-cal-liq .dwwr {
        border-width: 0;
    }
    &.dw-inline.dw-cal-liq .dwwr {
        border-width: 1px;
    }
    .dw-cal-multi .dw-cal-day:last-child {
        border-right: 1px solid #c9c9c9;
    }
    .dw-rtl .dw-cal-multi .dw-cal-day:last-child {
        border-left: 1px solid #c9c9c9;
    }
    .dw-cal-tabbed .dw-cal {
        width: auto;
    }
    .dw-cal-tabs {
        line-height: 40px;
        background: #3f3f3f;
        .dw-i {
            color: #888;
            font-size: 12px;
        }
        .dw-sel .dw-i {
            color: #fff;
        }
    }
}

.mbsc-material {
    .dw-cal-c {
        padding: .5em .5em 0 .5em;
    }
    .dw-cal-sc {
        font-size: 1em;
    }
    .dw-cal-sc-c {
        background: #eee;
    }
    .dw-cal-btnc {
        font-size: 1.125em;
    }
    .dw-cal .dw-cal-btn {
        height: 2.2222em;
        width: 2.2222em;
        line-height: 2.2222em;
    }
    .dw-hl-now .dw-cal-today {
        color: #009688;
    }
    .dw-cal-btn-txt {
        color: #009688;
        font-size: 1.875em;
    }
    .dw-cal-year, .dw-cal-month {
        font-weight: bold;
        line-height: 2.2222em;
    }
    .dw-cal-days-c {
        padding-bottom: .375em;
    }
    .dw-cal-days th {
        font-size: .75em;
        font-weight: bold;
        line-height: 2.5em;
    }
    .dw-cal-day {
        line-height: 1.875em;
        text-align: center;
        padding-bottom: .6875em;
    }
    .dw-cal-day-fg {
        font-size: .875em;
        width: 2.4286em;
        height: 2.4286em;
        line-height: 2.4em;
        border: 1px solid transparent;
        text-align: center;
        padding: 0;
        margin: 0 auto;
    }
    .dw-cal-day-inv .dw-cal-day-fg {
        color: rgba(91, 91, 91, 0.3);
    }
    .dw-cal .dw-sel .dw-cal-day-fg {
        border-radius: 2.3em;
        background: rgba(13, 155, 141, 0.3);
    }
    .dw-cal-sc {
        .dw-i {
            display: inline-block;
            width: 4em;
            height: 4em;
            line-height: 4em;
            border-radius: 4em;
            .dw-cal-sc-cell {
                display: block;
            }
        }
        .dw-sel .dw-i {
            background: rgba(13, 155, 141, 0.3);
        }
    }
    .dw-week-nrs-c {
        font-size: .6875em;
        color: #5b5b5b;
        background: #eee;
    }
    .dw-week-nr-i {
        vertical-align: top;
        padding-top: 1em;
    }
    .dw-cal-tabs {
        line-height: 1.875em;
        padding: .5em .5em 0 .5em;
        text-transform: uppercase;
    }
    .dw-cal-tabbed {
        .dwv, .dw-cal-c {
            padding-top: 0;
        }
    }
    .dw-cal-tab {
        font-size: .75em;
        .dw-i {
            padding: 0 .5em;
            color: #5b5b5b;
        }
    }
    .dw-cal-tabs .dw-sel .dw-i {
        color: #009688;
    }
}

.mbsc-ios-classic {
    &.dw-cal-liq {
        .dw {
            border: 1px solid #2d3034;
        }
        &.dw-bottom .dw {
            border-width: 1px 0 0 0;
        }
        &.dw-top .dw {
            border-width: 0 0 1px 0;
        }
    }
    &.dw-calendar {
        .dwwr {
            padding: 0;
        }
        .dwcc {
            overflow: hidden;
        }
        .dwc {
            margin: 0 8px;
        }
        .dwc-h, .dwc-hh {
            margin: 0;
        }
    }
    .dw-cal-c {
        margin-left: -1px;
        background: #ccc;
    }
    .dw-cal {
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    }
    .dw-cal-header {
        background: #f2f2f2;
        background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ccc));
        background: -webkit-linear-gradient(#f2f2f2, #ccc);
        background: -moz-linear-gradient(#f2f2f2, #ccc);
        background: linear-gradient(#f2f2f2, #ccc);
        color: #545454;
        font-weight: bold;
    }
    .dw-hl-now .dw-cal-today {
        color: #2361e8;
    }
    .dw-cal-btn {
        margin: 0;
        padding: 0;
        border: 0;
        background: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .dw-cal-btn-txt {
        font-size: 30px;
        line-height: 40px;
        color: #34404d;
    }
    .dw-cal th {
        line-height: 14px;
        font-size: .8333em;
        color: #545454;
    }
    .dw-cal-table {
        background: #ccc;
        background: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#ccc));
        background: -webkit-linear-gradient(#e2e2e2, #ccc);
        background: -moz-linear-gradient(#e2e2e2, #ccc);
        background: linear-gradient(#e2e2e2, #ccc);
    }
    .dw-cal-day {
        border-top: 1px solid #9fa2ab;
        border-left: 1px solid #9fa2ab;
        color: #34404d;
        font-size: 1.5em;
        font-weight: bold;
        line-height: 1.6666em;
        text-align: center;
    }
    .dw-cal-day-inv .dw-cal-day-fg {
        opacity: .4;
    }
    .dw-rtl .dw-cal-day {
        border: 0;
        border-top: 1px solid #9fa2ab;
        border-right: 1px solid #9fa2ab;
    }
    .dw-cal-day-bg {
        top: -1px;
        padding-top: 1px;
        padding-right: 1px;
    }
    .dw-sel .dw-cal-day-bg {
        padding-right: 0;
    }
    .dw-week-nrs-c {
        color: #34404d;
        font-size: .8333em;
        background: #ccc;
        border-right: 1px solid #9fa2ab;
    }
    .dw-rtl .dw-week-nrs-c {
        border-right: 0;
        border-left: 1px solid #9fa2ab;
    }
    .dw-week-nr-i {
        padding-top: 2px;
    }
    .dw-cal-day .dw-cal-day-fg {
        height: 100%;
        border-top: 1px solid #ededed;
        border-right: 1px solid #ededed;
    }
    .dw-cal {
        .dw-sel {
            .dw-cal-day-fg, .dw-cal-sc-cell {
                border-color: transparent;
                color: #fff;
                text-shadow: 0 -1px 0 rgba(52, 64, 77, 0.7);
            }
        }
        .dw-cal-day-hl .dw-cal-day-fg {
            border-color: transparent;
            color: #fff;
            text-shadow: 0 -1px 0 rgba(52, 64, 77, 0.7);
        }
        .dw-sel .dw-i {
            background: #1980e5;
            background: -webkit-gradient(linear, left top, left bottom, from(#71b0ef), color-stop(0.5, #2b8ae7), color-stop(0.5, #0072e2));
            background: -webkit-linear-gradient(#71b0ef, #2b8ae7 50%, #0072e2 50%);
            background: -moz-linear-gradient(#71b0ef, #2b8ae7 50%, #0072e2 50%);
            background: linear-gradient(#71b0ef, #2b8ae7 50%, #0072e2 50%);
        }
    }
    .dw-sel .dw-cal-day-frame {
        position: absolute;
        z-index: 2;
        top: -1px;
        left: -1px;
        height: 100%;
        width: 100%;
        border: 1px solid #293649;
    }
    .dw-cal .dw-cal-day-hl {
        .dw-i {
            background: #7389a5;
            -webkit-box-shadow: 0 0 8px rgba(52, 64, 77, 0.7) inset;
            box-shadow: 0 0 8px rgba(52, 64, 77, 0.7) inset;
        }
        .dw-cal-day-frame {
            border-color: #364f72;
        }
    }
    .dw-cal-sc-c {
        background: #ccc;
        font-size: 1.125em;
    }
    .dw-cal-sc-m-cell {
        position: relative;
        border-top: 1px solid #9fa2ab;
        border-left: 1px solid #9fa2ab;
        color: #545454;
        font-weight: bold;
        .dw-i {
            padding: 0;
            border-top: 1px solid #ededed;
            border-right: 1px solid #ededed;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
    }
    .dw-cal-sc .dw-sel {
        .dw-i {
            padding: 0;
            border: 0;
        }
        &:after {
            content: '';
            position: absolute;
            z-index: 1;
            top: -1px;
            bottom: -1px;
            left: -1px;
            right: -1px;
            border: 1px solid #293649;
        }
    }
    .dw-cal-tabbed .dwwr {
        background-position: center 23px;
    }
    .dw-cal-tabs {
        padding: 5px;
        border-bottom: 1px solid #2d3034;
        background: #c5ccd4;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #c5ccd4), color-stop(70%, #cbd2d8), color-stop(100%, #cbd2d8));
        background: -webkit-linear-gradient(left, #c5ccd4 70%, #cbd2d8 70%, #cbd2d8 100%);
        background: -moz-linear-gradient(left, #c5ccd4 70%, #cbd2d8 70%, #cbd2d8 100%);
        background: linear-gradient(left, #c5ccd4 70%, #cbd2d8 70%, #cbd2d8 100%);
        -webkit-background-size: 7px 512px;
        background-size: 7px 512px;
        ul {
            -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
            border-radius: 7px;
            box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
        }
    }
    .dw-cal-tab {
        background: #ddd;
        background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#d2d2d2));
        background: -webkit-linear-gradient(#fdfdfd, #d2d2d2);
        background: -moz-linear-gradient(#fdfdfd, #d2d2d2);
        background: linear-gradient(#fdfdfd, #d2d2d2);
        border: 1px solid #afafaf;
        line-height: 30px;
        font-size: 14px;
        font-weight: bold;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
        .dw-i {
            color: #888;
            padding: 0 10px;
        }
    }
    .dw-ltr .dw-cal-tab {
        &:first-child {
            border-right: 0;
            border-radius: 6px 0 0 6px;
        }
        &:last-child {
            border-left: 0;
            border-radius: 0 6px 6px 0;
        }
    }
    .dw-rtl .dw-cal-tab {
        &:last-child {
            border-right: 0;
            border-radius: 6px 0 0 6px;
        }
        &:first-child {
            border-left: 0;
            border-radius: 0 6px 6px 0;
        }
    }
    .dw-cal-tabs .dw-sel {
        background: #427de5;
        background: -webkit-gradient(linear, left top, left bottom, from(#336ec8), color-stop(0.5, #427de5), color-stop(0.5, #4e89e7), to(#6fa7f4));
        background: -webkit-linear-gradient(#336ec8, #427de5 50%, #4e89e7 50%, #6fa7f4);
        background: -moz-linear-gradient(#336ec8, #427de5 50%, #4e89e7 50%, #6fa7f4);
        background: linear-gradient(#336ec8, #427de5 50%, #4e89e7 50%, #6fa7f4);
        border: 0;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
        .dw-i {
            color: #fff;
        }
    }
    .dw-cal-multi {
        padding-bottom: 4px;
        .dw-cal-anim-c {
            margin: 0;
            padding: 0 2px;
        }
        .dw-cal-anim {
            margin: 0;
        }
    }
    .dw-ltr .dw-cal-multi.dw-weeks .dw-cal-anim-c {
        padding: 0 2px 0 24px;
    }
    .dw-rtl .dw-cal-multi.dw-weeks .dw-cal-anim-c {
        padding: 0 24px 0 2px;
    }
    .dw-cal-multi {
        .dw-cal-days, .dw-cal-slide {
            padding: 0 2px;
        }
        .dw-cal-day {
            border-top: 0;
            border-bottom: 1px solid #9fa2ab;
        }
    }
    .dw-ltr .dw-cal-multi .dw-cal-day:last-child {
        border-right: 1px solid #9fa2ab;
    }
    .dw-rtl .dw-cal-multi .dw-cal-day:last-child {
        border-left: 1px solid #9fa2ab;
    }
    .dw-cal-multi .dw-cal-row:first-child .dw-cal-day {
        border-top: 1px solid #9fa2ab;
    }
}

.mbsc-android {
    .dw-cal {
        .dwb {
            height: 32px;
            margin: 4px;
            padding: 0;
        }
        padding: 4px;
    }
    .dw-hl-now .dw-cal-today {
        color: #ffb25a;
    }
    .dw-cal-btn-txt {
        font-size: 30px;
        line-height: 32px;
        color: #000;
    }
    .dw-cal-header, .dw-cal-days-c {
        background: #9c9c9c;
        color: #000;
    }
    .dw-cal-sc-c {
        width: auto;
        left: -2px;
        right: -2px;
        background: #000;
    }
    .dw-cal-sc-m-cell {
        border-width: 4px 2px 0 2px;
        border-style: solid;
        border-color: #000;
    }
    .dw-cal-btnc-ym {
        .dw-cal-month, .dw-cal-year {
            margin: 0 44px;
        }
    }
    .dw-week-nr {
        color: #000;
    }
    .dw-week-nrs-c {
        background: #9c9c9c;
    }
    .dw-cal-day {
        border: 1px solid #000;
        border-bottom: 0;
        border-right: 0;
        background: #222;
    }
    .dw-cal-day-m {
        border-color: #ffb25a #ffb25a transparent transparent;
    }
    .dw-cal-day-inv .dw-cal-day-fg {
        opacity: .3;
    }
    .dw-cal {
        .dw-sel .dw-i {
            color: #fff;
            background: #636363;
        }
        .dw-cal-day-hl .dw-i {
            background: #888;
            color: #fff;
        }
    }
    .dw-cal-tab .dw-i {
        color: #fff;
    }
    .dw-cal-tabs {
        border-bottom: 2px solid #555;
        line-height: 30px;
        color: #fff;
    }
    .dw-cal-tab {
        background: #333;
        background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
        background: -webkit-linear-gradient(#333, #000);
        background: -moz-linear-gradient(#333, #000);
        background: linear-gradient(#333, #000);
        border-left: 1px solid #444;
    }
    .dw-rtl .dw-cal-tab {
        border-left: 0;
        border-right: 1px solid #444;
    }
    .dw-cal-tab:first-child {
        border: 0;
    }
    .dw-cal-tabs .dw-sel {
        background: #999;
        background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#555));
        background: -webkit-linear-gradient(#999, #555);
        background: -moz-linear-gradient(#999, #555);
        background: linear-gradient(#999, #555);
    }
    &.dw-cal-liq {
        &.dw-modal .dw {
            border: 0;
        }
        .dw-cal {
            padding: 0;
        }
    }
}

.mbsc-sense-ui {
    &.dw-cal-liq.dw-modal .dwwr {
        border: 0;
        border-radius: 0;
    }
    &.dw-calendar.dw-inline .dw-cal:after {
        content: '';
        height: 8px;
        display: block;
    }
    .dw-cal-btn {
        height: 30px;
        width: 32px;
        margin: 4px;
        padding: 0;
    }
    .dw-cal-c {
        overflow: visible;
    }
    .dw-cal {
        margin: -1px;
        border: 1px solid #666;
    }
    .dw-cal-sc-m-cell {
        padding: 2px;
        background: #333;
        border-top: 1px solid #666;
        border-left: 1px solid #666;
    }
    .dw-cal-sc .dw-i {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .dw-cal-btnc-ym {
        .dw-cal-month, .dw-cal-year {
            margin: 0 42px;
        }
    }
    .dw-cal-btnc {
        font-size: 1.3333em;
        background: #000;
        background: -webkit-linear-gradient(#8b8b8b, #5b5b5b 50%, #262626 50%, #000);
        background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.5, #262626), color-stop(0.5, #5b5b5b), to(#8b8b8b));
        background: -moz-linear-gradient(#8b8b8b, #5b5b5b 50%, #262626 50%, #000);
        background: linear-gradient(#8b8b8b, #5b5b5b 50%, #262626 50%, #000);
    }
    .dw-cal {
        .dw-sel .dw-i, &:after {
            background: #000;
            background: -webkit-linear-gradient(#8b8b8b, #5b5b5b 50%, #262626 50%, #000);
            background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.5, #262626), color-stop(0.5, #5b5b5b), to(#8b8b8b));
            background: -moz-linear-gradient(#8b8b8b, #5b5b5b 50%, #262626 50%, #000);
            background: linear-gradient(#8b8b8b, #5b5b5b 50%, #262626 50%, #000);
        }
    }
    .dw-cal-btn-txt {
        font-size: 30px;
        line-height: 32px;
        color: #fff;
    }
    .dw-hl-now .dw-cal-today {
        color: #94c840;
    }
    .dwb-a .dw-cal-btn-txt {
        color: #fff;
    }
    .dw-cal-days-c {
        border-top: 1px solid #666;
        background: #222;
        background: -webkit-gradient(linear, left bottom, left top, from(#000), to(#444));
        background: -webkit-linear-gradient(#444, #000);
        background: -moz-linear-gradient(#444, #000);
        background: linear-gradient(#444, #000);
    }
    .dw-cal th {
        line-height: 22px;
        font-size: .8333em;
        text-transform: uppercase;
        font-weight: normal;
    }
    .dw-cal-day {
        padding: 1px;
        background: #333;
        border: 0;
        border-top: 1px solid #666;
        border-left: 1px solid #666;
        line-height: 27px;
        text-align: center;
        text-shadow: 0 0 2px #000;
    }
    .dw-rtl .dw-cal-day {
        border: 0;
        border-top: 1px solid #666;
        border-right: 1px solid #666;
    }
    .dw-cal-day-inv .dw-cal-day-fg {
        opacity: .3;
    }
    .dw-week-nrs-c {
        background: #000;
        border-right: 1px solid #666;
    }
    .dw-week-nr-i {
        border-top: 1px solid #666;
        text-shadow: none;
    }
    .dw-cal {
        .dw-i {
            overflow: hidden;
            border: 1px solid transparent;
        }
        .dw-sel .dw-i {
            color: #fff;
            border-color: #777;
            border-radius: 3px;
        }
        .dw-cal-day-hl .dw-i {
            background: #888;
            color: #fff;
        }
    }
    .dw-cal-multi .dw-cal-day:last-child {
        border-right: 1px solid #666;
    }
    .dw-rtl .dw-cal-multi .dw-cal-day:last-child {
        border-left: 1px solid #666;
    }
    .dw-cal-multi .dw-cal-slide {
        background: #000;
    }
    .dw-cal-tabs {
        border-bottom: 1px solid #555;
        line-height: 30px;
    }
    .dw-cal-tab {
        .dw-i {
            color: #fff;
        }
        color: #fff;
        background: #333;
        background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
        background: -webkit-linear-gradient(#333, #000);
        background: -moz-linear-gradient(#333, #000);
        background: linear-gradient(#333, #000);
        border-left: 1px solid #444;
    }
    .dw-rtl .dw-cal-tab {
        border: 0;
        border-right: 1px solid #444;
    }
    .dw-cal-tab:first-child {
        border: 0;
    }
    .dw-cal-tabs .dw-sel {
        background: #3c7500;
        background: -webkit-gradient(linear, left bottom, left top, from(#3c7500), to(#94c840));
        background: -webkit-linear-gradient(#94c840, #3c7500);
        background: -moz-linear-gradient(#94c840, #3c7500);
        background: linear-gradient(#94c840, #3c7500);
    }
}

.mbsc-ios {
    &.dw-calendar {
        &.dw-inline .dw {
            border: 1px solid #e3e3e3;
        }
        &.dw-bubble .dwwr {
            padding-bottom: .666667em;
        }
    }
    .dw-cal-c {
        margin: 0;
        padding: 0;
    }
    .dw-cal {
        color: #000;
    }
    .dw-cal-header .dwb {
        font-size: .944445em;
    }
    .dw-cal-table {
        font-size: 1.1667em;
    }
    .dw-hl-now .dw-cal-today {
        color: #007aff;
    }
    .dw-cal-btn-txt {
        color: #007aff;
        font-size: 1.352941em;
        line-height: 1.73913em;
    }
    .dw-cal th, .dw-week-nr {
        font-weight: normal;
        font-size: 1.166667em;
    }
    .dw-week-nrs-c {
        background: #f7f7f7;
    }
    .dw-cal-day {
        padding: .142857em .357142em .714285em .357142em;
        background: #fff;
        border-top: 1px solid #e3e3e3;
        color: #000;
        line-height: 1.7141em;
    }
    .dw-cal {
        .dw-i {
            position: static;
            text-align: center;
        }
        .dw-cal-day-fg {
            width: 1.714286em;
            height: 1.714286em;
            border: 1px solid transparent;
            text-align: center;
            padding: 0;
            margin: 0 auto;
        }
    }
    .dw-sel .dw-cal-day-fg {
        border-radius: 1000px;
        border: 1px solid #007aff;
        background: #007aff;
        color: #fff;
    }
    .dw-cal-day-hl .dw-cal-day-fg {
        border: 1px solid #007aff;
        background: 0;
        color: #000;
        border-radius: 1000px;
    }
    .dw-cal-day-inv {
        .dw-cal-day-fg {
            color: rgba(0, 0, 0, 0.3);
        }
        &.dw-sel .dw-cal-day-fg {
            color: rgba(255, 255, 255, 0.4);
        }
    }
    .dw-cal-sc-c {
        background: #fff;
    }
    .dw-cal-sc-m-cell {
        background: #fff;
        border-top: 1px solid #e3e3e3;
    }
    .dw-cal-sc .dw-sel .dw-i {
        display: inline-block;
        width: auto;
        height: auto;
        background: #007aff;
        color: #fff;
        padding: 0 .625016em;
        line-height: 1.625115em;
        border-radius: 13px;
    }
    .dw-cal-tabs {
        padding: .833334em .833334em .416667em .833334em;
        font-size: 1em;
    }
    .dw-cal-tab {
        border: 1px solid #007aff;
        line-height: 1.928571em;
        font-size: 1.166667em;
        .dw-i {
            padding: 0 .714285em;
            color: #007aff;
        }
    }
    .dw-ltr .dw-cal-tab {
        &:first-child {
            border-right: 0;
            border-radius: 4px 0 0 4px;
        }
        &:last-child {
            border-left: 0;
            border-radius: 0 4px 4px 0;
        }
    }
    .dw-rtl .dw-cal-tab {
        &:last-child {
            border-right: 0;
            border-radius: 4px 0 0 4px;
        }
        &:first-child {
            border-left: 0;
            border-radius: 0 4px 4px 0;
        }
    }
    .dw-cal-tabs .dw-sel {
        background: #007aff;
        .dw-i {
            color: #fff;
        }
    }
}

.mbsc-bootstrap {
    .dw-cal-c {
        padding: 4px;
    }
    .dw-cal-sc-c {
        max-width: none;
        display: block;
        padding: 0;
        border: 0;
        -webkit-box-shadow: none;
        border-radius: 0;
        box-shadow: none;
    }
    .dw-cal-btn {
        background: 0;
        padding: 0;
        border: 0;
        text-indent: -9999px;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: inherit;
    }
    .dw-cal-btn-txt {
        height: 40px;
        text-decoration: none;
        .glyphicon {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -7px 0 0 -7px;
            text-indent: 0;
        }
    }
    .dw-cal-day {
        padding: 1px;
        text-align: center;
        .dw-i {
            display: block;
            border: 0;
            line-height: 29px;
        }
    }
    .dw-cal-day-inv .dw-cal-day-fg {
        opacity: .3;
    }
    .dw-cal-day-hl .dw-cal-day-frame {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .1;
    }
    .dw-cal-tabs ul {
        padding: 4px 4px 0 4px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .dw-cal-tab {
        margin-bottom: -1px;
    }
    .dw-week-nrs-c {
        padding: 0;
        border: 0;
        min-width: 0;
        max-width: none;
        -webkit-box-shadow: none;
        border-radius: 0;
        box-shadow: none;
    }
}

.dw-timespan .dwtlbl {
    display: none;
}

.mbsc-android.dw-timespan {
    .dwc {
        padding-top: 30px;
    }
    .dwl {
        display: block;
    }
    .dwhl {
        padding-top: 0;
        margin-top: 5px;
        .dwl {
            display: none;
        }
    }
}

.mbsc-android-holo.dw-timespan .dwv {
    font-size: 16px;
}

.mbsc-ios-classic.dw-timespan {
    .dwtlbl {
        display: inline;
        visibility: hidden;
        font-size: 20px;
        padding: 0 3px 0 8px;
    }
    .dwhl .dwtlbl {
        display: none;
    }
    .dwc {
        padding: 10px 0;
    }
    .dwl {
        padding: 0 8px;
        margin-top: -15px;
        top: 50%;
        left: auto;
        right: 0;
        width: auto;
        z-index: 11;
        color: #005de6;
        font-size: 20px;
        font-weight: bold;
        text-transform: lowercase;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    }
    .dw-i {
        overflow: visible;
    }
}

.mbsc-ios.dw-timespan {
    .dwtlbl {
        display: inline;
        visibility: hidden;
        font-size: 1em;
        padding: 0 .15em 0 .5em;
    }
    .dwhl .dwtlbl {
        display: none;
    }
    .dwc {
        padding: .833333em 0;
    }
    .dwl {
        padding: 0 .4em;
        margin-top: -.75em;
        left: auto;
        top: 50%;
        right: 0;
        width: auto;
        z-index: 11;
        color: #007aff;
        font-size: 1.666667em;
        text-transform: lowercase;
    }
}

.mbsc-wp.dw-timespan {
    .dwc {
        padding: 0;
    }
    .dwl {
        z-index: 10;
        color: #fff;
        top: 50%;
        width: auto;
        height: auto;
        display: block;
        margin: 17px 0 0 9px;
        line-height: 18px;
        font-size: 11px;
    }
    .dwhl .dwl, .dwa .dwl {
        display: none;
    }
}

.dw-cal-ev .dw-cal-day-fg {
    padding-bottom: 20px;
}

.dw-cal-day-m {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 0;
    height: 0;
    border: 5px solid black;
    background-clip: padding-box;
}

.dw-cal-day-m-t {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}

.dw-cal-day-m-c {
    display: table-cell;
}

.dw-cal-m-bottom .dw-cal-day .dw-cal-day-m {
    width: auto;
    height: 3px;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    border: 0;
    margin: 0;
}

.dw-cal-day-ic-c, .dw-cal-day-txt-c {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.dw-cal-day-ic-c {
    padding: 0 5px;
    font-size: 1em;
    line-height: 20px;
    text-overflow: ellipsis;
    text-shadow: none;
}

.dw-cal-day-txt {
    padding: 0 2px;
    font-size: .8333em;
    font-weight: normal;
    line-height: 19px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    text-shadow: none;
    margin-top: 2px;
}

.dw-cal-events {
    display: none;
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;
    padding: 5px;
}

.dw-cal-events-t {
    visibility: hidden;
}

.dw-cal-events-i {
    overflow: hidden;
}

.dw-cal-events-sc {
    position: relative;
    -webkit-backface-visibility: hidden;
}

.dw-cal-events-v {
    display: block;
}

.dw-cal-event-list {
    margin: 0;
    padding: 0;
}

.dw-cal-event {
    margin-top: 5px;
    padding: 5px 60px 5px 10px;
    line-height: 20px;
    list-style: none;
    position: relative;
    text-align: left;
    white-space: nowrap;
    font-size: 1em;
    &:first-child {
        margin: 0;
    }
}

.dw-cal-event-color {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
}

.dw-cal-event-text {
    overflow: hidden;
    text-overflow: ellipsis;
}

.dw-cal-event-time {
    display: inline-block;
    width: 5em;
}

.dw-cal-event-dur {
    position: absolute;
    top: 50%;
    right: 5px;
    height: 20px;
    margin-top: -10px;
    line-height: 20px;
}

.dw-cal-events-arr {
    position: absolute;
    bottom: -14px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -7px;
    border: 7px solid #fff;
    border-color: #fff transparent transparent transparent;
}

.dw-cal-events-b .dw-cal-events-arr {
    bottom: auto;
    top: -14px;
    border-color: transparent transparent #fff transparent;
}

.mbsc-mobiscroll {
    .dw-cal-day-m {
        top: auto;
        left: 50%;
        bottom: 4px;
        border: 0;
        width: 4px;
        height: 4px;
        margin-left: -2px;
        background: #454545;
        border-radius: 3px;
    }
    .dw-sel .dw-cal-day-m {
        background: #f7f7f7;
    }
    .dw-cal-c .dw-cal-m-bottom .dw-cal-day-m {
        background: 0;
        bottom: 4px;
    }
    .dw-cal-day-m-t {
        display: block;
        height: 4px;
        overflow: hidden;
        white-space: normal;
    }
    .dw-cal-day-m-c {
        display: inline-block;
        vertical-align: top;
        width: 4px;
        height: 4px;
        margin: 0 1px;
        background: #2196f3;
        border-radius: 3px;
    }
    .dw-sel .dw-cal-day-m-c {
        background: #f7f7f7;
    }
    .dw-cal-day-txt {
        color: #f7f7f7;
        background: #454545;
        font-size: .625em;
    }
    .dw-cal-day-ic-c {
        font-size: .625em;
    }
    .dw-cal-events {
        margin: 0 0 5px 0;
        padding: 0;
        color: #f7f7f7;
        background: #858585;
    }
    .dw-cal-events-b {
        margin: 10px 0 0 0;
    }
    .dw-cal-event {
        margin: 0;
        padding: 10px 60px 10px 15px;
        font-size: .75em;
    }
    .dw-cal-event-color {
        background: #2196f3;
    }
    .dw-cal-event-time, .dw-cal-event-dur {
        color: #2196f3;
    }
    .dw-cal-events-arr {
        border-color: #858585 transparent transparent transparent;
    }
    .dw-cal-events-b .dw-cal-events-arr {
        border-color: transparent transparent #858585 transparent;
    }
}

.mbsc-android-holo {
    .dw-cal-day-m {
        border-color: #31b6e7 #31b6e7 transparent transparent;
    }
    .dw-cal-m-bottom .dw-cal-day-m {
        background: #31b6e7;
    }
    .dw-cal-events {
        background: #fff;
        margin: .375em .375em .5em .375em;
    }
    .dw-cal-events-b {
        margin: .5em .375em .375em .375em;
    }
    .dw-cal-event {
        background: #7e7e7e;
        font-size: .75em;
    }
    .dw-cal-event-color {
        background: #31b6e7;
    }
    .dw-cal-day-txt {
        background: #444;
        color: #fff;
    }
}

.mbsc-wp {
    .dw-cal-day-m {
        border-color: #fff #fff transparent transparent;
    }
    .dw-cal-m-bottom {
        .dw-cal-day-m {
            background: #fff;
        }
        .dw-cal-day-fg {
            padding-bottom: .417em;
        }
    }
    .dw-cal-ev .dw-cal-day-fg {
        padding-bottom: 1.667em;
    }
    .dw-cal-day-txt {
        color: #fff;
        background: #444;
    }
    .dw-cal-events {
        font-size: .75em;
        background: #fff;
        margin: 0 0 .667em 0;
    }
    .dw-cal-events-b {
        margin: .667em 0 0 0;
    }
    .dw-cal-event {
        color: #fff;
        background: #4c4c4c;
        border: 1px solid #4c4c4c;
    }
    .dw-cal-event-color {
        background: #fff;
    }
}

.mbsc-sense {
    .dw-cal-day-m {
        width: 3px;
        height: auto;
        background: #bababa;
        border: 0;
        top: 3px;
        bottom: 3px;
        left: 3px;
        right: auto;
    }
    .dw-cal-m-bottom .dw-cal-day-m {
        background: #bababa;
        left: 2px;
        right: 2px;
        bottom: 2px;
    }
    .dw-cal-ev .dw-cal-day-fg {
        padding-bottom: 27px;
    }
    .dw-cal-events {
        margin: 4px 4px 8px 4px;
        background: #000;
        background: rgba(0, 0, 0, 0.8);
    }
    .dw-cal-events-b {
        margin: 8px 4px 4px 4px;
    }
    .dw-cal-event {
        background: #fff;
        color: #000;
    }
    .dw-cal-event-color {
        background: #bababa;
    }
    .dw-cal-day-txt-c {
        left: 2px;
        right: 2px;
        bottom: 2px;
    }
    .dw-cal-day-txt {
        background: #bababa;
        color: #000;
    }
    .dw-cal-events-arr {
        border-color: #000 transparent transparent transparent;
        border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
    }
    .dw-cal-events-b .dw-cal-events-arr {
        border-color: transparent transparent #000 transparent;
        border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
    }
}

.mbsc-material {
    .dw-cal-day-m {
        top: auto;
        left: 50%;
        bottom: .0625em;
        border: 0;
        width: 4px;
        height: 4px;
        margin-left: -2px;
        background: #009688;
        border-radius: 4px;
        -webkit-transition: bottom .1s ease-out;
        -moz-transition: bottom .1s ease-out;
        transition: bottom .1s ease-out;
    }
    .dw-sel .dw-cal-day-m {
        bottom: -.45em;
    }
    .dw-cal-c .dw-cal-m-bottom .dw-cal-day-m {
        height: .25em;
        background: 0;
    }
    .dw-cal-day-m-t {
        display: block;
        height: .25em;
        overflow: hidden;
        white-space: normal;
    }
    .dw-cal-day-m-c {
        display: inline-block;
        vertical-align: top;
        border: 0;
        width: 4px;
        height: 4px;
        margin: 0 1px;
        background: #009688;
        border-radius: 4px;
        -webkit-transition: bottom .1s ease-out;
        -moz-transition: bottom .1s ease-out;
        transition: bottom .1s ease-out;
    }
    .dw-cal-day-txt {
        margin: 0 1px;
        color: #eee;
        background: #7c7c7c;
    }
    .dw-cal-ev .dw-cal-day .dw-i {
        padding-bottom: 1.125em;
    }
    .dw-cal-day-txt, .dw-cal-day-ic-c {
        font-size: .625em;
        line-height: 1.5em;
    }
    .dw-cal-events {
        margin: 1em 1em .6875em 1em;
        padding: 0;
        color: #eee;
    }
    .dw-cal-events-b {
        margin: .375em 1em 1em 1em;
    }
    .dw-cal-event {
        margin: 0;
        padding: .625em 5em .625em .625em;
        font-size: .75em;
    }
    .dw-cal-event-color {
        width: 100%;
        background: #009688;
    }
    .dw-cal-event-time, .dw-cal-event-text {
        position: relative;
        z-index: 1;
    }
    .dw-cal-event-time, .dw-cal-event-dur {
        color: #eee;
    }
    .dw-cal-events-arr {
        border-color: #009688 transparent transparent transparent;
    }
    .dw-cal-events-b .dw-cal-events-arr {
        border-color: transparent transparent #009688 transparent;
    }
}

.mbsc-ios-classic {
    .dw-cal-day-m {
        top: auto;
        left: 50%;
        bottom: 4px;
        border: 0;
        width: 4px;
        height: 4px;
        margin-left: -2px;
        background: #34404d;
        border-radius: 2px;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    }
    .dw-sel .dw-cal-day-m {
        background: #fff;
        -webkit-box-shadow: 0 1px 0 rgba(52, 64, 77, 0.7);
        box-shadow: 0 1px 0 rgba(52, 64, 77, 0.7);
    }
    .dw-cal-m-bottom {
        .dw-cal-day-m {
            width: auto;
            left: 2px;
            right: 2px;
            bottom: 2px;
            background: #34404d;
            margin: 0;
        }
        .dw-sel .dw-cal-day-m {
            background: #fff;
        }
    }
    .dw-cal-day-txt-c {
        width: auto;
        right: -1px;
    }
    .dw-cal-day-txt {
        background: #34404d;
        color: #fff;
        text-shadow: none;
    }
    .dw-sel .dw-cal-day-txt {
        background: #fff;
        color: #34404d;
    }
    .dw-cal-events {
        background: #fff;
        padding: 0;
        margin: 5px 5px 8px 5px;
        border: 1px solid #2d3034;
    }
    .dw-cal-events-b {
        margin: 8px 5px 5px 5px;
    }
    .dw-cal-event {
        margin: 0;
        padding: 10px 10px 10px 20px;
        border-top: 1px solid #eee;
        color: #000;
        font-weight: bold;
        &:first-child {
            border: 0;
        }
    }
    .dw-cal-event-color {
        top: 50%;
        left: 6px;
        margin-top: -4px;
        width: 6px;
        height: 6px;
        background: #94b8dd;
        border: 1px solid rgba(0, 0, 0, 0.3);
        border-radius: 4px;
    }
    .dw-cal-events-arr {
        bottom: -16px;
        margin-left: -8px;
        border: 8px solid #fff;
        border-color: #2d3034 transparent transparent transparent;
        &:after {
            content: '';
            position: absolute;
            top: -8px;
            left: -7px;
            border: 7px solid #fff;
            border-color: #fff transparent transparent transparent;
        }
    }
    .dw-cal-events-b .dw-cal-events-arr {
        top: -16px;
        bottom: auto;
        border-color: transparent transparent #2d3034 transparent;
        &:after {
            top: auto;
            bottom: -8px;
            left: -7px;
            border-color: transparent transparent #fff transparent;
        }
    }
}

.mbsc-android {
    .dw-cal-m-bottom .dw-cal-day-m {
        background: #fff;
    }
    .dw-cal-day-txt {
        color: #fff;
        background: #444;
    }
    .dw-cal-events {
        margin: 4px 4px 8px 4px;
        background: #fff;
    }
    .dw-cal-events-b {
        margin: 8px 4px 4px 4px;
    }
    .dw-cal-event-color {
        background: #ffb25a;
    }
    .dw-cal-event {
        background: #636363;
        color: #fff;
    }
}

.mbsc-sense-ui {
    .dw-cal-day-m {
        border-color: #b9b9b9 #b9b9b9 transparent transparent;
    }
    .dw-sel .dw-cal-day-m {
        border-color: #c2f628 #c2f628 transparent transparent;
    }
    .dw-cal-m-bottom .dw-cal-day-m {
        background: #c2f628;
    }
    .dw-cal-day-txt {
        background: #3c7500;
        &:last-child {
            border-radius: 0 0 2px 2px;
        }
    }
    .dw-cal-events {
        background: #fff;
        color: #000;
        margin: 4px 4px 8px 4px;
    }
    .dw-cal-events-b {
        margin: 8px 4px 4px 4px;
    }
    .dw-cal-events-arr {
        margin-left: -5px;
    }
}

.mbsc-ios {
    .dw-cal-ev .dw-cal-day {
        padding-bottom: 1.428571em;
    }
    .dw-cal-day-m {
        top: auto;
        left: 50%;
        bottom: .142857em;
        border: 0;
        width: .428571em;
        height: .428571em;
        margin-left: -.214285em;
        background: #ccc;
        border-radius: 3px;
    }
    .dw-cal-m-bottom .dw-cal-day-m, .dw-cal-day-txt-c {
        width: auto;
        left: .142857em;
        right: .142857em;
        bottom: .142857em;
    }
    .dw-cal-day-txt {
        background: #c3d7ef;
        color: #555;
        line-height: 1.142857em;
        margin: 0;
    }
    .dw-cal-events {
        margin: .357142em .357142em .571428em .357142em;
        background: #000;
        background: rgba(0, 0, 0, 0.8);
    }
    .dw-cal-events-b {
        margin: .571428em .357142em .357142em .357142em;
    }
    .dw-cal-event {
        margin: 0;
        padding: .714285em .714285em .714285em 1.428571em;
        background: #f7f7f7;
        border-top: 1px solid #eee;
        color: #000;
        font-weight: bold;
        &:first-child {
            border: 0;
        }
    }
    .dw-cal-event-color {
        top: 50%;
        left: .428571em;
        margin-top: -.285714em;
        width: .428571em;
        height: .428571em;
        background: #94b8dd;
        border: 1px solid rgba(0, 0, 0, 0.3);
        border-radius: 4px;
    }
    .dw-cal-events-arr {
        border-color: #000 transparent transparent transparent;
        border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
    }
    .dw-cal-events-b .dw-cal-events-arr {
        border-color: transparent transparent #000 transparent;
        border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
    }
}

.mbsc-bootstrap {
    .dw-cal-day-m {
        border-color: #aaa #aaa transparent transparent;
    }
    .dw-sel .dw-cal-day-m {
        border-color: #fff #fff transparent transparent;
    }
    .dw-cal-m-bottom .dw-cal-day-m {
        background: #aaa;
    }
    .dw-cal-events {
        width: auto;
        max-width: none;
        margin: 3px 2px 10px 2px;
    }
    .dw-cal-events-b {
        margin: 10px 2px 3px 2px;
    }
    .dw-cal-events-i {
        padding-bottom: 1px;
    }
    .dw-cal-events-v {
        display: block;
    }
    .dw-cal-event-color {
        background: #fff;
    }
}

.mbsc-ms-c {
    overflow: hidden;
    position: relative;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-action: pan-y;
    user-select: none;
    touch-action: pan-y;
    text-align: center;
}

.mbsc-ms-item, .mbsc-ms-item-i {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mbsc-ms-sc {
    position: relative;
}

.mbsc-ms-rtl {
    direction: rtl;
}

.mbsc-ms {
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    display: inline-block;
}

.mbsc-ms-item {
    height: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: .75em;
}

.mbsc-ms-item-i {
    min-width: 6em;
    padding: .25em .5em;
    height: 100%;
    position: relative;
    display: block;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition-property: color,background,border-color,text-shadow;
    -webkit-transition-duration: 200ms;
    -moz-transition-property: color,background,border-color,text-shadow;
    -moz-transition-duration: 200ms;
    transition-property: color,background,border-color,text-shadow;
    transition-duration: 200ms;
}

.mbsc-ms-c .mbsc-ms .mbsc-ms-item-i {
    font-weight: normal;
    color: inherit;
}

.mbsc-ms-item-i-t {
    width: 100%;
    height: 100%;
    display: table;
}

.mbsc-ms-item-i-c {
    padding: .5em 0;
    display: table-cell;
    vertical-align: middle;
}

.mbsc-ms .mbsc-btn-d .mbsc-ms-item-i {
    opacity: .5;
    cursor: default;
}

.mbsc-ms-hasw .mbsc-ms-item {
    white-space: normal;
}

.mbsc-ms-icons {
    .mbsc-ms-item-i-c {
        padding-top: 2.75em;
        padding-bottom: 0;
    }
    &.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-bottom {
        position: absolute;
    }
}

.mbsc-ms-top {
    top: 0;
}

.mbsc-ms-bottom {
    bottom: 0;
}

.mbsc-mobiscroll {
    &.mbsc-ms-c {
        background: #f7f7f7;
        color: #454545;
    }
    .mbsc-ms-item {
        font-size: 1em;
    }
    &.mbsc-ms-icons .mbsc-ms-item {
        font-size: .75em;
    }
    .mbsc-btn-a .mbsc-ms-item-i {
        background: rgba(78, 204, 196, 0.3);
    }
    &.mbsc-ms-b {
        .mbsc-ms-item-i {
            border: 2px solid transparent;
            border-width: 2px 0;
        }
        &.mbsc-ms-top {
            border-bottom: 1px solid #2196f3;
        }
        &.mbsc-ms-bottom {
            border-top: 1px solid #2196f3;
        }
        .mbsc-ms-item-sel .mbsc-ms-item-i {
            border-bottom-color: #2196f3;
        }
        &.mbsc-ms-bottom .mbsc-ms-item-sel .mbsc-ms-item-i {
            border-top-color: #2196f3;
            border-bottom-color: transparent;
        }
    }
    &.mbsc-ms-a .mbsc-ms-item-sel .mbsc-ms-item-i {
        color: #2196f3;
    }
}

.mbsc-android-holo {
    &.mbsc-ms-c {
        background: #292929;
        color: #fff;
    }
    .mbsc-ms-item-i {
        text-transform: uppercase;
        padding: .5em 0;
    }
    .mbsc-ms-item-i-c {
        padding-left: .75em;
        padding-right: .75em;
    }
    .mbsc-ms-ic:before {
        top: .375em;
    }
    .mbsc-btn-a .mbsc-ms-item-i {
        color: #fff;
        background: #29799c;
    }
    &.mbsc-ms-a .mbsc-ms-item-sel {
        color: #31b6e7;
    }
    &.mbsc-ms-b {
        &.mbsc-ms-top {
            border-bottom: 1px solid #31b6e7;
        }
        &.mbsc-ms-bottom {
            border-top: 1px solid #31b6e7;
        }
        .mbsc-ms-item-i {
            border: 1px solid transparent;
            border-width: 3px 0;
        }
        .mbsc-ms-item-i-c {
            border-left: 1px solid #444;
        }
    }
    .mbsc-btn-a .mbsc-ms-item-i-c, &.mbsc-ms-ltr .mbsc-ms-item:first-child .mbsc-ms-item-i-c, &.mbsc-ms-rtl .mbsc-ms-item:last-child .mbsc-ms-item-i-c {
        border-color: transparent;
    }
    &.mbsc-ms-b {
        .mbsc-ms-item-sel .mbsc-ms-item-i {
            border-bottom-color: #31b6e7;
        }
        &.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-ms-item {
        font-size: 2em;
        color: #4c4c4c;
        text-transform: lowercase;
        white-space: nowrap;
    }
    .mbsc-ms-item-i {
        min-width: 0;
        padding: 0 .25em;
        -webkit-transition: -webkit-transform 200ms;
        -moz-transition: -moz-transform 200ms;
        transition: transform 200ms;
    }
    &.mbsc-ms-icons .mbsc-ms-item-i-c {
        padding-top: 3.5em;
    }
    .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-ms-item.mbsc-btn-a .mbsc-ms-item-i {
        -webkit-transform: translate3d(0, -0.2em, 0);
        -moz-transform: translate3d(0, -0.2em, 0);
        transform: translate3d(0, -0.2em, 0);
    }
    .mbsc-ms-item-sel .mbsc-ms-ic:before, .mbsc-btn-a .mbsc-ms-ic:before {
        background: #fff;
        color: #1f1f1f;
    }
    &.mbsc-ms-icons {
        .mbsc-ms-item {
            font-size: .625em;
            color: #fff;
        }
        .mbsc-ms-item-i {
            min-width: 6em;
            padding: .5em;
        }
    }
    .mbsc-ms-item-sel {
        color: #fff;
    }
}

.mbsc-sense {
    &.mbsc-ms-c {
        background: #eee;
        color: #2c2c2c;
        text-shadow: 0 1px 0 #fff;
    }
    &.mbsc-ms-b {
        &.mbsc-ms-top {
            border-bottom: 1px solid #c9c9c9;
        }
        &.mbsc-ms-bottom {
            border-top: 1px solid #c9c9c9;
        }
        .mbsc-ms-item {
            padding: .25em;
            border-left: 1px solid transparent;
            &:after {
                content: '';
                position: absolute;
                top: 20%;
                left: -1px;
                width: 0;
                height: 60%;
                border-left: 1px solid #c9c9c9;
            }
        }
    }
    &.mbsc-ms-ltr .mbsc-ms-item:first-child:after, &.mbsc-ms-rtl .mbsc-ms-item:last-child:after {
        display: none;
    }
    &.mbsc-ms-b .mbsc-ms-item-sel .mbsc-ms-item-i {
        background: #c1e8f6;
        border-radius: .25em;
    }
    &.mbsc-ms-a {
        .mbsc-ms-item {
            padding: .25em .125em;
        }
        .mbsc-ms-item-i {
            background: #dfdfdf;
            border: 1px solid transparent;
            border-width: 2px 0;
            border-radius: .0625em;
        }
        .mbsc-ms-item-sel .mbsc-ms-item-i {
            color: #33b5e5;
            border-bottom-color: #33b5e5;
            text-shadow: none;
        }
    }
}

.mbsc-material {
    &.mbsc-ms-c {
        background: #eee;
        color: #5b5b5b;
    }
    .mbsc-ms-item {
        overflow: hidden;
        font-size: 1em;
    }
    &.mbsc-ms-icons .mbsc-ms-item {
        font-size: .75em;
    }
    .mbsc-btn-a .mbsc-ms-item-i {
        background: rgba(0, 0, 0, 0.1);
    }
    &.mbsc-ms-b {
        .mbsc-ms-item-i {
            border: 2px solid transparent;
            border-width: 2px 0;
        }
        &.mbsc-ms-top {
            border-bottom: 1px solid #009688;
        }
        &.mbsc-ms-bottom {
            border-top: 1px solid #009688;
        }
        .mbsc-ms-item-sel .mbsc-ms-item-i {
            border-bottom-color: #009688;
            color: #009688;
        }
        &.mbsc-ms-bottom .mbsc-ms-item-sel .mbsc-ms-item-i {
            border-top-color: #009688;
            border-bottom-color: transparent;
        }
    }
    &.mbsc-ms-a .mbsc-ms-item-sel .mbsc-ms-item-i {
        color: #009688;
    }
}

.mbsc-ios-classic {
    .mbsc-ms-item {
        font-size: .875em;
    }
    &.mbsc-ms-icons .mbsc-ms-item {
        font-size: .75em;
    }
    &.mbsc-ms-b {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        background-color: #1a1a1a;
        background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, rgba(255, 255, 255, 0.18)), color-stop(1, rgba(255, 255, 255, 0)));
        background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0));
        background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0));
        background-image: linear-gradient(top, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0));
        -webkit-box-shadow: 0 -1px 0 0 #000;
        box-shadow: 0 -1px 0 0 #000;
        text-shadow: 0 1px 1px #000;
        .mbsc-ms-item .mbsc-ms-item-i {
            color: #d1d1d1;
            -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2), 2px 0 0 rgba(0, 0, 0, 0.5);
            box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2), 2px 0 0 rgba(0, 0, 0, 0.5);
        }
        .mbsc-ms-item-sel {
            .mbsc-ms-item-i {
                color: #fff;
                background-color: #1a1a1a;
                background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0.18))), -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, rgba(0, 0, 0, 0.6)), color-stop(0.03, rgba(0, 0, 0, 0)), color-stop(0.97, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.6)));
                background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.18)), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 3%, rgba(0, 0, 0, 0) 97%, rgba(0, 0, 0, 0.6));
                background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.18)), -moz-linear-gradient(left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 3%, rgba(0, 0, 0, 0) 97%, rgba(0, 0, 0, 0.6));
                background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.18)), -ms-linear-gradient(left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 3%, rgba(0, 0, 0, 0) 97%, rgba(0, 0, 0, 0.6));
                -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.4);
                box-shadow: 0 0 2px rgba(255, 255, 255, 0.4);
            }
            .mbsc-ms-ic:before {
                color: #00b0ff;
            }
        }
    }
    &.mbsc-ms-a {
        border-top: 1px solid #6b7483;
        border-bottom: 1px solid #6b7483;
        background-image: -webkit-linear-gradient(top, #b0c0d7, #597396);
        -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset;
        box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset;
        text-shadow: 0 -1px 0 rgba(52, 64, 77, 0.7);
        .mbsc-ms-item {
            color: #fff;
        }
        .mbsc-ms-item-sel {
            color: #34404d;
            text-shadow: none;
        }
        .mbsc-btn-a {
            text-shadow: 0 -1px 0 rgba(52, 64, 77, 0.7), 0 0 30px #fff;
        }
    }
}

.mbsc-android {
    &.mbsc-ms-c {
        color: #fff;
        background: #333;
        background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
        background: -webkit-linear-gradient(#333, #000);
        background: -moz-linear-gradient(#333, #000);
        background: linear-gradient(#333, #000);
    }
    .mbsc-ms-item {
        border-left: 1px solid #444;
    }
    &.mbsc-ms-ltr .mbsc-ms-item:first-child, &.mbsc-ms-rtl .mbsc-ms-item:last-child {
        border: 0;
    }
    .mbsc-ms-item-sel {
        background: #999;
        background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#555));
        background: -webkit-linear-gradient(#999, #555);
        background: -moz-linear-gradient(#999, #555);
        background: linear-gradient(#999, #555);
    }
    .mbsc-ms-item.mbsc-btn-a {
        background: #ffb25a;
        background: -webkit-gradient(linear, left bottom, left top, from(#ef6100), to(#ffb25a));
        background: -webkit-linear-gradient(#ffb25a, #ef6100);
        background: -moz-linear-gradient(#ffb25a, #ef6100);
        background: linear-gradient(#ffb25a, #ef6100);
    }
    &.mbsc-ms-b {
        &.mbsc-ms-top {
            border-bottom: 2px solid #555;
        }
        &.mbsc-ms-bottom {
            border-top: 2px solid #999;
        }
    }
}

.mbsc-sense-ui {
    &.mbsc-ms-c {
        padding: .125em;
        background: #333;
        background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
        background: -webkit-linear-gradient(#333, #000);
        background: -moz-linear-gradient(#333, #000);
        background: linear-gradient(#333, #000);
        color: #fff;
    }
    .mbsc-ms-item {
        padding: .125em;
    }
    .mbsc-ms-item-sel .mbsc-ms-item-i {
        background: #3c7500;
        background: -webkit-gradient(linear, left bottom, left top, from(#3c7500), to(#94c840));
        background: -webkit-linear-gradient(#94c840, #3c7500);
        background: -moz-linear-gradient(#94c840, #3c7500);
        background: linear-gradient(#94c840, #3c7500);
        border-radius: .25em;
    }
}

.mbsc-ios {
    &.mbsc-ms-c {
        background: #f7f7f7;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        color: #888;
    }
    &.mbsc-ms-top {
        border-top: 0;
    }
    &.mbsc-ms-bottom {
        border-bottom: 0;
    }
    .mbsc-ms-item {
        font-size: 1em;
    }
    &.mbsc-ms-icons {
        .mbsc-ms-item {
            font-size: .75em;
        }
        &.mbsc-ms-txt .mbsc-ms-item-i-c {
            padding-bottom: .25em;
        }
    }
    &.mbsc-ms-nosel .mbsc-ms-item, .mbsc-ms-item-sel {
        color: #007aff;
    }
    &.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-ms-inline {
        z-index: 0;
    }
    &.mbsc-ms-top {
        bottom: auto;
        border-top-width: 0;
    }
    &.mbsc-ms-bottom {
        top: auto;
        border-bottom-width: 0;
    }
    &.mbsc-ms-c .mbsc-ms-item {
        float: none;
        margin: 0;
        border-width: 0 0 0 1px;
        border-radius: 0;
    }
    &.mbsc-ms-ltr .mbsc-ms-item:first-child, &.mbsc-ms-rtl .mbsc-ms-item:last-child {
        border: 0;
    }
}

.dw-timer {
    .dwtlbl {
        display: none;
    }
    .dwb {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        text-decoration: none;
    }
    .dwbg .dwb {
        padding: 0 12px;
    }
    .dwbw {
        width: 1px;
        text-align: left;
        &:last-child {
            width: auto;
        }
    }
    .dwtcl {
        width: auto;
        text-align: right;
    }
}

.mbsc-mobiscroll.dw-timer {
    .dwbc {
        display: table;
    }
    .dwbw {
        display: table-cell;
        float: none;
    }
}

.mbsc-android-holo.dw-timer {
    .dwc {
        padding-top: .063em;
    }
    .dwtlbl {
        display: inline;
        visibility: hidden;
        font-size: 1.125em;
        padding: 0 0 0 .375em;
    }
    .dwhl .dwtlbl {
        display: none;
    }
    .dwl {
        padding: 0 .375em;
        left: auto;
        margin-top: -15px;
        top: 50%;
        right: 0;
        width: auto;
        z-index: 11;
        color: #31b6e7;
        font-size: 1.125em;
        font-weight: bold;
        text-transform: lowercase;
    }
    .dw-i {
        text-overflow: clip;
    }
    .dwb {
        padding: 0 1em;
        display: block;
    }
    .dwb-i {
        display: block;
    }
    .dwbw {
        width: auto;
    }
}

.mbsc-wp {
    &.dw-timer {
        .dwl {
            z-index: 10;
            color: #fff;
            top: 50%;
            width: auto;
            height: auto;
            display: block;
            margin: 1.545em 0 0 .818em;
            line-height: 1.636em;
            font-size: .688em;
        }
        .dwhl .dwl, .dwa .dwl {
            display: none;
        }
        .dwc {
            padding: 0;
        }
        .dwb-txt {
            display: block;
        }
    }
    .dw-locked {
        .dw-v {
            opacity: 0;
            filter: Alpha(Opacity = 0);
        }
        .dw-sel {
            opacity: 1;
            filter: Alpha(Opacity = 100);
        }
    }
    .dw-running {
        .dwwl-seconds .dw-v, .dwwl-fract .dw-v {
            opacity: 1;
            filter: Alpha(Opacity = 100);
        }
    }
    &.dw-timer .dwbw {
        width: auto;
    }
}

.mbsc-sense {
    .dwb-i {
        display: block;
        margin: 6px 0;
        line-height: 16px;
    }
    .dwb-txt {
        display: none;
    }
    &.dw-timer .dwb {
        padding: 0 12px;
        &:before {
            font-size: 18px;
            line-height: 29px;
        }
    }
}

.mbsc-material.dw-timer {
    .dwbc {
        display: table;
    }
    .dwbw {
        display: table-cell;
        float: none;
    }
}

.mbsc-ios-classic {
    .dwtlbl {
        display: inline;
        visibility: hidden;
        font-size: 20px;
        padding: 0 3px 0 8px;
    }
    .dwhl .dwtlbl {
        display: none;
    }
    .dwbgr .dwb {
        margin: 0;
        border-right: 0;
        border-radius: 0;
    }
    .dwbgrf .dwb {
        margin-left: 5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .dwbgrl .dwb {
        margin-right: 5px;
        border-right: 1px solid #1f1f1f;
        -webkit-border-top-right-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .dw-timer-cl {
        border: 1px solid #194aab;
        background: #194aab;
        background: -webkit-gradient(linear, left top, left bottom, from(#82aaff), color-stop(0.5, #3162c4), color-stop(0.5, #194aab));
        background: -webkit-linear-gradient(#82aaff, #3162c4 50%, #194aab 50%);
        background: -moz-linear-gradient(#82aaff, #3162c4 50%, #194aab 50%);
        background: linear-gradient(#82aaff, #3162c4 50%, #194aab 50%);
    }
    &.dw-timer {
        .dwwr {
            margin-top: 40px;
        }
        .dwbw {
            width: auto;
            float: left;
        }
        .dwtcl {
            float: right;
        }
        .dwc {
            padding: 10px 0;
        }
        .dwl {
            padding: 0 8px;
            left: auto;
            margin-top: -15px;
            top: 50%;
            right: 0;
            width: auto;
            z-index: 11;
            color: #005de6;
            font-size: 20px;
            font-weight: bold;
            text-transform: lowercase;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
        }
        .dw-i {
            text-overflow: clip;
        }
    }
}

.mbsc-android.dw-timer {
    .dwb-i {
        display: block;
        margin: 12px 0;
        line-height: 16px;
    }
    .dwb-txt {
        display: none;
    }
    .dwb:before {
        font-size: 18px;
        line-height: 40px;
    }
}

.mbsc-sense-ui {
    .dwb-i {
        display: block;
        margin: 12px 0;
        line-height: 16px;
    }
    .dwb-txt {
        display: none;
    }
    &.dw-timer .dwb:before {
        font-size: 18px;
        line-height: 42px;
    }
}

.mbsc-ios {
    &.dw-timer {
        .dwwr {
            padding-top: 2.5em;
        }
        .dwc {
            padding: .833333em 0;
        }
        .dwl {
            padding: 0 .4em;
            margin-top: -.75em;
            left: auto;
            top: 50%;
            right: 0;
            width: auto;
            z-index: 11;
            color: #007aff;
            font-size: 1.666667em;
            text-transform: lowercase;
        }
        .dw-i {
            text-overflow: clip;
        }
        .dwbw {
            width: auto;
            float: left;
        }
        .dwtcl {
            float: right;
        }
    }
    .dwtlbl {
        display: inline;
        visibility: hidden;
        font-size: .90909em;
        padding: 0 .15em 0 .4em;
    }
    .dwhl .dwtlbl {
        display: none;
    }
}

.dw-colorpicker .dw-i {
    font-size: 16px;
    padding-left: 40px;
}

.dw-cbc {
    height: 100%;
    padding: 5px;
    position: absolute;
    top: 0;
    left: 0;
}

.dw-cb {
    position: relative;
    width: 30px;
    height: 100%;
    border: 1px solid #fff;
}

.dw-cb-circle {
    top: 50%;
    margin-top: -15px;
    height: 30px;
    border-radius: 15px;
}

.dw-cbc, .dw-cb, .dw-color {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dw-color-preview {
    height: 24px;
    line-height: 24px;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    transition: background-color .2s;
}

.dw-cp-hsv {
    .dw-li, .dw-i {
        padding: 0;
    }
    .dw-hl {
        background: 0;
    }
}

.dw-color {
    width: 100%;
    height: 100%;
    border-bottom: 1px solid rgba(170, 170, 170, 0.5);
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.dw-cp-hsv {
    .dw-color-hl {
        height: 100%;
        background: rgba(255, 255, 255, 0.3);
        display: none;
    }
    .dw-hl .dw-color-hl {
        display: block;
    }
}

.mbsc-mobiscroll {
    &.dw-cp-hsv .dwwol {
        display: none;
    }
    .dw-color-preview {
        height: auto;
        font-size: .75em;
        line-height: 2.5em;
        text-transform: uppercase;
    }
    .dw-color {
        border-top: 1px solid #f7f7f7;
        border-bottom: 0;
    }
}

.mbsc-android .dw-color-preview {
    border-bottom: 1px solid #555;
}

.mbsc-android-holo {
    &.dw-cp-hsv .dwwol {
        display: none;
    }
    .dw-color-preview {
        height: 2.375em;
        line-height: 2.375em;
    }
}

.mbsc-android-holo-light .dw-cb {
    border-color: #000;
}

.mbsc-bootstrap.dw-cp-hsv .dwwol {
    display: none;
}

.mbsc-ios-classic {
    .dw-cb {
        border: 1px solid #000;
    }
    .dw-cb-circle {
        width: 26px;
        height: 26px;
        margin-top: -13px;
    }
    .dw-color-preview {
        margin: 10px 2px 0 2px;
        border: 1px solid #000;
        -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
        border-radius: 3px;
        box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
    }
}

.mbsc-ios {
    &.dw-colorpicker .dwl {
        text-align: center;
        text-indent: 0;
    }
    &.dw-cp-hsv .dwwol {
        display: none;
    }
    .dw-color-preview {
        border-bottom: 1px solid #acacac;
    }
}

.mbsc-jqm {
    &.dw-cp-hsv .dwwol {
        display: none;
    }
    .dw-color-preview {
        text-shadow: none;
        border-bottom: 1px solid #222;
        border-radius: 3px 3px 0 0;
    }
}

.mbsc-sense-ui .dw-color-preview {
    border-bottom: 1px solid #666;
}

.mbsc-sense .dw-color-preview {
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #2e2e2e;
}

.mbsc-wp {
    &.dw-colorpicker .dw-li {
        opacity: 1;
        .dw-i {
            padding-left: 50px;
        }
    }
    &.dw-cp-hsv .dw-li .dw-i {
        border: 0;
        padding: 0;
        background: 0;
        top: 0;
        height: 100%;
    }
    .dw-cb {
        width: 40px;
        border-color: #4c4c4c;
    }
    .dw-sel .dw-cb {
        border-color: #fff;
    }
    .dw-cb-circle {
        width: 30px;
        margin-top: -12px;
    }
    .dw-color-preview {
        margin: -10px -10px 0 -10px;
        border-bottom: 1px solid #fff;
    }
}

.mbsc-wp-light {
    .dw-cb {
        border-color: #b5b5b5;
    }
    .dw-color-preview {
        border-bottom: 1px solid #000;
    }
}

.mbsc-material {
    .dw-color-preview {
        height: auto;
        font-size: .75em;
        line-height: 2.5em;
        text-transform: uppercase;
    }
    &.dw-colorpicker .dwwol {
        display: none;
    }
}

.dw-dr-t, .dw-dr-c {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dw-dr-t {
    display: table;
    width: 100%;
}

.dw-dr-c {
    display: table-cell;
    width: 50%;
    cursor: pointer;
}

.dw-dr {
    text-decoration: none;
    display: block;
    line-height: 20px;
}

.mbsc-mobiscroll {
    .dw-dr-t {
        padding: .5em .25em 0 .25em;
    }
    .dw-dr {
        margin: 0 .3333em;
        padding: .3333em;
        border: 1px solid #2196f3;
        font-size: .75em;
    }
    .dw-sel .dw-dr {
        background: #2196f3;
        color: #f7f7f7;
    }
    &.dw-range {
        .dwwr {
            padding: 0;
        }
        .dwv {
            padding-top: .6666em;
        }
        .dw-cal-table {
            .dw-sel .dw-i {
                color: #454545;
                background: rgba(78, 204, 196, 0.3);
            }
            .dw-cal-day-hl .dw-i {
                background: #2196f3;
                color: #f7f7f7;
            }
        }
    }
}

.mbsc-android-holo {
    .dw-dr-t {
        padding: 4px 2px;
    }
    .dw-dr {
        margin: 0 2px;
        padding: 4px;
        color: #fff;
        background: #444;
        font-size: .75em;
        border-radius: 0;
    }
    .dw-sel .dw-dr {
        background: #31b6e7;
    }
}

.mbsc-android-holo-light {
    .dw-dr {
        background: #e5e5e5;
        color: #000;
    }
    .dw-sel .dw-dr {
        background: #4bbde8;
    }
}

.mbsc-wp {
    .dw-dr-t {
        font-size: .75em;
    }
    .dw-dr-c {
        padding-bottom: .833em;
    }
    .dw-dr {
        border-width: 1px;
        color: #fff;
    }
    .dw-dr0 .dw-dr {
        margin-right: .417em;
    }
    .dw-dr1 .dw-dr {
        margin-left: .417em;
    }
}

.mbsc-sense {
    &.dw-range .dwv {
        border-bottom: 1px solid #2e2e2e;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .dw-dr-t {
        padding: 4px 0;
        background: #121212;
    }
    .dw-dr {
        color: #fff;
    }
    .dw-sel .dw-dr {
        color: #40a0c4;
    }
    .dw-ltr .dw-dr1, .dw-rtl .dw-dr0 {
        border-left: 1px solid #2e2e2e;
    }
}

.mbsc-material {
    .dw-dr-t {
        border-bottom: 1px solid #c6c6c6;
        font-size: .875em;
    }
    .dw-dr {
        padding: .5714em .2857em;
        color: #5b5b5b;
        border-bottom: 2px solid transparent;
        margin-bottom: -1px;
    }
    .dw-sel .dw-dr {
        border-color: #009688;
        color: #009688;
    }
    &.dw-range {
        .dw-cal .dw-sel .dw-cal-day-fg {
            background: 0;
        }
        .dw-sel .dw-cal-day-frame {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 1;
            color: #5b5b5b;
            background: rgba(13, 155, 141, 0.1);
        }
        .dw-cal-sel-start .dw-cal-day-frame {
            right: 0;
            width: 50%;
            padding-left: 1.0526em;
        }
        .dw-cal-sel-end .dw-cal-day-frame {
            left: 0;
            width: 50%;
            padding-right: 1.0526em;
        }
        .dw-cal-sel-start {
            &.dw-cal-sel-end .dw-cal-day-frame {
                width: 0;
                padding: 0;
            }
            .dw-cal-day-frame {
                border-top-left-radius: 3em;
                border-bottom-left-radius: 3em;
            }
        }
        .dw-cal-day:first-child .dw-cal-day-frame {
            border-top-left-radius: 3em;
            border-bottom-left-radius: 3em;
        }
        .dw-cal-sel-end .dw-cal-day-frame, .dw-cal-day:last-child .dw-cal-day-frame {
            border-top-right-radius: 3em;
            border-bottom-right-radius: 3em;
        }
        .dw-cal-table .dw-cal-day-hl .dw-i .dw-cal-day-fg {
            color: #eee;
            background: rgba(13, 155, 141, 0.8);
        }
    }
}

.mbsc-ios-classic {
    &.dw-range {
        .dwwr {
            background-position: center 37px;
        }
        .dw-cal-tabbed {
            .dwwr {
                background-position: center 56px;
            }
            .dw-dr-t {
                border: 0;
                padding-bottom: 0;
            }
        }
        .dwcc {
            border-top: 1px solid rgba(255, 255, 255, 0.3);
        }
        .dw-cal-header {
            padding-top: 1px;
            margin-top: -1px;
        }
    }
    .dw-dr-t {
        position: relative;
        z-index: 2;
        width: auto;
        display: block;
        padding: 5px;
        border-bottom: 1px solid #2d3034;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #c5ccd4), color-stop(70%, #cbd2d8), color-stop(100%, #cbd2d8));
        background: -webkit-linear-gradient(left, #c5ccd4 70%, #cbd2d8 70%, #cbd2d8 100%);
        background: -moz-linear-gradient(left, #c5ccd4 70%, #cbd2d8 70%, #cbd2d8 100%);
        background: linear-gradient(left, #c5ccd4 70%, #cbd2d8 70%, #cbd2d8 100%);
        background-size: 7px 512px;
        -webkit-background-size: 7px 512px;
    }
    .dw-dr-c {
        width: auto;
        display: block;
    }
    .dw-dr {
        padding: 5px 10px;
        background: #f7f7f7;
        border: 1px solid #aaa;
        color: #000;
        text-align: left;
        font-weight: bold;
    }
    .dw-drv {
        position: absolute;
        top: 5px;
        right: 10px;
        color: #385487;
        font-weight: normal;
    }
    .dw-dr0 .dw-dr {
        border-radius: 7px 7px 0 0;
    }
    .dw-dr1 .dw-dr {
        margin-top: -1px;
        border-radius: 0 0 7px 7px;
    }
    .dw-sel {
        .dw-dr {
            background: #015ee6;
            background: -webkit-gradient(linear, left top, left bottom, from(#058cf5), to(#015ee6));
            background: -webkit-linear-gradient(#058cf5, #015ee6);
            background: -moz-linear-gradient(#058cf5, #015ee6);
            background: linear-gradient(#058cf5, #015ee6);
            color: #fff;
        }
        .dw-drv {
            color: #fff;
        }
    }
}

.mbsc-android {
    .dw-dr-t {
        padding: 4px 2px 0 2px;
    }
    .dw-cal-tabbed .dw-dr-t {
        padding-bottom: 4px;
    }
    .dw-dr {
        margin: 0 2px;
        padding: 4px;
        background: #000;
        color: #fff;
    }
    .dw-sel .dw-dr {
        background: #636363;
    }
}

.mbsc-sense-ui {
    .dw-dr-t {
        padding: 4px 2px;
        border-bottom: 1px solid #555;
        background-color: #333;
    }
    .dw-dr {
        margin: 0 2px;
        padding: 4px;
        color: #fff;
        border: 1px solid #555;
        border-radius: 3px;
    }
    .dw-sel .dw-dr {
        background: #000;
        background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.5, #262626), color-stop(0.5, #5b5b5b), to(#8b8b8b));
        background: -webkit-linear-gradient(#8b8b8b, #5b5b5b 50%, #262626 50%, #000);
        background: -moz-linear-gradient(#8b8b8b, #5b5b5b 50%, #262626 50%, #000);
        background: linear-gradient(#8b8b8b, #5b5b5b 50%, #262626 50%, #000);
    }
}

.mbsc-ios {
    .dw-dr-t, .dw-dr-c {
        width: auto;
        display: block;
    }
    .dw-dr {
        margin: 0;
        padding: .416667em .833333em;
        background: #f7f7f7;
        border: 0;
        border-bottom: 1px solid #acacac;
        color: #000;
        text-align: left;
        font-weight: bold;
        border-radius: 0;
    }
    .dw-drv {
        position: absolute;
        top: .416667em;
        right: .833333em;
        font-weight: normal;
    }
    .dw-sel .dw-dr {
        background: #e3e3e3;
    }
    &.dw-range {
        .dw-cal-day {
            padding: .3571em;
        }
        .dw-week-nr {
            padding-top: .583333em;
            line-height: 2em;
            vertical-align: top;
        }
    }
}

.mbsc-bootstrap {
    .dw-dr-t {
        padding: 4px 2px 0 2px;
    }
    .dw-dr {
        margin: 0 2px;
    }
    &.dw-range .dw-cal-day-hl .dw-cal-day-frame {
        opacity: .3;
    }
}

.dw-rating {
    .dw-ltr .dw-i {
        text-align: left;
    }
    .dw-rtl .dw-i {
        text-align: right;
    }
}

.mbsc-rating-txt {
    padding-left: 5px;
    margin-top: -0.1em;
}

.mbsc-rating-icon {
    display: inline-block;
    width: 1.8em;
    text-align: center;
    font-size: 22px;
    vertical-align: top;
    color: #e9bb2f;
}

.mbsc-rating-icon-unf {
    color: #eee;
}

.mbsc-rating-circle {
    display: inline-block;
    background: #959595;
    text-align: center;
    padding: 0;
    margin: 0 7px;
    width: 26px;
    height: 26px;
    font-family: Verdana;
    font-size: 16px;
    line-height: 26px;
    vertical-align: top;
    border-radius: 20px;
    position: relative;
    top: 50%;
    margin-top: -13px;
}

.mbsc-rating-circle-unf {
    background: #5d5d5d;
}

.mbsc-mobiscroll {
    .mbsc-rating-icon {
        color: #2196f3;
    }
    .mbsc-rating-icon-unf {
        color: rgba(78, 204, 196, 0.3);
    }
    .mbsc-rating-circle {
        background: #2196f3;
        color: #f7f7f7;
    }
    .mbsc-rating-circle-unf {
        background: 0;
        width: 24px;
        height: 24px;
        border: 1px solid #2196f3;
    }
}

.mbsc-android-holo {
    .mbsc-rating-icon {
        color: #31b6e7;
    }
    .mbsc-rating-icon-same {
        opacity: .3;
    }
    .mbsc-rating-circle {
        color: #000;
        background: #999;
    }
    .mbsc-rating-circle-unf {
        background: #636363;
    }
}

.mbsc-android-holo-light .mbsc-rating-circle {
    color: #fff;
}

.mbsc-ios-classic {
    .mbsc-rating-icon {
        color: #887bcb;
    }
    .mbsc-rating-icon-unf {
        color: #c5c6cb;
    }
    .mbsc-rating-circle {
        width: 24px;
        height: 24px;
        font-size: 12px;
        line-height: 24px;
        background: #9f9f9f;
        background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#777));
        background: -webkit-linear-gradient(top, #ddd, #777);
        background: -moz-linear-gradient(top, #ddd, #777);
        background: linear-gradient(to bottom, #ddd, #777);
    }
    .mbsc-rating-circle-unf {
        background: #646464;
        -webkit-box-shadow: inset 0 1px 1px 0 #302828;
        box-shadow: inset 0 1px 1px 0 #302828;
    }
}

.mbsc-ios {
    .mbsc-rating-icon-unf {
        color: #d5d5d5;
    }
    .mbsc-rating-circle {
        background: #0c80fe;
        width: 2em;
        height: 2em;
        font-size: .545454em;
        line-height: 2em;
        color: #fff;
    }
    .mbsc-rating-circle-unf {
        background: 0;
        width: 1.833333em;
        height: 1.833333em;
        border: 1px solid #0c80fe;
    }
}

.mbsc-sense {
    .mbsc-rating-icon {
        width: 1.4em;
        font-size: 30px;
    }
    .mbsc-rating-icon-unf {
        color: #cfcfcf;
    }
    .mbsc-rating-circle {
        background: #9f9f9f;
        text-shadow: none;
    }
    .mbsc-rating-circle-unf {
        background: #686868;
    }
}

.mbsc-wp {
    .mbsc-rating-icon {
        color: #fff;
        margin-top: -4%;
        vertical-align: middle;
    }
    .mbsc-rating-txt {
        margin-top: -4%;
        display: inline-block;
        vertical-align: middle;
    }
    .mbsc-rating-icon-same {
        opacity: .3;
    }
    .mbsc-rating-circle {
        width: 24px;
        height: 24px;
        margin-top: -12px;
        background: #fff;
        font-size: 11px;
        line-height: 24px;
        color: #000;
    }
    .mbsc-rating-circle-unf {
        background: #646464;
    }
}

.mbsc-wp-light {
    .mbsc-rating-icon {
        color: #000;
    }
    .mbsc-rating-circle {
        background: #000;
        color: #fff;
    }
    .mbsc-rating-circle-unf {
        background: #646464;
    }
}

.mbsc-material {
    .mbsc-rating-icon {
        width: 1.4285em;
        color: #009688;
        font-size: 1.2729em;
    }
    .mbsc-rating-icon-unf {
        opacity: .5;
    }
    .mbsc-rating-circle {
        background: #009688;
        color: #eee;
    }
    .mbsc-rating-circle-unf {
        background: 0;
        width: 22px;
        height: 22px;
        border: 2px solid #009688;
    }
}

.dw-ltr {
    .mbsc-img-w {
        text-align: left;
    }
    .mbsc-img-txt {
        margin: 0 0 0 .5em;
    }
}

.dw-rtl {
    .mbsc-img-w {
        text-align: right;
    }
    .mbsc-img-txt {
        margin: 0 .5em 0 0;
    }
}

.mbsc-img-w .mbsc-ic {
    display: inline-block;
    margin: 0 .5em;
}

.mbsc-img-txt {
    display: inline-block;
}

.mbsc-img-c {
    min-width: 50px;
    height: 28px;
    margin-top: -2px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: normal;
}

.mbsc-img {
    max-height: 28px;
}

.mbsc-material .mbsc-ripple, .mbsc-lv-material .mbsc-ripple {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    border-radius: 1000em;
    background: #000;
    pointer-events: none;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
    -moz-transition: -moz-transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.mbsc-material .mbsc-ripple-scaled, .mbsc-lv-material .mbsc-ripple-scaled {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

.mbsc-material .mbsc-ripple-visible, .mbsc-lv-material .mbsc-ripple-visible {
    opacity: .1;
}

.dw-trans {
    .dw-persp {
        overflow: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px;
    }
    .dw {
        -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;
    }
    .dwo {
        -webkit-animation-fill-mode: forwards;
        -webkit-animation-duration: 200ms;
        -moz-animation-fill-mode: forwards;
        -moz-animation-duration: 200ms;
        animation-fill-mode: forwards;
        animation-duration: 200ms;
        -webkit-backface-visibility: hidden;
    }
}

.dw-in .dw {
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.dw-out .dw {
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.dw-in .dwo {
    -webkit-animation-name: dw-f-in;
    -moz-animation-name: dw-f-in;
    animation-name: dw-f-in;
}

.dw-out .dwo {
    -webkit-animation-name: dw-f-out;
    -moz-animation-name: dw-f-out;
    animation-name: dw-f-out;
}

.dw-flip, .dw-swing, .dw-slidehorizontal, .dw-slidevertical, .dw-slidedown, .dw-slideup, .dw-fade {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0);
    -moz-backface-visibility: hidden;
    -moz-transform: translateX(0);
    backface-visibility: hidden;
    transform: translateX(0);
}

.dw-swing, .dw-slidehorizontal, .dw-slidevertical, .dw-slidedown, .dw-slideup, .dw-fade {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
}

.dw-flip, .dw-pop {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.dw-in .dw-pop {
    opacity: 1;
    -webkit-animation-name: dw-p-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-p-in;
    -moz-transform: scale(1);
    transform: scale(1);
    animation-name: dw-p-in;
}

.dw-out .dw-pop {
    opacity: 0;
    -webkit-animation-name: dw-p-out;
    -moz-animation-name: dw-p-out;
    animation-name: dw-p-out;
}

.dw-in .dw-flip {
    opacity: 1;
    -webkit-animation-name: dw-fl-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-fl-in;
    -moz-transform: scale(1);
    animation-name: dw-fl-in;
    transform: scale(1);
}

.dw-out .dw-flip {
    opacity: 0;
    animation-name: dw-fl-out;
    -webkit-animation-name: dw-fl-out;
    -moz-animation-name: dw-fl-out;
}

.dw-in .dw-swing {
    opacity: 1;
    -webkit-animation-name: dw-sw-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-sw-in;
    -moz-transform: scale(1);
    transform: scale(1);
    animation-name: dw-sw-in;
}

.dw-out .dw-swing {
    opacity: 0;
    -webkit-animation-name: dw-sw-out;
    -moz-animation-name: dw-sw-out;
    animation-name: dw-sw-out;
}

.dw-in .dw-slidehorizontal {
    opacity: 1;
    -webkit-animation-name: dw-sh-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-sh-in;
    -moz-transform: scale(1);
    transform: scale(1);
    animation-name: dw-sh-in;
}

.dw-out .dw-slidehorizontal {
    opacity: 0;
    -webkit-animation-name: dw-sh-out;
    -moz-animation-name: dw-sh-out;
    animation-name: dw-sh-out;
}

.dw-in .dw-slidevertical {
    opacity: 1;
    -webkit-animation-name: dw-sv-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-sv-in;
    -moz-transform: scale(1);
    animation-name: dw-sv-in;
    transform: scale(1);
}

.dw-out .dw-slidevertical {
    opacity: 0;
    -webkit-animation-name: dw-sv-out;
    -moz-animation-name: dw-sv-out;
    animation-name: dw-sv-out;
}

.dw-in .dw-slidedown {
    -webkit-animation-name: dw-sd-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-sd-in;
    -moz-transform: scale(1);
    animation-name: dw-sd-in;
    transform: scale(1);
}

.dw-out .dw-slidedown {
    animation-name: dw-sd-out;
    -webkit-animation-name: dw-sd-out;
    -webkit-transform: translateY(-100%);
    -moz-animation-name: dw-sd-out;
    -moz-transform: translateY(-100%);
}

.dw-in .dw-slideup {
    -webkit-animation-name: dw-su-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-su-in;
    -moz-transform: scale(1);
    transform: scale(1);
    animation-name: dw-su-in;
}

.dw-out .dw-slideup {
    animation-name: dw-su-out;
    -webkit-animation-name: dw-su-out;
    -webkit-transform: translateY(100%);
    -moz-animation-name: dw-su-out;
    -moz-transform: translateY(100%);
}

.dw-in .dw-fade {
    opacity: 1;
    -webkit-animation-name: dw-f-in;
    -moz-animation-name: dw-f-in;
    animation-name: dw-f-in;
}

.dw-out .dw-fade {
    opacity: 0;
    -webkit-animation-name: dw-f-out;
    -moz-animation-name: dw-f-out;
    animation-name: dw-f-out;
}

@keyframes dw-f-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


@-webkit-keyframes dw-f-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


@-moz-keyframes dw-f-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


@keyframes dw-f-out {
    from {
        visibility: visible;
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}


@-webkit-keyframes dw-f-out {
    from {
        visibility: visible;
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}


@-moz-keyframes dw-f-out {
    from {
        visibility: visible;
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}


@keyframes dw-p-in {
    from {
        opacity: 0;
        transform: scale(0.8);
    }

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


@-webkit-keyframes dw-p-in {
    from {
        opacity: 0;
        -webkit-transform: scale(0.8);
    }

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


@-moz-keyframes dw-p-in {
    from {
        opacity: 0;
        -moz-transform: scale(0.8);
    }

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


@keyframes dw-p-out {
    from {
        opacity: 1;
        transform: scale(1);
    }

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


@-webkit-keyframes dw-p-out {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
    }

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


@-moz-keyframes dw-p-out {
    from {
        opacity: 1;
        -moz-transform: scale(1);
    }

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


@keyframes dw-fl-in {
    from {
        opacity: 0;
        transform: rotateY(90deg);
    }

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


@-webkit-keyframes dw-fl-in {
    from {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
    }

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


@-moz-keyframes dw-fl-in {
    from {
        opacity: 0;
        -moz-transform: rotateY(90deg);
    }

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


@keyframes dw-fl-out {
    from {
        opacity: 1;
        transform: rotateY(0deg);
    }

    to {
        opacity: 0;
        transform: rotateY(-90deg);
    }
}


@-webkit-keyframes dw-fl-out {
    from {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
    }

    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
    }
}


@-moz-keyframes dw-fl-out {
    from {
        opacity: 1;
        -moz-transform: rotateY(0deg);
    }

    to {
        opacity: 0;
        -moz-transform: rotateY(-90deg);
    }
}


@keyframes dw-sw-in {
    from {
        opacity: 0;
        transform: rotateY(-90deg);
    }

    to {
        opacity: 1;
        transform: rotateY(0deg);
    }
}


@-webkit-keyframes dw-sw-in {
    from {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
    }

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


@-moz-keyframes dw-sw-in {
    from {
        opacity: 0;
        -moz-transform: rotateY(-90deg);
    }

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


@keyframes dw-sw-out {
    from {
        opacity: 1;
        transform: rotateY(0deg);
    }

    to {
        opacity: 0;
        transform: rotateY(-90deg);
    }
}


@-webkit-keyframes dw-sw-out {
    from {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
    }

    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
    }
}


@-moz-keyframes dw-sw-out {
    from {
        opacity: 1;
        -moz-transform: rotateY(0deg);
    }

    to {
        opacity: 0;
        -moz-transform: rotateY(-90deg);
    }
}


@keyframes dw-sh-in {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }

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


@-webkit-keyframes dw-sh-in {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }

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


@-moz-keyframes dw-sh-in {
    from {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }

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


@keyframes dw-sh-out {
    from {
        opacity: 1;
        transform: translateX(0);
    }

    to {
        opacity: 0;
        transform: translateX(100%);
    }
}


@-webkit-keyframes dw-sh-out {
    from {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
}


@-moz-keyframes dw-sh-out {
    from {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    to {
        opacity: 0;
        -moz-transform: translateX(100%);
    }
}


@keyframes dw-sv-in {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }

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


@-webkit-keyframes dw-sv-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }

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


@-moz-keyframes dw-sv-in {
    from {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }

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


@keyframes dw-sv-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(100%);
    }
}


@-webkit-keyframes dw-sv-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
}


@-moz-keyframes dw-sv-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    to {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
}


@keyframes dw-sd-in {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}


@-webkit-keyframes dw-sd-in {
    from {
        opacity: 1;
        -webkit-transform: translateY(-100%);
    }

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


@-moz-keyframes dw-sd-in {
    from {
        -moz-transform: translateY(-100%);
    }

    to {
        -moz-transform: translateY(0);
    }
}


@keyframes dw-sd-out {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-100%);
    }
}


@-webkit-keyframes dw-sd-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(-100%);
    }
}


@-moz-keyframes dw-sd-out {
    from {
        -moz-transform: translateY(0);
    }

    to {
        -moz-transform: translateY(-100%);
    }
}


@keyframes dw-su-in {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}


@-webkit-keyframes dw-su-in {
    from {
        opacity: 1;
        -webkit-transform: translateY(100%);
    }

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


@-moz-keyframes dw-su-in {
    from {
        -moz-transform: translateY(100%);
    }

    to {
        -moz-transform: translateY(0);
    }
}


@keyframes dw-su-out {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(100%);
    }
}


@-webkit-keyframes dw-su-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(100%);
    }
}


@-moz-keyframes dw-su-out {
    from {
        -moz-transform: translateY(0);
    }

    to {
        -moz-transform: translateY(100%);
    }
}


.mbsc-material-dark .mbsc-ripple, .mbsc-lv-material-dark .mbsc-ripple {
    background: #fff;
}

.mbsc-material-dark {
    .dwwr {
        background: #303030;
        color: #c2c2c2;
    }
    .dwv, .dwb {
        color: #81ccc4;
    }
    .dwb-a {
        background: rgba(255, 255, 255, 0.1);
    }
    .dw-bubble-bottom .dw-arr {
        border-color: transparent transparent #303030 transparent;
    }
    .dw-bubble-top .dw-arr {
        border-color: #303030 transparent transparent transparent;
    }
    .dwl {
        color: #81ccc4;
    }
    .dw-hl {
        background: rgba(255, 255, 255, 0.1);
    }
    .dwwol {
        border-color: #81ccc4;
    }
    .dwwb {
        color: #81ccc4;
        background: #303030;
        &.dwb-a:before {
            background: rgba(255, 255, 255, 0.1);
        }
    }
    .dw-msel:before, .mbsc-rating-icon {
        color: #81ccc4;
    }
    .mbsc-rating-circle {
        background: #81ccc4;
        color: #303030;
    }
    .mbsc-rating-circle-unf {
        border-color: #81ccc4;
    }
    .mbsc-np-del {
        color: #81ccc4;
    }
    .dw-cal-sc-c {
        background: #303030;
    }
    .dw-cal-btn-txt {
        color: #81ccc4;
    }
    .dw-cal-day-inv .dw-cal-day-fg {
        color: rgba(194, 194, 194, 0.3);
    }
    .dw-cal .dw-sel .dw-cal-day-fg {
        background: rgba(129, 204, 196, 0.3);
    }
    .dw-hl-now .dw-cal-today {
        color: #81ccc4;
    }
    .dw-cal-sc .dw-sel .dw-i {
        background: rgba(129, 204, 196, 0.3);
    }
    .dw-week-nrs-c {
        color: #c2c2c2;
        background: #303030;
    }
    .dw-cal-tab .dw-i {
        color: #c2c2c2;
    }
    .dw-cal-tabs .dw-sel .dw-i {
        color: #81ccc4;
    }
    .dw-cal-day-m, .dw-cal-day-m-c {
        background: #81ccc4;
    }
    .dw-cal-day-txt, .dw-cal-events {
        color: #303030;
    }
    .dw-cal-event-color {
        background: #81ccc4;
    }
    .dw-cal-event-time, .dw-cal-event-dur {
        color: #303030;
    }
    .dw-cal-events-arr {
        border-color: #81ccc4 transparent transparent transparent;
    }
    .dw-cal-events-b .dw-cal-events-arr {
        border-color: transparent transparent #81ccc4 transparent;
    }
    .dw-dr-t {
        border-color: #c7c7c7;
    }
    .dw-dr {
        color: #c2c2c2;
    }
    .dw-sel .dw-dr {
        border-color: #81ccc4;
        color: #81ccc4;
    }
    &.dw-range {
        .dw-sel .dw-cal-day-frame {
            color: #c2c2c2;
            background: rgba(129, 204, 196, 0.1);
        }
        .dw-cal-table .dw-cal-day-hl .dw-i .dw-cal-day-fg {
            color: #303030;
            background: rgba(129, 204, 196, 0.8);
        }
    }
    &.mbsc-ms-c {
        background: #303030;
        color: #c2c2c2;
    }
    .mbsc-btn-a .mbsc-ms-item-i {
        background: rgba(255, 255, 255, 0.1);
    }
    &.mbsc-ms-b {
        &.mbsc-ms-top {
            border-bottom: 1px solid #81ccc4;
        }
        &.mbsc-ms-bottom {
            border-top: 1px solid #81ccc4;
        }
        .mbsc-ms-item-sel .mbsc-ms-item-i {
            border-bottom-color: #81ccc4;
            color: #81ccc4;
        }
        &.mbsc-ms-bottom .mbsc-ms-item-sel .mbsc-ms-item-i {
            border-top-color: #81ccc4;
            border-bottom-color: transparent;
        }
    }
    &.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-item-hl:after, .mbsc-lv-item-active::after, .mbsc-lv-item-dragging:after {
        background: rgba(255, 255, 255, 0.1);
    }
    &.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
        background: #383838;
    }
    .mbsc-lv-gr-title {
        background: #303030;
        color: #81ccc4;
    }
    .mbsc-lv-arr {
        color: #81ccc4;
    }
    .mbsc-lv-handle-bar {
        background: #81ccc4;
    }
    p.mbsc-lv-txt {
        color: #dbdbdb;
    }
}

.mbsc-material-dark {
    .mbsc-progress-track {
        background: #5c5c5c;
    }
    .mbsc-progress-bar {
        background: #81ccc4;
    }
    .mbsc-slider-step {
        background: #fff;
    }
    .mbsc-slider-handle {
        background: #81ccc4;
        border-color: #81ccc4;
    }
    .mbsc-slider-start .mbsc-slider-handle {
        border-color: #5c5c5c;
        background: #303030;
    }
    .mbsc-slider-handle:before {
        background: rgba(255, 255, 255, 0.1);
    }
    .mbsc-slider-tooltip {
        color: #303030;
        background: #81ccc4;
        &:before {
            border-top-color: #81ccc4;
        }
    }
    &.mbsc-slider-has-tooltip .mbsc-slider-start .mbsc-slider-tooltip {
        background: #5c5c5c;
        &:before {
            border-top-color: #5c5c5c;
        }
    }
    &.mbsc-slider input:disabled ~ .mbsc-progress-cont {
        .mbsc-progress-bar {
            background: #5c5c5c;
        }
        .mbsc-slider-handle {
            background: #5c5c5c;
            border-color: #5c5c5c;
            -webkit-box-shadow: 0 0 0 .3125em #303030;
            box-shadow: 0 0 0 .3125em #303030;
        }
        .mbsc-slider-start .mbsc-slider-handle {
            border-color: #5c5c5c;
            background: #303030;
        }
    }
    &.mbsc-form {
        background-color: #303030;
        color: #d4d4d4;
        * {
            &::-moz-selection, &::selection {
                background: #81ccc4;
            }
        }
    }
    .mbsc-desc {
        color: #d4d4d4;
    }
    .mbsc-divider, a {
        color: #81ccc4;
    }
    .mbsc-input {
        textarea {
            border-bottom: 1px solid #d4d4d4;
            color: #858585;
        }
        input {
            border-bottom: 1px solid #d4d4d4;
            color: #858585;
            &::-webkit-input-placeholder, &::-moz-placeholder, &:-ms-input-placeholder {
                color: #a8a8a8;
            }
        }
        select:focus ~ input, textarea:focus, input:focus {
            border-bottom: 2px solid #81ccc4;
        }
    }
    .mbsc-checkbox-box:before, .mbsc-radio-box:before, .mbsc-switch-handle:before {
        background: rgba(255, 255, 255, 0.1);
    }
    .mbsc-select .mbsc-input-wrap:after {
        border: 5px solid #d4d4d4;
        border-color: #d4d4d4 transparent transparent transparent;
    }
    .mbsc-checkbox-box, .mbsc-radio-box {
        border-color: #d4d4d4;
    }
    .mbsc-checkbox-box:after {
        border-color: #303030;
    }
    .mbsc-checkbox input:checked + .mbsc-checkbox-box {
        background: #81ccc4;
        border-color: #81ccc4;
    }
    .mbsc-radio-box:after {
        background: #81ccc4;
    }
    .mbsc-radio input:checked + .mbsc-radio-box {
        border-color: #81ccc4;
    }
    .mbsc-btn {
        background: #5c5c5c;
        color: #fff;
        &.mbsc-active {
            background: #737373;
        }
    }
    .mbsc-btn-flat {
        background: transparent;
    }
    .mbsc-btn:disabled {
        color: #bdbdbd;
    }
    .mbsc-btn-flat.mbsc-active {
        background-color: #5c5c5c;
    }
    .mbsc-switch-track {
        background: #5c5c5c;
    }
    .mbsc-switch {
        .mbsc-switch-handle {
            background: #b8b8b8;
        }
        input {
            &:checked + .mbsc-switch-track {
                background-color: rgba(129, 204, 196, 0.3);
                .mbsc-switch-handle {
                    background: #81ccc4;
                }
            }
            &:disabled + .mbsc-switch-track {
                background: #5c5c5c;
                .mbsc-switch-handle {
                    background: #595959;
                }
            }
        }
    }
    .mbsc-segmented-content {
        border-color: #81ccc4;
        color: #fff;
    }
    .mbsc-segmented {
        input {
            &:checked {
                + .mbsc-segmented-content, ~ .mbsc-segmented-content {
                    background: #81ccc4;
                    color: #303030;
                }
            }
            &.mbsc-active + .mbsc-segmented-content {
                background: #737373;
                color: #fff;
            }
        }
        .mbsc-active .mbsc-segmented-content {
            background: #737373;
            color: #fff;
        }
        input:disabled {
            + .mbsc-segmented-content {
                color: #bdbdbd;
                border-color: #5c5c5c;
            }
            &:checked + .mbsc-segmented-content {
                background: #5c5c5c;
                color: #bdbdbd;
                border-color: #5c5c5c;
            }
        }
    }
    .mbsc-stepper .mbsc-segmented-content {
        border-color: #5c5c5c;
    }
    .mbsc-stepper-control .mbsc-segmented-content {
        background: #5c5c5c;
    }
    .mbsc-stepper input {
        color: #fff;
    }
    .mbsc-segmented {
        input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-step-disabled .mbsc-segmented-content {
            background: #5c5c5c;
            color: #bdbdbd;
        }
        input:disabled ~ .mbsc-segmented-item .mbsc-stepper-val {
            border-color: #5c5c5c;
            background: #303030;
        }
    }
    .mbsc-stepper input:disabled {
        color: #5c5c5c;
        -webkit-text-fill-color: #5c5c5c;
    }
}

.mbsc-mobiscroll-dark {
    .dwwr {
        background: #263238;
        color: #f7f7f7;
    }
    .dwv, .dwl {
        color: #50ccc4;
    }
    .dwwol {
        border-color: #50ccc4;
    }
    .dwb-a, .dw-hl {
        background: rgba(80, 204, 196, 0.3);
    }
    .dwb {
        color: #50ccc4;
    }
    .dwwb {
        color: #50ccc4;
        background: #263238;
        &.dwb-a:before {
            background: rgba(80, 204, 196, 0.3);
        }
    }
    .dw-bubble-bottom .dw-arr {
        border-color: transparent transparent #263238 transparent;
    }
    .dw-bubble-top .dw-arr {
        border-color: #263238 transparent transparent transparent;
    }
    .dw-msel:before {
        color: #50ccc4;
    }
    .dw-cal .dw-sel .dw-i {
        background: #50ccc4;
        color: #263238;
    }
    .dw-hl-now .dw-cal-today {
        color: #50ccc4;
    }
    .dw-cal-days {
        color: #50ccc4;
        border-color: #50ccc4;
    }
    .dw-cal-btn-txt {
        color: #50ccc4;
    }
    .dw-cal-event-color {
        background: #50ccc4;
    }
    .dw-cal-events {
        color: #263238;
        background: #fff;
    }
    .dw-cal-events-arr {
        border-color: #fff transparent transparent transparent;
    }
    .dw-cal-events-b .dw-cal-events-arr {
        border-color: transparent transparent #fff transparent;
    }
    .dw-cal-event-time, .dw-cal-event-dur {
        color: #8db3b0;
    }
    .dw-cal-day-hl .dw-i {
        border-color: #50ccc4;
    }
    .dw-week-nrs-c {
        color: #50ccc4;
        background: #263238;
    }
    .dw-cal-day-m {
        background: #f7f7f7;
    }
    .dw-sel .dw-cal-day-m {
        background: #263238;
    }
    .dw-cal-day-m-c {
        background: #50ccc4;
    }
    .dw-sel .dw-cal-day-m-c {
        background: #263238;
    }
    .dw-cal-day-txt {
        color: #263238;
        background: #f7f7f7;
    }
    .dw-cal-tab {
        border-color: #50ccc4;
        .dw-i {
            color: #f7f7f7;
        }
    }
    .dw-cal-tabs .dw-sel {
        background: #50ccc4;
        .dw-i {
            color: #263238;
        }
    }
    .dw-cal-sc-c {
        background: #263238;
    }
    .dw-dr {
        border-color: #50ccc4;
    }
    .dw-sel .dw-dr {
        background: #50ccc4;
        color: #263238;
    }
    &.dw-range .dw-cal-table {
        .dw-sel .dw-i {
            color: #f7f7f7;
            background: rgba(80, 204, 196, 0.3);
        }
        .dw-cal-day-hl .dw-i {
            background: #50ccc4;
            color: #263238;
        }
    }
    .mbsc-rating-icon {
        color: #50ccc4;
    }
    .mbsc-rating-icon-unf {
        color: rgba(80, 204, 196, 0.3);
    }
    .mbsc-rating-circle {
        background: #50ccc4;
        color: #263238;
    }
    .mbsc-rating-circle-unf {
        background: 0;
        border-color: #50ccc4;
    }
    .mbsc-np-del {
        color: #50ccc4;
    }
    .dw-color {
        border-color: #263238;
    }
}

.mbsc-lv-mobiscroll-dark {
    .mbsc-lv-item {
        background: #263238;
        color: #f7f7f7;
    }
    .mbsc-lv-gr-title {
        background: #50ccc4;
        color: #263238;
    }
    .mbsc-lv-arr {
        color: #50ccc4;
    }
    .mbsc-lv-handle-bar {
        background: #50ccc4;
    }
    .mbsc-lv-item-active::after {
        background: rgba(80, 204, 196, 0.3);
    }
    &.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
        background: #1d272b;
    }
    .mbsc-lv-item.mbsc-lv-item-dragging {
        background: #50ccc4;
        color: #263238;
    }
    .mbsc-lv-item-dragging {
        .mbsc-lv-handle-bar {
            background: #263238;
        }
        .mbsc-lv-arr {
            color: #263238;
        }
    }
}

.mbsc-mobiscroll-dark {
    &.mbsc-ms-c {
        color: #f7f7f7;
        background: #263238;
    }
    .mbsc-btn-a .mbsc-ms-item-i {
        background: rgba(80, 204, 196, 0.3);
    }
    &.mbsc-ms-a .mbsc-ms-item-sel .mbsc-ms-item-i {
        color: #50ccc4;
    }
    &.mbsc-ms-b {
        &.mbsc-ms-top, &.mbsc-ms-bottom {
            border-color: #50ccc4;
        }
        .mbsc-ms-item-sel .mbsc-ms-item-i {
            border-bottom-color: #50ccc4;
        }
        &.mbsc-ms-bottom .mbsc-ms-item-sel .mbsc-ms-item-i {
            border-top-color: #50ccc4;
        }
    }
    &.mbsc-progress .mbsc-input-ic {
        color: #fff;
    }
    .mbsc-progress-track {
        background: #2b3940;
    }
    .mbsc-progress-bar {
        background: #50ccc4;
    }
    .mbsc-slider-step {
        background: #263238;
    }
    .mbsc-slider-handle {
        background: #50ccc4;
    }
    .mbsc-slider-tooltip {
        color: #263238;
        background: #50ccc4;
    }
    &.mbsc-form {
        background: #263238;
        color: #f7f7f7;
        * {
            &::-moz-selection, &::selection {
                background: #50ccc4;
            }
        }
    }
    .mbsc-desc {
        color: #fff;
    }
    .mbsc-divider, a {
        color: #50ccc4;
    }
    .mbsc-input {
        textarea, input {
            border-bottom: 1px solid #fff;
            color: #d1d1d1;
        }
        select:focus ~ input, textarea:focus, input:focus {
            border-color: #50ccc4;
        }
    }
    .mbsc-input-ic {
        color: #fff;
    }
    .mbsc-checkbox-box {
        background: #50ccc4;
        &:after {
            border: .125em solid #263238;
            border-top: 0;
            border-right: 0;
        }
    }
    .mbsc-checkbox input:disabled + .mbsc-checkbox-box {
        background: #101517;
    }
    .mbsc-radio-box {
        border: .125em solid #50ccc4;
        &:after {
            background: #50ccc4;
        }
    }
    .mbsc-radio input {
        &:checked + .mbsc-radio-box {
            background: transparent;
        }
        &:disabled + .mbsc-radio-box {
            border-color: #101517;
            &:after {
                background: #101517;
            }
        }
    }
    .mbsc-btn {
        background: #50ccc4;
        color: #263238;
        &:disabled {
            background: #2b3940;
        }
    }
    .mbsc-btn-flat {
        &.mbsc-active {
            background: rgba(80, 204, 196, 0.3);
        }
        background: transparent;
        color: #50ccc4;
        border-color: transparent;
        &:disabled {
            background: transparent;
            color: #232e33;
        }
    }
    .mbsc-switch-track {
        background: #2b3940;
    }
    .mbsc-switch-handle {
        background: #232e33;
    }
    .mbsc-switch input {
        &:checked + .mbsc-switch-track {
            background: #b5e6e2;
            .mbsc-switch-handle {
                background: #50ccc4;
            }
        }
        &:disabled + .mbsc-switch-track {
            background: #101517;
            .mbsc-switch-handle {
                background: #182024;
            }
        }
    }
    .mbsc-segmented-content {
        border-color: #50ccc4;
        color: #50ccc4;
    }
    .mbsc-stepper {
        input {
            color: #f7f7f7;
        }
        .mbsc-active .mbsc-segmented-content {
            background: #50ccc4;
            color: #263238;
        }
    }
    .mbsc-segmented input {
        &:checked + .mbsc-segmented-content {
            background: #50ccc4;
            color: #263238;
        }
        &.mbsc-active + .mbsc-segmented-content {
            background: rgba(80, 204, 196, 0.25);
            color: #263238;
        }
    }
    .mbsc-stepper-cont {
        padding: 1.75em 12.875em 1.75em 1em;
    }
    .mbsc-stepper {
        margin-top: -1.25em;
    }
    .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-step-disabled .mbsc-segmented-content, .mbsc-segmented input:disabled + .mbsc-segmented-content {
        color: #101517;
        border-color: #101517;
    }
    .mbsc-stepper input:disabled {
        color: #101517;
        -webkit-text-fill-color: #101517;
    }
    .mbsc-segmented input:disabled:checked + .mbsc-segmented-content {
        background: #2b3940;
        border-color: #2b3940;
        color: #263238;
    }
    .mbsc-stepper .mbsc-active.mbsc-step-disabled .mbsc-segmented-content {
        color: #101517;
    }
}

.mbsc-android-holo-light {
    .dwwr, .dw-cal-sc-c {
        background: #f5f5f5;
    }
    .dwwr, .dwb, .dw-li, .dw-dr, .dw-cal-tabs .dw-i {
        color: #000;
    }
    .dwv {
        color: #31b7e8;
        border-bottom: 2px solid #31b7e8;
    }
    .dw-hl {
        background: #31b7e8;
        background: rgba(49, 183, 232, 0.5);
    }
    .dwwb {
        color: #7d7d7d;
        background: #f5f5f5;
    }
    .dwwl .dwb-a {
        color: #319abd;
        background: #f5f5f5;
    }
    .dwwol {
        border-top: 2px solid #31b7e8;
        border-bottom: 2px solid #31b7e8;
    }
    .dwb-a {
        background: #28799c;
        color: black;
    }
    .dwwms .dw-li:after {
        border-color: #d9d4d4;
    }
    .dw-msel:before {
        color: #31b7e8;
        text-shadow: 0 0 5px #28799c;
    }
    .dwwo {
        background: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), color-stop(0.52, rgba(245, 245, 245, 0)), color-stop(0.48, rgba(245, 245, 245, 0)), to(#f5f5f5));
        background: -webkit-linear-gradient(#f5f5f5, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, #f5f5f5);
        background: -moz-linear-gradient(#f5f5f5, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, #f5f5f5);
        background: linear-gradient(#f5f5f5, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, #f5f5f5);
    }
    .dwbc, .dwbw .dwb {
        border-color: #d9d4d4;
    }
    .dw-bubble-bottom .dw-arr {
        border-color: transparent transparent #f5f5f5 transparent;
    }
    .dw-bubble-top .dw-arr {
        border-color: #f5f5f5 transparent transparent transparent;
    }
    .dw-cal-day-m {
        border-color: #31b7e8 #31b7e8 transparent transparent;
    }
    .dw-cal-m-bottom .dw-cal-day-m {
        background: #31b7e8;
    }
    .dw-cal .dw-sel .dw-i {
        background: #31b7e8;
        background: rgba(49, 183, 232, 0.5);
    }
    .dw-hl-now .dw-cal-today {
        color: #31b7e8;
    }
    .dwb-a .dw-cal-btn-txt {
        color: #319abd;
    }
    .dw-cal-tabs .dw-sel {
        border-bottom: 5px solid #31b7e8;
    }
    .dw-cal-event-color {
        background: #31b7e8;
    }
    .dw-cal .dw-cal-day-hl .dw-i {
        background: #31b7e8;
        color: white;
    }
    .dw-cal-tabs {
        background: #e6e6e6;
    }
    .dw-cal-tab {
        border-color: #e6e6e6;
    }
    .dw-cal-tabs .dw-i, .dw-cal-day, .dw-cal-sc-m-cell {
        border-color: #d9d9d9;
    }
    .dw-cal-btn-txt {
        color: #7d7d7d;
    }
    .dw-week-nrs-c {
        background: #f5f5f5;
    }
    .dw-week-nr-i {
        border-color: #d9d9d9;
        color: #7d7d7d;
    }
    .dw-cal th {
        color: #7d7d7d;
    }
    .dw-cal-events {
        background: #000;
        background: rgba(0, 0, 0, 0.8);
    }
    .dw-cal-events-arr {
        border-color: rgba(0, 0, 0, 0.8) transparent transparent;
    }
    .dw-cal-events-b .dw-cal-events-arr {
        border-color: transparent transparent rgba(0, 0, 0, 0.8);
    }
    .dw-cal-event {
        background: #7d7d7d;
        color: white;
    }
    .dw-dr {
        background: #d9d9d9;
    }
    .dw-sel .dw-dr {
        background: #31b7e8;
        color: white;
    }
    &.dw-timer .dwl, .mbsc-rating-icon {
        color: #31b7e8;
    }
    .mbsc-np-hdr {
        border-color: #d9d9d9;
    }
}

.mbsc-lv-android-holo-light {
    .mbsc-lv {
        background: #dbdbdb;
        .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-item, .mbsc-lv-gr-title {
        background: #f5f5f5;
        color: #000;
    }
    &.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
        background: #ededed;
    }
    .mbsc-lv-item, .mbsc-lv-gr-title {
        border-color: #dbdbdb;
    }
    .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active {
        background: #dbdbdb;
    }
    .mbsc-lv-handle-bar-c, &.mbsc-lv-handle-left .mbsc-lv-handle-bar-c {
        border-color: #b3b3b3;
    }
    .mbsc-lv-handle-bar {
        background: #b3b3b3;
    }
}

.mbsc-android-holo-light {
    &.mbsc-ms-c {
        color: #000;
        background: #f5f5f5;
    }
    &.mbsc-ms-a .mbsc-ms-item-sel .mbsc-ms-item-i {
        color: #31b7e8;
    }
    &.mbsc-ms-b {
        &.mbsc-ms-top, &.mbsc-ms-bottom {
            border-color: #31b7e8;
        }
        .mbsc-ms-item-sel .mbsc-ms-item-i {
            border-bottom-color: #31b7e8;
        }
        &.mbsc-ms-bottom .mbsc-ms-item-sel .mbsc-ms-item-i {
            border-top-color: #31b7e8;
        }
        .mbsc-ms-item-i-c {
            border-color: #d9d9d9;
        }
    }
    .mbsc-btn-a .mbsc-ms-item-i {
        background: #28799c;
    }
    .mbsc-progress-track {
        background: #d9d4d4;
    }
    .mbsc-progress-bar {
        background: #31b7e8;
    }
    .mbsc-slider-step {
        background: #000;
    }
    .mbsc-slider-handle {
        background: #31b7e8;
        &.mbsc-active {
            background: #000;
        }
        &:after {
            background: rgba(49, 183, 232, 0.3);
        }
        &:focus:after {
            border-color: #28799c;
        }
    }
    .mbsc-active .mbsc-slider-handle:after {
        border-color: #28799c;
    }
    .mbsc-slider-tooltip {
        color: #000;
        background: #f5f5f5;
    }
    &.mbsc-slider input:disabled ~ .mbsc-progress-cont {
        .mbsc-progress-track {
            background: #4d4d4d;
        }
        .mbsc-slider-handle {
            background: #000;
        }
        .mbsc-progress-bar {
            background: #a8a8a8;
        }
    }
    &.mbsc-form {
        background: #f5f5f5;
        color: #000;
    }
    .mbsc-desc {
        color: #a1a1a1;
    }
    .mbsc-input {
        select, textarea, input {
            background: #f5f5f5;
            outline-color: #f5f5f5;
            color: #000;
            border-color: #a8a8a8;
        }
    }
    &.mbsc-wdg .mbsc-input {
        textarea, input {
            background: #f5f5f5;
            outline-color: #f5f5f5;
        }
    }
}

.mbsc-lv-android-holo-light .mbsc-input {
    textarea, 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-input {
        textarea:-webkit-autofill, input:-webkit-autofill {
            box-shadow: 0 0 0 50em #f5f5f5 inset;
            -webkit-text-fill-color: #000;
        }
    }
    .mbsc-radio-box, .mbsc-checkbox-box {
        border-color: #4d4d4d;
    }
    .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box:before, .mbsc-radio input.mbsc-active + .mbsc-radio-box:before {
        background: rgba(150, 150, 150, 0.2);
    }
    .mbsc-btn {
        border-color: #d4d4d4;
        border-top: 0;
        background: #d4d4d4;
        color: #000;
        &.mbsc-active {
            background: #c2c2c2;
        }
    }
    .mbsc-btn-flat {
        background: transparent;
        border-color: transparent;
        color: #000;
        &.mbsc-active {
            background: transparent;
            border-color: transparent;
        }
    }
    .mbsc-btn:not(.mbsc-btn-flat) {
        border-color: #d4d4d4;
        background: #d4d4d4;
        color: #000;
    }
    .mbsc-btn-flat:disabled {
        color: #000;
    }
    .mbsc-btn:disabled {
        background: #e6e6e6;
        color: #b5b5b5;
    }
    &.mbsc-form * {
        &::-moz-selection, &::selection {
            background: #31b7e8;
        }
    }
    .mbsc-divider {
        border-bottom: 1px solid #31b7e8;
        color: #31b7e8;
    }
    a {
        color: #31b7e8;
    }
    .mbsc-input {
        select:focus + input, textarea:focus, input:focus {
            border-color: #31b7e8;
        }
        .mbsc-control:focus ~ .mbsc-select-ic {
            border-color: transparent #31b7e8 #31b7e8 transparent;
        }
    }
    .mbsc-checkbox-box:after {
        border: 3px solid #31b7e8;
        border-top: 0;
        border-right: 0;
    }
    .mbsc-radio-box:after {
        background: #31b7e8;
    }
    .mbsc-switch-handle {
        color: #fff;
        background: #c9c9c9;
    }
    .mbsc-switch {
        .mbsc-switch-track {
            background: #d9d9d9;
        }
        input:checked:not(:disabled) + .mbsc-switch-track .mbsc-switch-handle {
            background: #31b7e8;
            background: rgba(49, 183, 232, 0.7);
        }
    }
    .mbsc-segmented-content {
        border-color: #31b7e8;
    }
    .mbsc-segmented input {
        &:checked + .mbsc-segmented-content {
            background: #31b7e8;
        }
        &.mbsc-active + .mbsc-segmented-content {
            background: rgba(49, 183, 232, 0.35);
        }
    }
    .mbsc-stepper {
        .mbsc-segmented-content {
            border-color: #d4d4d4;
        }
        .mbsc-stepper-val {
            background: #999;
            border-color: #999;
            color: #f5f5f5;
        }
    }
    .mbsc-stepper-control .mbsc-segmented-content {
        background: #d4d4d4;
    }
    .mbsc-stepper .mbsc-active .mbsc-segmented-content {
        background: #c2c2c2;
        border-color: #c2c2c2;
    }
    .mbsc-segmented input:disabled {
        + .mbsc-segmented-content {
            border-color: #d4d4d4;
            color: #000;
        }
        &:checked + .mbsc-segmented-content {
            background: #d4d4d4;
            border-color: #d4d4d4;
            color: #000;
        }
    }
    .mbsc-step-disabled .mbsc-segmented-content {
        background: #d4d4d4;
        border-color: #d4d4d4;
        color: #000;
    }
    .mbsc-stepper input:disabled ~ .mbsc-segmented-item .mbsc-stepper-val {
        background: #f5f5f5;
    }
    .mbsc-segmented input:disabled:checked + .mbsc-segmented-content {
        background: #e6e6e6;
        color: #b5b5b5;
    }
    .mbsc-stepper {
        input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-step-disabled .mbsc-segmented-content {
            background: #e6e6e6;
            color: #b5b5b5;
        }
        input {
            &:disabled {
                color: #b5b5b5;
                -webkit-text-fill-color: #b5b5b5;
            }
            color: #f5f5f5;
        }
    }
    .mbsc-stepper-val-left input, .mbsc-stepper-val-right input {
        color: #000;
    }
}

.mbsc-wp-light {
    .dwwr, .dw-dr, .dwb, .dw-cal-tabs .dw-i {
        color: #000;
    }
    .dwwr {
        background: #dedede;
    }
    .dw-i {
        border-color: #a6a6a6;
    }
    .dw-li .dw-i {
        color: #000;
    }
    .dw-sel .dw-i, .dw-hl .dw-i {
        color: white;
        background: #1ba0e3;
        border-color: #1ba0e3;
    }
    .dwwb {
        background: #dedede;
        &:before {
            color: #000;
            border-color: #000;
        }
    }
    .dwwl .dwb-a {
        background: #dedede;
        &:before {
            color: #1ba0e3;
        }
    }
    .dw-bubble-bottom .dw-arr {
        border-color: transparent transparent #dedede transparent;
    }
    .dw-bubble-top .dw-arr {
        border-color: #dedede transparent transparent transparent;
    }
    .dwwms {
        .dw-li {
            .dw-i {
                color: #000;
            }
            &:after {
                border-color: #000;
            }
        }
        .dw-msel:before {
            color: #000;
        }
    }
    .dwa .dw-i {
        color: #000;
        border-color: #a6a6a6;
        background: 0;
    }
    .dwwms .dw-i {
        background: 0;
    }
    .dw-cal-sc-m-cell {
        background: #dedede;
    }
    .dw-cal-event {
        background: #a6a6a6;
        color: black;
    }
    .dw-cal-events {
        background: #000;
        background: rgba(0, 0, 0, 0.8);
    }
    .dw-cal-events-arr {
        border-color: rgba(0, 0, 0, 0.8) transparent transparent;
    }
    .dw-cal-events-b .dw-cal-events-arr {
        border-color: transparent transparent rgba(0, 0, 0, 0.8);
    }
    .dw-cal-day-m {
        border-color: #000 #000 transparent transparent;
    }
    .dw-cal-day-fg {
        border-color: #a6a6a6;
    }
    .dw-cal-day-inv .dw-cal-day-fg {
        color: rgba(0, 0, 0, 0.3);
    }
    .dw-sel .dw-cal-day-fg {
        border-color: #1ba0e3;
    }
    .dw-cal-day-hl .dw-cal-day-fg {
        background: #000;
        border-color: #000;
        color: #dedede;
    }
    .dw-hl-now .dw-cal-today {
        color: #1ba0e3;
    }
    .dwb:before, .dw-cal-btn-txt:before {
        color: #000;
        border-color: #000;
    }
    .dwb-a {
        &:before, .dw-cal-btn-txt:before {
            background: #1ba0e3;
            border-color: #1ba0e3;
            color: white;
        }
    }
    .dw-week-nrs-c {
        background: #dedede;
    }
    .mbsc-rating-icon {
        color: inherit;
    }
    .mbsc-rating-circle {
        background: #000;
        color: #dedede;
    }
    .mbsc-rating-circle-unf {
        background: #646464;
    }
    &.dw-timespan .dwl, &.dw-timer .dwl {
        color: white;
    }
    .mbsc-np-btn {
        background: #ccc;
        border: 2px solid #dedede;
        &.dwb-a {
            background: #1ba0e3;
            color: white;
        }
        &.dwb-d {
            color: #000;
            opacity: .5;
        }
    }
    .mbsc-np-del.dwb-a:before {
        color: #000;
    }
    .mbsc-np-btn-empty {
        background: 0;
    }
}

.mbsc-lv-wp-light {
    .mbsc-lv-item, .mbsc-lv-gr-title {
        background: #dedede;
        color: #000;
    }
    &.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
        background: #f0f0f0;
    }
}

.mbsc-wp-light {
    &.mbsc-ms-c {
        background: #dedede;
        color: #000;
    }
    .mbsc-ms-item {
        color: #a6a6a6;
    }
    .mbsc-ms-ic:before {
        border-color: #000;
    }
    .mbsc-ms-item-sel .mbsc-ms-ic:before, .mbsc-btn-a .mbsc-ms-ic:before {
        background: #000;
        color: #dedede;
    }
    &.mbsc-ms-icons .mbsc-ms-item, .mbsc-ms-item-sel {
        color: #000;
    }
    &.mbsc-progress {
        .mbsc-label, .mbsc-input-ic {
            color: #000;
        }
    }
    .mbsc-progress-track {
        background: #dedede;
    }
    .mbsc-progress-bar {
        background: #1ba0e3;
    }
    .mbsc-slider-handle {
        background: #000;
    }
    .mbsc-slider-tooltip {
        background: #000;
        color: #a6a6a6;
        border-color: #a6a6a6;
    }
    .mbsc-slider-step {
        background: #fff;
    }
    &.mbsc-form {
        background-color: #fff;
        color: #000;
    }
    .mbsc-input .mbsc-label {
        color: #000;
    }
    .mbsc-desc {
        color: #5e5e5e;
    }
    .mbsc-input-ic {
        color: #000;
    }
    .mbsc-input select {
        background: #fff;
        color: #000;
    }
    .mbsc-select input {
        border-color: #000;
        color: #000;
    }
    .mbsc-input select.mbsc-active + input {
        border-color: #000;
    }
    .mbsc-select .mbsc-input-wrap .mbsc-ic {
        color: #000;
    }
    .mbsc-input {
        select:disabled ~ input, textarea:disabled, input:disabled {
            background-color: transparent;
            color: #4f4f4f;
            border-color: #4f4f4f;
        }
    }
    .mbsc-checkbox-box {
        border-color: #000;
        &:after {
            border-color: #000;
        }
    }
    .mbsc-radio-box {
        border-color: #000;
        &:after {
            background-color: #000;
        }
    }
    .mbsc-btn {
        color: #000;
        border-color: #000;
        .mbsc-btn-ic {
            color: #000;
        }
    }
    .mbsc-btn-flat {
        color: #000;
        &.mbsc-active {
            color: #000;
            .mbsc-btn-ic {
                border-color: #000;
            }
        }
        .mbsc-btn-ic {
            border-color: #000;
        }
    }
    .mbsc-switch input:checked + .mbsc-switch-track {
        background: #1ba0e3;
    }
    .mbsc-radio input.mbsc-active + .mbsc-radio-box {
        &:after {
            background: #1ba0e3;
        }
        background: #1ba0e3;
    }
    .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box {
        background: #1ba0e3;
    }
    &.mbsc-form * {
        &::-moz-selection {
            color: #fff;
            background: #1ba0e3;
        }
        &::selection {
            color: #000;
            background: #1ba0e3;
        }
    }
    .mbsc-input {
        input:focus, select:focus + input, textarea:focus {
            border-color: #1ba0e3;
            color: #000;
        }
        select {
            &:focus + input {
                background: #fff;
                color: #000;
            }
            &.mbsc-active + input {
                background: #1ba0e3;
                border-color: #1ba0e3;
                color: white;
            }
        }
    }
    .mbsc-select select {
        &:focus ~ .mbsc-ic {
            color: #000;
        }
        &.mbsc-active ~ .mbsc-ic {
            color: white;
        }
    }
    .mbsc-btn-flat.mbsc-active .mbsc-btn-ic {
        border-color: #1ba0e3;
    }
    .mbsc-btn.mbsc-active {
        .mbsc-btn-ic, &:not(.mbsc-btn-flat) {
            background: #1ba0e3;
        }
    }
    a {
        color: #1ba0e3;
    }
    .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-switch-handle {
        background: #000;
        border-color: #fff;
    }
    .mbsc-switch input {
        &:disabled + .mbsc-switch-track {
            background: transparent;
        }
        &:checked:disabled + .mbsc-switch-track {
            background: #000;
        }
    }
    .mbsc-segmented-content {
        border-color: #000;
        color: #000;
    }
    .mbsc-segmented input {
        &:checked + .mbsc-segmented-content {
            background: #000;
            color: #fff;
        }
        &.mbsc-active + .mbsc-segmented-content {
            background: #1ba0e3;
        }
    }
    .mbsc-stepper {
        .mbsc-active .mbsc-segmented-content {
            background: #1ba0e3;
        }
        input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content {
            color: #b3b3b3;
            border-color: #b3b3b3;
        }
    }
    .mbsc-step-disabled .mbsc-segmented-content, .mbsc-segmented input:disabled + .mbsc-segmented-content {
        color: #b3b3b3;
        border-color: #b3b3b3;
    }
    .mbsc-stepper input:disabled {
        color: #b3b3b3;
        -webkit-text-fill-color: #b3b3b3;
    }
    .mbsc-segmented input:disabled:checked + .mbsc-segmented-content {
        color: #fff;
        background: #b3b3b3;
    }
    .mbsc-stepper input {
        color: #000;
    }
}

.mbsc-sense-dark {
    .dwwr, .dwv, .dwbc {
        background: #000;
    }
    .dw-li .dw-i {
        color: #fff;
    }
    .dwbc {
        border: 0;
    }
    .dwb, .dwv {
        color: #fff;
    }
    .dww {
        background: #121212;
    }
    .dwcc {
        background: #171717;
        color: #fff;
    }
    .dwwo {
        background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(0.15, rgba(240, 240, 240, 0)), color-stop(0.85, rgba(240, 240, 240, 0)), to(#000));
        background: linear-gradient(#000, rgba(240, 240, 240, 0) 10%, rgba(240, 240, 240, 0) 90%, #000);
        background: -webkit-linear-gradient(#000, rgba(240, 240, 240, 0) 15%, rgba(240, 240, 240, 0) 85%, #000);
        background: -moz-linear-gradient(#000, rgba(240, 240, 240, 0) 15%, rgba(240, 240, 240, 0) 85%, #000);
        -webkit-box-shadow: #000 0 0 50px inset;
        box-shadow: #000 0 0 50px inset;
    }
    .dwwl {
        border-color: #212121;
    }
    .dwwol {
        border-top: 1px solid #0a0a0a;
        border-bottom: 1px solid #212121;
        height: 0;
    }
    .dwl {
        color: #878787;
    }
    .dw-li {
        color: #fff;
        text-shadow: none;
    }
    .dw-hl {
        background: rgba(65, 161, 196, 0.3);
    }
    .dwb-a {
        color: #41a1c4;
    }
    .dwwl .dwb-a:after {
        border-color: #41a1c4;
    }
    .dw-cal-sc-m-cell, .dw-cal-day {
        background: #171717;
        color: #fff;
        border-color: #262626;
    }
    .dw-hl-now .dw-cal-today {
        color: #41a1c4;
    }
    .dw-week-nrs-c {
        background: #404040;
        border-color: #404040;
    }
    .dw-week-nr-i {
        color: #fff;
    }
    .dw-cal {
        background: #171717;
    }
    .dw-cal-days-c {
        background: #404040;
    }
    .dw-cal-days {
        color: #fff;
    }
    .dwb-a .dw-cal-btn-txt {
        color: #41a1c4;
    }
    .dw-cal-tab .dw-i {
        color: #878787;
    }
    .dw-cal-tabs {
        background: #404040;
    }
    .dw-cal-btnc {
        background: #333;
    }
    .dw-cal-header, .dw-cal-btn-txt, .dw-cal-tab.dw-sel .dw-i {
        color: #fff;
    }
    .dw-cal-sc .dw-sel, .dw-cal-day.dw-sel {
        background: #41a3c4;
        color: white;
    }
    .dw-cal .dw-cal-day-hl .dw-cal-day-fg {
        border: 2px solid #fff;
        color: #fff;
    }
    .dw-cal-events {
        background: #616161;
        background: rgba(97, 97, 97, 0.8);
    }
    .dw-cal-events-b .dw-cal-events-arr {
        border-color: transparent transparent #616161;
        border-color: transparent transparent rgba(97, 97, 97, 0.8);
    }
    .dw-cal-events-arr {
        border-color: #616161 transparent transparent;
        border-color: rgba(97, 97, 97, 0.8) transparent transparent;
    }
    .dw-dr-t {
        background: #121212;
        border-color: #333;
    }
    .dw-ltr .dw-dr1 {
        border-color: #333;
    }
    .dw-dr {
        color: #fff;
    }
    .dw-sel .dw-dr {
        color: #41a1c4;
    }
    .dw-timer-st.dwb-a .dwb-i {
        border-left-color: #41a1c4;
    }
    .dw-timer-l.dwb-a .dwb-i, .dw-running .dw-timer-st.dwb-a .dwb-i {
        border-color: #41a1c4;
    }
    .dw-timer-r.dwb-a .dwb-i {
        background: #41a1c4;
    }
    .mbsc-np-hdr {
        background: #ededed;
        color: #2e2b2b;
    }
    .mbsc-np-btn {
        border-color: #212121;
        -webkit-box-shadow: 0 0.0625em 0 rgba(64, 64, 64, 0.5) inset;
        box-shadow: 0 0.0625em 0 rgba(64, 64, 64, 0.5) inset;
        color: #fff;
        &.dwb-a {
            color: #fff;
            background: #41a3c4;
        }
    }
}

.mbsc-lv-sense-dark {
    .mbsc-lv {
        border-color: #212121;
    }
    .mbsc-lv-item-dragging .mbsc-lv-handle-bar {
        background: #41a1c4;
    }
    .mbsc-lv-item {
        background: #171717;
        color: #fff;
        border-color: #212121;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    &.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
        background: #212121;
    }
    .mbsc-lv-gr-title {
        background: #404040;
        color: #fff;
        border-color: #212121;
    }
    .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active {
        background: #41a1c4;
    }
}

.mbsc-sense-dark {
    &.mbsc-ms-c {
        color: #fff;
        background: #171717;
        text-shadow: none;
    }
    &.mbsc-ms-a {
        .mbsc-ms-item-sel .mbsc-ms-item-i {
            border-bottom-color: #41a1c4;
            color: #41a1c4;
        }
        .mbsc-ms-item-i {
            background: #404040;
        }
    }
    &.mbsc-ms-b {
        .mbsc-ms-item-sel .mbsc-ms-item-i {
            background: #41a3c4;
        }
        .mbsc-ms-item:after, &.mbsc-ms-top, &.mbsc-ms-bottom {
            border-color: #3d3d3d;
        }
    }
}