DS7/DSWeb/Areas/Mobile/Viewsjs/mobiscroll/dev/css/mobiscroll.wp-2.5.2.css

.wp .dw {
    background: #1f1f1f;
    border-radius: 0;
    -webkit-border-radius: 0;
}
.wp .dwwr {
    padding: 10px;
}
.wp .dwv {
    display: none;
}
.wp .dwc {
    padding: 0;
    margin: 0;
    vertical-align: middle;
}
.wp .dwwc {
    padding: 3px;
    background: none;
}
.wp .dwwl {
    margin: 0;
    background: none;
}
.wp .dwl {
    display: none;
}
.wp .dw .dwwl .dww {
    margin: 0 3px;
    background: none;
    border: 0;
    color: #fff;
}
.wp .dw-li {
    position: relative;
    padding: 0;
    font-size: 26px;
    letter-spacing: -1px;
    text-align: left;
    text-shadow: none;
    opacity: 0;
    box-sizing: border-box;
    filter: Alpha(Opacity=0);
    /*transition: opacity .3s linear;*/
    -webkit-box-sizing: border-box;
    /*-webkit-transition: opacity .3s linear;*/
    -moz-box-sizing: border-box;
    /*-moz-transition: opacity .3s linear;*/
}
.wp .dw-i {
    position: relative;
    top: 4%;
    height: 92%;
    padding: 0 5px;
    border: 1px solid #4c4c4c;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    filter: inherit;
}
.wp .wpa .dw-li, .wp .dwa .dw-li {
    opacity: .3;
    filter: Alpha(Opacity=30);
}
.wp .wpa .dw-v, .wp .dwa .dw-v, .wp .wpam .dw-v {
    opacity: 1;
    filter: Alpha(Opacity=100);
}
.wp .dw-day, .wp .dw-mon {
    display: block;
    color: #a9a9a9;
    line-height: 18px;
    font-size: 11px;
    letter-spacing: normal;
    position: absolute;
    bottom: 0;
    filter: inherit;
}
.wp .dw-sel {
    opacity: 1;
    filter: Alpha(Opacity=100);
}
.wp .dw .dw-sel .dw-i {
    color: #fff;
    background: #4c4c4c;
    /*transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;*/
}
.wp .dw-sel .dw-day, .wp .dw-sel .dw-mon {
    color: #fff;
}
.wp .dw-hl {
    background: none;
}
.wp .dw-hl .dw-i {
    background: #4c4c4c;
}
.wp .dwa .dww .dw-sel .dw-i {
    border: 1px solid #4c4c4c;
    background-color: transparent;
}
.wp .dwa .dw-day, .wp .dwa .dw-month {
    color: #a9a9a9;
}
.wp .dwwo {
    display: none;
}
.wp .dwwol {
    display: none;
}
.wp .dwbc {
    padding: 0;
}
.wp .dwbw {
    float: none;
    width: auto;
}
.wp .dw .dwb {
    position: relative;
    top: 0;
    min-width: 32px;
    display: inline-block;
    height: 20px;
    padding: 29px 5px 0 5px;
    background: none;
    box-shadow: none;
    line-height: 20px;
    font-size: 11px;
    font-weight: normal;
    text-transform: lowercase;
    text-shadow: none;
    transition: top .1s linear;
    -webkit-box-shadow: none;
    -webkit-transition: top .1s linear;
    -moz-transition: top .1s linear;
}
.wp .dwb:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 50%;
    width: 26px;
    height: 26px;
    margin: 0 -13px;
    background: url(wp_icons.png) center center no-repeat;
}
.wp .dwb-s .dwb:after {
    background-position: 0 0;
}
.wp .dwb-c .dwb:after {
    background-position: -26px 0;
}
.wp .dwb-n .dwb:after {
    background-position: -52px 0;
}
.wp .dwb-s .dwb-a:after {
    background-position: 0 -26px;
}
.wp .dwb-c .dwb-a:after {
    background-position: -26px -26px;
}
.wp .dwb-n .dwb-a:after {
    background-position: -52px -26px;
}
.wp .dwb.dwb-a {
    top: -3px;
}
/* +/- buttons */
.wp .dw .dwwl .dwb-a {
    background: #1f1f1f;
}
.wp .dw .dwpm .dwwl {
    border: 0;
}
.wp .dw .dwwb {
    background: #1f1f1f;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: #a9a9a9;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.wp .dwwb span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 0;
    padding-top: 26px;
    overflow: hidden;
    margin: -13px;
    display: block;
    background: url(wp_icons.png) center center no-repeat;
}
.wp .dwwbp span {
    background-position: -78px 0;
}
.wp .dwwbp.dwb-a span {
    background-position: -78px -26px;
}
.wp .dwwbm span {
    background-position: -104px 0;
}
.wp .dwwbm.dwb-a span {
    background-position: -104px -26px;
}
/* Bubble positioning */
.wp .dw-bubble-bottom .dw-arr {
    border-color: transparent transparent #1f1f1f transparent;
}
.wp .dw-bubble-top .dw-arr {
    border-color: #1f1f1f transparent transparent transparent;
}
/* Multiple select */
.wp .dwwms .dw-li {
    opacity: .3;
    filter: Alpha(Opacity=30);
    padding: 0 0 0 30px;
}
.wp .dwwms .dw-v {
    opacity: 1;
    filter: Alpha(Opacity=100);
}
.wp .dwc .dwwms .dw-i, 
.wp .dwc .dwwms .dw-sel .dw-i, 
.wp .dwc .dwwms .dw-hl .dw-i, 
.wp .dwc .dwwms.dwa .dw-sel .dw-i {
    border: 0;
    background: none;
}
.wp .dwwms .dw-li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 5px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-size: 18px;
    line-height: 20px;
    background: #4c4c4c;
    color: #fff;
}
.wp .dwwms .dw-msel:after {
    content: '✔';
}
/* Light version */
.wp.light .dw {
    background: #dedede;
}
.wp.light .dwv {
    color: #000;
}
.wp.light .dw-li {
    color: #6b6b6b;
}
.wp.light .dw-i {
    border-color: #b5b5b5;
}
.wp.light .dw-sel .dw-i {
    background: #b5b5b5;
}
.wp.light .dw-hl .dw-i {
    color: #fff;
    background: #b5b5b5;
}
.wp.light .dw-day, .wp.light .dw-mon {
    color: #6b6b6b;
}
.wp.light .dw-sel .dw-day, .wp.light .dw-sel .dw-mon {
    color: #fff;
}
.wp.light .dw .dwa .dw-sel .dw-i {
    color: #6b6b6b;
    border: 1px solid #b5b5b5;
    background-color: transparent;
}
.wp.light .dw .dwc .dwa .dw-day, .wp.light .dw .dwc .dwa .dw-mon {
    color: #6b6b6b;
}
.wp.light .dwb {
    color: #000;
}
.wp.light .dwb:after {
    background-image: url(wp_icons_light.png);
}
.wp.light .dw .dwwb {
    background: #dedede;
}
.wp.light .dwwb span {
    background-image: url(wp_icons_light.png);
}
/* Bubble positioning */
.wp.light .dw-bubble-bottom .dw-arr {
    border-color: transparent transparent #dedede transparent;
}
.wp.light .dw-bubble-top .dw-arr {
    border-color: #dedede transparent transparent transparent;
}
/* Multiple select */
.wp.light .dwc .dwwms .dw-i, 
.wp.light .dwwms.dwa .dw-sel .dw-i {
    border: 0;
    background: none;
    color: #000;
}
.wp.light .dwwms .dw-li:after {
    background: #b5b5b5;
}
.wp.light .wp-none .dwwms .dw-li:after {
    color: #000;
}
/* Accents */
.wp.light .wp-none .dw-sel .dw-i, .wp.light .wp-none .dw-hl .dw-i {
    color: #000;
}
.wp.light .wp-none .dw-day, .wp.light .wp-none .dw-mon {
    color: #6b6b6b;
}
.wp .wp-lime .dw-sel .dw-i, .wp .wp-lime .dw-hl .dw-i, .wp .wp-lime .dwwms .dw-li:after {
    background: #a4c400;
    border-color: #a4c400;
}
.wp .wp-green .dw-sel .dw-i, .wp .wp-green .dw-hl .dw-i, .wp .wp-green .dwwms .dw-li:after {
    background: #60a917;
    border-color: #60a917;
}
.wp .wp-emerald .dw-sel .dw-i, .wp .wp-emerald .dw-hl .dw-i, .wp .wp-emerald .dwwms .dw-li:after {
    background: #008a00;
    border-color: #008a00;
}
.wp .wp-teal .dw-sel .dw-i, .wp .wp-teal .dw-hl .dw-i, .wp .wp-teal .dwwms .dw-li:after {
    background: #00aba9;
    border-color: #00aba9;
}
.wp .wp-cyan .dw-sel .dw-i, .wp .wp-cyan .dw-hl .dw-i, .wp .wp-cyan .dwwms .dw-li:after {
    background: #1ba1e2;
    border-color: #1ba1e2;
}
.wp .wp-cobalt .dw-sel .dw-i, .wp .wp-cobalt .dw-hl .dw-i, .wp .wp-cobalt .dwwms .dw-li:after {
    background: #0050ef;
    border-color: #0050ef;
}
.wp .wp-indigo .dw-sel .dw-i, .wp .wp-indigo .dw-hl .dw-i, .wp .wp-indigo .dwwms .dw-li:after {
    background: #6a00ff;
    border-color: #6a00ff;
}
.wp .wp-violet .dw-sel .dw-i, .wp .wp-violet .dw-hl .dw-i, .wp .wp-violet .dwwms .dw-li:after {
    background: #aa00ff;
    border-color: #aa00ff;
}
.wp .wp-pink .dw-sel .dw-i, .wp .wp-pink .dw-hl .dw-i, .wp .wp-pink .dwwms .dw-li:after {
    background: #f472d0;
    border-color: #f472d0;
}
.wp .wp-magenta .dw-sel .dw-i, .wp .wp-magenta .dw-hl .dw-i, .wp .wp-magenta .dwwms .dw-li:after {
    background: #d80073;
    border-color: #d80073;
}
.wp .wp-crimson .dw-sel .dw-i, .wp .wp-crimson .dw-hl .dw-i, .wp .wp-crimson .dwwms .dw-li:after {
    background: #a20025;
    border-color: #a20025;
}
.wp .wp-red .dw-sel .dw-i, .wp .wp-red .dw-hl .dw-i, .wp .wp-red .dwwms .dw-li:after {
    background: #e51400;
    border-color: #e51400;
}
.wp .wp-orange .dw-sel .dw-i, .wp .wp-orange .dw-hl .dw-i, .wp .wp-orange .dwwms .dw-li:after {
    background: #fa6800;
    border-color: #fa6800;
}
.wp .wp-amber .dw-sel .dw-i, .wp .wp-amber .dw-hl .dw-i, .wp .wp-amber .dwwms .dw-li:after {
    background: #f0a30a;
    border-color: #f0a30a;
}
.wp .wp-yellow .dw-sel .dw-i, .wp .wp-yellow .dw-hl .dw-i, .wp .wp-yellow .dwwms .dw-li:after {
    background: #d8c100;
    border-color: #d8c100;
}
.wp .wp-brown .dw-sel .dw-i, .wp .wp-brown .dw-hl .dw-i, .wp .wp-brown .dwwms .dw-li:after {
    background: #825a2c;
    border-color: #825a2c;
}
.wp .wp-olive .dw-sel .dw-i, .wp .wp-olive .dw-hl .dw-i, .wp .wp-olive .dwwms .dw-li:after {
    background: #6d8764;
    border-color: #6d8764;
}
.wp .wp-steel .dw-sel .dw-i, .wp .wp-steel .dw-hl .dw-i, .wp .wp-steel .dwwms .dw-li:after {
    background: #647687;
    border-color: #647687;
}
.wp .wp-mauve .dw-sel .dw-i, .wp .wp-mauve .dw-hl .dw-i, .wp .wp-mauve .dwwms .dw-li:after {
    background: #76608a;
    border-color: #76608a;
}
.wp .wp-sienna .dw-sel .dw-i, .wp .wp-sienna .dw-hl .dw-i, .wp .wp-sienna .dwwms .dw-li:after {
    background: #7a3b3f;
    border-color: #7a3b3f;
}