.dwwb,
.dwwo,
.dwwol {
    -webkit-transform: translateZ(0);
}
/* Wheel container wrapper */

.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;
}
/* Wheel label */

.dwl {
    line-height: 3em;
    height: 3em;
    top: -3em;
    left: 0;
    text-align: center;
    white-space: nowrap;
    position: absolute;
    width: 100%;
}
/* Wheel container */

.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;
}
/* Wheels */

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

.dwww {
    position: relative;
    padding: .1em;
    /*overflow: hidden;*/
}

.dww {
    overflow: hidden;
    position: relative;
    border-radius: .1em;
    /* Forces IE to respect overflow hidden while animating */
}

.dw-bf {
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 100em;
    backface-visibility: hidden;
    perspective: 100em;
}

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

.dw-li {
    padding: 0 .5em;
    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;
}
/* Valid entry */

.dw-li.dw-v,
.dw-li.dw-fv {
    opacity: 1;
    filter: Alpha(Opacity=100);
}
/* Hidden entry */

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

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

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

.dwa .dwwb {
    opacity: 0;
}

.dwpm .dwwbp {
    top: 0;
}

.dwpm .dwwbm {
    bottom: 0;
}

.dwpm .dwwol {
    display: none;
}
/* Wheel overlay */

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

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

.dw-liq .dwc {
    display: block;
}

.dw-liq .dw-tbl {
    width: 100%;
    table-layout: fixed;
}
/* Hidden label */

.dwhl .dwl {
    display: none;
}
/* Hidden select element */

.dw-hsel {
    position: absolute;
    height: .1em;
    width: .1em;
    left: 0;
    overflow: hidden;
    clip: rect(.1em, .1em, .1em, .1em);
}
/* Multiple lines */

.dw-ml .dw-li {
    overflow: hidden;
}

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

.dwwms .dw-li {
    padding: 0 4em;
}

.dwwms .dwwol {
    display: none;
}

.dw-msel:before {
    width: 4em;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
/* Select groups */

.dww .dw-w-gr {
    padding: 0 .5em;
    opacity: 1;
    font-weight: bold;
    text-align: left;
}
/* Default theme */

.mbsc-mobiscroll .dwc {
    padding: 2em .25em 0 .25em;
}

.mbsc-mobiscroll .dwl {
    color: #4eccc4;
    font-size: .75em;
    text-transform: uppercase;
}

.mbsc-mobiscroll .dwhl {
    padding-top: 0;
}

.mbsc-mobiscroll .dwfl {
    padding: .5em .25em;
}

.mbsc-mobiscroll .dw-li {
    font-size: 1em;
}

.mbsc-mobiscroll .dw-hl {
    background: rgba(78, 204, 196, .3);
}

.mbsc-mobiscroll .dwwol {
    border-top: 1px solid #4eccc4;
	height:1.4em;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
    border-bottom: 1px solid #4eccc4;
}
/* Clickpick mode */

.mbsc-mobiscroll .dwpm .dwwol {
    display: block;
}

.mbsc-mobiscroll .dwwb {
    color: #4eccc4;
    background: #f7f7f7;
}

.mbsc-mobiscroll .dwwbp {
    bottom: 0;
    top: auto;
}

.mbsc-mobiscroll .dwwbm {
    top: 0;
    bottom: auto;
}

.mbsc-mobiscroll .dwwb span {
    display: none;
}

.mbsc-mobiscroll .dwwb:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    font-size: 2.4em;
    text-align: center;
}

.mbsc-mobiscroll .dwwb.dwb-a:before {
    background: rgba(78, 204, 196, .3);
}
/* Group select */

.mbsc-mobiscroll .dw-w-gr {
    font-size: 1.125em;
}
/* Multiple select */

.mbsc-mobiscroll .dw-msel:before {
    font-size: 4em;
    color: #4eccc4;
}

.mbsc-mobiscroll .dwwms .dwwol {
    display: none;
}
.dw,
.dwo {
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dw {
    max-width: 98%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    font-size: 1.2em;
    text-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-action: none;
    user-select: none;
    /*touch-action: none;*/
    /* Kills native scroll in Chrome >=35 */
}

.dw:focus {
    /*outline-color: transparent;*/
    
    outline: none;
}

.dw:focus {
    outline-offset: -.2em;
}

.dw-rtl {
    direction: rtl;
}
/* Box sizing */

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

.dwwr {
    min-width: 17em;
    zoom: 1;
    overflow: hidden;
    text-align: center;
    font-family: arial, verdana, sans-serif;
}
/* Modal overlay */

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

.dw-persp {
    z-index: 99998;
}

.dwo {
    z-index: 1;
    background: #000;
    background: rgba(0, 0, 0, .7);
    filter: Alpha(Opacity=70);
}
/* Liquid mode */

.dw-liq .dw {
    max-width: 100%;
}
/* Top/Bottom mode */

.dw-top .dw,
.dw-bottom .dw {
    width: 100%;
    max-width: 100%;
}
/* Inline mode */

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

.dw-inline.dw-liq .dw-persp .dw {
    display: block;
}

.dw-inline .dw-persp {
    position: static;
}
/* Bubble mode */

.dw-bubble .dw {
    margin: 2em 0;
}

.dw-bubble .dw-arrw {
    position: absolute;
    left: 0;
    width: 100%;
}

.dw-bubble-top .dw-arrw {
    bottom: -3.6em;
}

.dw-bubble-bottom .dw-arrw {
    top: -3.6em;
}

.dw-bubble .dw-arrw-i {
    margin: 0 3em;
    position: relative;
    height: 3.6em;
}

.dw-bubble .dw-arr {
    display: block;
}

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

.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;
}
/* Header */

.dwv {
    overflow: hidden;
    text-overflow: ellipsis;
}
/* Buttons */

.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;
}
/* Button container */

.dwbc {
    display: table;
    width: 100%;
    text-align: center;
}
/* Button wrapper */

.dwbw {
    vertical-align: top;
    display: table-cell;
    position: relative;
    z-index: 5;
}

.dwbw .dwb:before {
    padding: .375em;
}
/* Widget content styling */

.mbsc-wdg .dwcc {
    position: relative;
    z-index: 0;
    padding: 1em;
    font-size: 1.4em;
    text-align: left;
    white-space: normal;
}
/* Default theme */

.mbsc-mobiscroll .dwwr {
    min-width: 14em;
    background: #f7f7f7;
    color: #454545;
    font-size: 1.6em;
}

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

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

.mbsc-mobiscroll .dwbw {
    display: block;
    float: right;
}

.mbsc-mobiscroll .dw-rtl .dwbw {
    float: left;
}

.mbsc-mobiscroll .dwb {
    height: 2.5em;
    line-height: 2.5em;
    padding: 0 1em;
    color: #4eccc4;
	text-align:center;
    text-transform: uppercase;
}

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

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

.mbsc-mobiscroll .dw-bubble-top .dw-arr {
    border-color: #f7f7f7 transparent transparent transparent;
}
/* Android Skin */
.mbsc-android .dw {
    border: .2em solid #555;
}
.mbsc-android .dwv {
    padding: 1em;
    border-bottom: .1em solid #333;
    font-size: 1.4em;
    min-height: 1.7em;
}
.mbsc-android .dwwr {
    color: #fff;
    background: #000;
}
/* Buttons */
.mbsc-android .dwbc {
    padding: .4em .2em;
    background: #9c9c9c;
}
.mbsc-android .dwb {
    height: 4em;
    line-height: 4em;
    padding: 0 1.5em;
    margin: 0 .2em;
    font-size: 1.4em;
    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 .1em .3em rgba(0,0,0,0.5);
    box-shadow: 0 .1em .3em rgba(0,0,0,0.5);
}
.mbsc-android .dw .dwb-a {
    background: #ffb25a;
    background: -webkit-gradient(linear,left bottom,left top,from(#ef6100),to(#ffb25a));
    background: -webkit-linear-gradient(#ffb25a,#ef6100);
    background: -moz-linear-gradient(#ffb25a,#ef6100);
    background: linear-gradient(#ffb25a,#ef6100);
}
/* Bubble positioning */
.mbsc-android .dw-bubble-bottom .dw-arr {
    border-color: transparent transparent #000 transparent;
}
.mbsc-android .dw-bubble-top .dw-arr {
    border-color: #9c9c9c transparent transparent transparent;
}
/* Docked */
.mbsc-android.dw-top .dw,
.mbsc-android.dw-bottom .dw {
    border-right: 0;
    border-left: 0;
}
.mbsc-android.dw-top .dw {
    border-top: 0;
}
.mbsc-android.dw-bottom .dw {
    border-bottom: 0;
}
