.dw {
  position: absolute;
  top: 5%;
  left: 0;
  z-index: 1001;
  color: #000;
  font-family: arial,verdana,sans-serif;
  font-size: 12px;
  text-shadow: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -ms-touch-action: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.dwi {
  position: static;
  display: inline-block;
}

.dwwr {
  min-width: 170px;
  zoom: 1;
  padding: 0 10px;
  text-align: center;
}

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

.dwo {
  background: #000;
  opacity: .7;
  filter: Alpha(Opacity=70);
}

.dw-bubble .dw {
  margin: 20px 0;
}

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

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

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

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

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

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

.dw-bubble-bottom .dw-arr {
  top: 0;
  border-color: transparent transparent #fff transparent;
}

.dw-bubble-top .dw-arr {
  bottom: 0;
  border-color: #fff transparent transparent transparent;
}

.dwc {
  float: none;
  margin: 0 2px 5px 2px;
  padding-top: 30px;
  display: inline-block;
}

.dwcc {
  clear: both;
}

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

.dwv {
  padding: 10px 0;
  border-bottom: 1px solid #000;
}

.dwrc {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.dwwc {
  margin: 0;
  padding: 0 2px;
  position: relative;
  background: #000;
  zoom: 1;
}

.dwwl {
  margin: 4px 2px;
  padding: 0 2px;
  position: relative;
  z-index: 5;
}

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

.dww {
  overflow: hidden;
  position: relative;
}

.dw-moz .dww {
  opacity: .99;
  z-index: 2;
}

.dwsc .dwwl {
  background: #888;
  background: linear-gradient(#000 0,#333 35%,#888 50%,#333 65%,#000 100%);
  background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.35,#333),color-stop(0.50,#888),color-stop(0.65,#333),to(#000));
  background: -moz-linear-gradient(#000 0,#333 35%,#888 50%,#333 65%,#000 100%);
  background: -o-linear-gradient(#000 0,#333 35%,#888 50%,#333 65%,#000 100%);
}

.dwsc .dww {
  color: #fff;
  background: #444;
  background: linear-gradient(#000 0,#444 45%,#444 55%,#000 100%);
  background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.45,#444),color-stop(0.55,#444),to(#000));
  background: -moz-linear-gradient(#000 0,#444 45%,#444 55%,#000 100%);
  background: -o-linear-gradient(#000 0,#444 45%,#444 55%,#000 100%);
}

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

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

.dw-li {
  padding: 0 5px;
  display: block;
  text-align: center;
  line-height: 40px;
  font-size: 26px;
  white-space: nowrap;
  text-shadow: 0 1px 1px #000;
  vertical-align: bottom;
  opacity: .3;
  filter: Alpha(Opacity=30);
}

.dw-li.dw-hl {
  background: #fff;
  background: rgba(255,255,255,.3);
}

.dw-li.dw-v {
  opacity: 1;
  filter: Alpha(Opacity=100);
}

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

.dw-i {
  position: relative;
  height: 100%;
}

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

.dwa .dwwb {
  opacity: 0;
}

.dwwbp {
  top: 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  font-size: 40px;
}

.dwwbm {
  bottom: 0;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  font-size: 32px;
  font-weight: bold;
}

.dwpm .dwwc {
  background: transparent;
}

.dwpm .dwwl {
  padding: 0;
}

.dwpm .dw-li {
  text-shadow: none;
}

.dwpm .dwwol {
  display: none;
}

.dwwo {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#000 0,rgba(44,44,44,0) 52%,rgba(44,44,44,0) 48%,#000 100%);
  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: -moz-linear-gradient(#000 0,rgba(44,44,44,0) 52%,rgba(44,44,44,0) 48%,#000 100%);
  background: -o-linear-gradient(#000 0,rgba(44,44,44,0) 52%,rgba(44,44,44,0) 48%,#000 100%);
}

.dwwol {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  margin-top: -1px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #555;
}

.dwbg .dwb {
  cursor: pointer;
  overflow: hidden;
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  margin: 0 2px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 -1px 1px #000;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  color: #fff;
  background: #000;
  background: linear-gradient(#6e6e6e 50%,#000 50%);
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5,#000),color-stop(0.5,#6e6e6e));
  background: -moz-linear-gradient(#6e6e6e 50%,#000 50%);
  background: -o-linear-gradient(#6e6e6e 50%,#000 50%);
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-border-radius: 5px;
}

.dwbc {
  padding: 5px 0;
  text-align: center;
  clear: both;
}

.dwbc:after {
  content: '';
  display: block;
  clear: both;
}

.dwbw {
  display: inline-block;
  float: left;
  width: 50%;
  position: relative;
  z-index: 5;
}

.dwbc-p .dwbw {
  width: 33.33%;
}

.dwhl {
  padding-top: 10px;
}

.dwhl .dwl {
  display: none;
}

.dwms .dwwms .dw-li {
  padding: 0 40px;
  position: relative;
}

.dwms .dw-msel:after {
  width: 40px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  content: '✔';
}

.dwbg {
  background: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

.dwbg .dwpm .dwwl {
  border: 1px solid #aaa;
}

.dwbg .dwpm .dww {
  color: #000;
  background: #fff;
  -webkit-border-radius: 3px;
}

.dwbg .dwwb {
  background: #ccc;
  color: #888;
  text-shadow: 0 -1px 1px #333;
  box-shadow: 0 0 5px #333;
  -webkit-box-shadow: 0 0 5px #333;
}

.dwbg .dwwbp {
  background: linear-gradient(#f7f7f7,#bdbdbd);
  background: -webkit-gradient(linear,left bottom,left top,from(#bdbdbd),to(#f7f7f7));
  background: -moz-linear-gradient(#f7f7f7,#bdbdbd);
  background: -o-linear-gradient(#f7f7f7,#bdbdbd);
}

.dwbg .dwwbm {
  background: linear-gradient(#bdbdbd,#f7f7f7);
  background: -webkit-gradient(linear,left bottom,left top,from(#f7f7f7),to(#bdbdbd));
  background: -moz-linear-gradient(#bdbdbd,#f7f7f7);
  background: -o-linear-gradient(#bdbdbd,#f7f7f7);
}

.dwbg .dwb-a {
  background: #3c7500;
  background: linear-gradient(#94c840 50%,#3c7500 50%);
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5,#3c7500),color-stop(0.5,#94c840));
  background: -moz-linear-gradient(#94c840 50%,#3c7500 50%);
  background: -o-linear-gradient(#94c840 50%,#3c7500 50%);
}

.dwbg .dwwl .dwb-a {
  background: #3c7500;
  background: linear-gradient(#94c840,#3c7500);
  background: -webkit-gradient(linear,left bottom,left top,from(#3c7500),to(#94c840));
  background: -moz-linear-gradient(#94c840,#3c7500);
  background: -o-linear-gradient(#94c840,#3c7500);
}

.dw-trans .dw-persp {
  overflow: hidden;
  perspective: 1000;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
}

.dw-trans .dwwb,
.dw-trans .dwwo {
  -webkit-backface-visibility: hidden;
}

.dw-in,
.dw-out {
  animation-duration: 350ms;
  -webkit-animation-duration: 350ms;
  -moz-animation-duration: 350ms;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dw-slidedown.dw-out {
  animation-name: dw-sd-out;
  -webkit-animation-name: dw-sd-out;
  -moz-animation-name: dw-sd-out;
}

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

.dw-slideup.dw-out {
  animation-name: dw-su-out;
  -webkit-animation-name: dw-su-out;
  -moz-animation-name: dw-su-out;
}

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

.dw-fade.dw-out {
  opacity: 0;
  animation-name: dw-f-out;
  -webkit-animation-name: dw-f-out;
  -moz-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 {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

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

  to {
    opacity: 0;
  }
}

@-moz-keyframes dw-f-out {
  from {
    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-dw-sv-in {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }

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

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

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

@-moz-keyframes dw-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%);
  }
}

.android .dw {
  padding: 0;
  background: #000;
  border: 2px solid #555;
  color: #fff;
}

.android .dwv {
  padding: 10px;
  border-bottom: 1px solid #333;
}

.android .dwwr {
  padding: 0;
}

.android .dww {
  top: 0;
}

.android .dwwc {
  background: #000;
}

.android .dw .dwpm .dww {
  border: 0;
  background: #fff;
}

.android .dw .dwpm .dwwl {
  border: 0;
}

.android .dw .dwpm .dww {
  margin: 0;
}

.android .dwpm .dww .dw-li {
  color: #000;
  text-shadow: none;
}

.android .dwbc {
  padding: 5px 1px;
  background: #9c9c9c;
}

.android .dw .dwb {
  margin: 0 5px;
  background: #ccc;
  background: linear-gradient(#eee,#ccc);
  background: -webkit-gradient(linear,left bottom,left top,from(#ccc),to(#eee));
  background: -moz-linear-gradient(#eee,#ccc);
  background: -o-linear-gradient(#eee,#ccc);
  color: #000;
  font-weight: normal;
  text-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.android .dw .dwb-a,
.android .dw .dwwl .dwb-a {
  background: #ffb25a;
  background: linear-gradient(#ffb25a,#ef6100);
  background: -webkit-gradient(linear,left bottom,left top,from(#ef6100),to(#ffb25a));
  background: -moz-linear-gradient(#ffb25a,#ef6100);
  background: -o-linear-gradient(#ffb25a,#ef6100);
}

.android .dw-bubble-bottom .dw-arr {
  border-color: transparent transparent #000 transparent;
}

.android .dw-bubble-top .dw-arr {
  border-color: #9c9c9c transparent transparent transparent;
}

.android.dw-top .dw,
.android.dw-bottom .dw {
  border-right: 0;
  border-left: 0;
}

.android.dw-top .dw {
  border-top: 0;
}

.android.dw-bottom .dw {
  border-bottom: 0;
}

.android-ics .dw {
  padding: 0;
  color: #31b6e7;
  background: #292829;
}

.android-ics .dw .dwwc,
.android-ics .dw .dwwl,
.android-ics .dw .dww,
.android-ics .dw .dwb,
.android-ics .dw .dwpm .dww {
  background: 0;
}

.android-ics .dwwr {
  padding: 0;
}

.android-ics .dwc {
  margin: 0;
  padding: 30px 10px 1px 10px;
}

.android-ics .dwhl {
  padding: 1px 10px;
}

.android-ics .dwv {
  height: 36px;
  line-height: 36px;
  padding: 0;
  border-bottom: 2px solid #31b6e7;
  font-size: 18px;
}

.android-ics .dwwl {
  margin: 0 2px;
}

.android-ics .dww,
.android-ics .dw .dwpm .dwwl,
.android-ics .dw .dwpm .dww {
  border: 0;
}

.android-ics .dww .dw-li {
  color: #fff;
  font-size: 18px;
  text-shadow: none;
}

.android-ics .dww .dw-li.dw-hl {
  background: #31b6e7;
  background: rgba(49,182,231,.5);
}

.android-ics .dwwo {
  background: linear-gradient(#282828 0,rgba(40,40,40,0) 52%,rgba(40,40,40,0) 48%,#282828 100%);
  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: -moz-linear-gradient(#282828 0,rgba(40,40,40,0) 52%,rgba(40,40,40,0) 48%,#282828 100%);
  background: -o-linear-gradient(#282828 0,rgba(40,40,40,0) 52%,rgba(40,40,40,0) 48%,#282828 100%);
}

.android-ics .dw .dwwb {
  background: #292829;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.android-ics .dwwb span {
  display: none;
}

.android-ics .dwwb:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
  color: #7e7e7e;
  width: 0;
  height: 0;
  border-width: 8px;
  border-style: solid;
  content: '';
}

.android-ics .dwwbm {
  top: 0;
  bottom: auto;
}

.android-ics .dwwbp {
  bottom: 0;
  top: auto;
}

.android-ics .dwwbm:after {
  border-color: transparent transparent #7e7e7e transparent;
}

.android-ics .dwwbp:after {
  border-color: #7e7e7e transparent transparent transparent;
}

.android-ics .dw .dwwl .dwb-a {
  background: #292829;
}

.android-ics .dwwbm.dwb-a:after {
  border-color: transparent transparent #319abd transparent;
}

.android-ics .dwwbp.dwb-a:after {
  border-color: #319abd transparent transparent transparent;
}

.android-ics .dw .dwwol {
  width: 60%;
  left: 20%;
  height: 36px;
  border-top: 2px solid #31b6e7;
  border-bottom: 2px solid #31b6e7;
  margin-top: -20px;
  display: block;
}

.android-ics .dwbc {
  border-top: 1px solid #424542;
  padding: 0;
}

.android-ics .dw .dwb {
  height: 36px;
  line-height: 36px;
  padding: 0;
  margin: 0;
  font-weight: normal;
  text-shadow: none;
  box-shadow: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-box-shadow: none;
}

.android-ics .dw .dwb-a {
  background: #29799c;
}

.android-ics .dwb-s .dwb,
.android-ics .dwb-n .dwb {
  border-right: 1px solid #424542;
}

.android-ics.dw-bottom .dw,
.android-ics.dw-top .dw {
  border-radius: 0;
  -webkit-border-radius: 0;
}

.android-ics .dwwms .dwwol {
  display: none;
}

.android-ics .dwwms .dw-li {
  padding-left: 5px;
  padding-right: 36px;
}

.android-ics .dwwms .dw-li:after {
  content: '';
  position: absolute;
  top: 50%;
  left: auto;
  right: 10px;
  width: 14px;
  height: 14px;
  margin-top: -9px;
  color: #31b6e7;
  line-height: 14px;
  border: 1px solid #424542;
  text-shadow: 0 0 5px #29799c;
}

.android-ics .dwwms .dw-msel:after {
  content: '✔';
}

.android-ics.light .dw {
  background: #f5f5f5;
}

.android-ics.light .dww .dw-li {
  color: #000;
}

.android-ics.light .dwwo {
  background: linear-gradient(#f5f5f5 0,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#f5f5f5 100%);
  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: -moz-linear-gradient(#f5f5f5 0,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#f5f5f5 100%);
  background: -o-linear-gradient(#f5f5f5 0,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#f5f5f5 100%);
}

.android-ics.light .dw .dwwb {
  background: #f5f5f5;
  color: #f5f5f5;
}

.android-ics.light .dwbc {
  border-top: 1px solid #dbdbdb;
}

.android-ics.light .dwb {
  color: #000;
}

.android-ics.light .dwb-a {
  color: #fff;
}

.android-ics.light .dwb-s .dwb,
.android-ics.light .dwb-n .dwb {
  border-right: 1px solid #dbdbdb;
}

.android-ics .dw-bubble-bottom .dw-arr {
  border-color: transparent transparent #292829 transparent;
}

.android-ics .dw-bubble-top .dw-arr {
  border-color: #292829 transparent transparent transparent;
}

.android-ics.light .dw-bubble-bottom .dw-arr {
  border-color: transparent transparent #f5f5f5 transparent;
}

.android-ics.light .dw-bubble-top .dw-arr {
  border-color: #f5f5f5 transparent transparent transparent;
}

.android-ics.light .dwwms .dw-li:after {
  text-shadow: 0 0 5px #31b6e7;
}

.ios .dw {
  min-width: 134px;
  padding: 0;
  border: 1px solid #2d3034;
  background: 0;
  color: #fff;
  border-radius: 0;
  -webkit-border-radius: 0;
}

.ios .dwo {
  background: 0;
}

.ios .dwwr {
  position: relative;
  margin-top: 40px;
  background: #50515d;
  background: linear-gradient(#9f9fa6,#484a55 50%,#272836 50%,#282a39);
  background: -webkit-gradient(linear,left top,left bottom,from(#9f9fa6),color-stop(0.5,#484a55),color-stop(0.5,#272836),to(#282a39));
  background: -moz-linear-gradient(#9f9fa6,#484a55 50%,#272836 50%,#282a39);
  background: -o-linear-gradient(#9f9fa6,#484a55 50%,#272836 50%,#282a39);
}

.ios .dwi .dwwr {
  margin-top: 0;
}

.ios .dwv {
  display: none;
}

.ios .dwc {
  padding: 30px 0;
  margin: 0 2px;
}

.ios .dwhl {
  padding: 10px 0;
}

.ios .dwwc {
  background: transparent;
}

.ios .dwwl {
  margin: 4px 0;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  background: #cbcce0;
  background: linear-gradient(#2c2c38 0,#cbcce0 35%,#cbcce0 65%,#2c2c38 100%);
  background: -webkit-gradient(linear,left bottom,left top,from(#2c2c38),color-stop(0.35,#cbcce0),color-stop(0.65,#cbcce0),to(#2c2c38));
  background: -moz-linear-gradient(#2c2c38 0,#cbcce0 35%,#cbcce0 65%,#2c2c38 100%);
  background: -o-linear-gradient(#2c2c38 0,#cbcce0 35%,#cbcce0 65%,#2c2c38 100%);
  box-shadow: 0 1px 1px rgba(255,255,255,0.3);
  -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.3);
}

.ios td:first-child .dwwl {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
}

.ios td:last-child .dwwl {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
}

.ios .dwsc .dwwl {
  border-radius: 0;
  -webkit-border-radius: 0;
}

.ios .dwsc .dww {
  background: #fff;
  background: linear-gradient(#333 0,#999 10%,#fff 30%,#fff 70%,#999 90%,#333 100%);
  background: -webkit-gradient(linear,left bottom,left top,from(#333),color-stop(0.10,#999),color-stop(0.30,#fff),color-stop(0.70,#fff),color-stop(0.90,#999),to(#333));
  background: -moz-linear-gradient(#333 0,#999 10%,#fff 30%,#fff 70%,#999 90%,#333 100%);
  background: -o-linear-gradient(#333 0,#999 10%,#fff 30%,#fff 70%,#999 90%,#333 100%);
  border-radius: 0;
  -webkit-border-radius: 0;
}

.ios .dw .dwpm .dww {
  background: linear-gradient(#000,#fff 48%,#fff 52%,#000);
  background: -webkit-gradient(linear,left bottom,left top,from(#333),color-stop(0.48,#fff),color-stop(0.52,#fff),to(#333));
  background: -moz-linear-gradient(#000 0,#fff 48%,#fff 52%,#000 100%);
  background: -o-linear-gradient(#000 0,#fff 48%,#fff 52%,#000 100%);
}

.ios .dw .dwpm .dwwl {
  margin: 4px 2px;
  border: 1px solid #000;
}

.ios .dw .dwpm .dww {
  margin: 0;
  border: 0;
}

.ios .dww .dw-li {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  text-align: right;
  text-shadow: none;
}

.ios .dww .dw-li.dw-hl {
  background: linear-gradient(#0288f3,#005de6);
  background: -webkit-gradient(linear,left bottom,left top,from(#0288f3),to(#005de6));
  background: -moz-linear-gradient(#0288f3,#005de6);
  background: -o-linear-gradient(#0288f3,#005de6);
  color: #fff;
}

.ios .dwwo {
  background: linear-gradient(#333 0,rgba(153,153,153,0) 10%,rgba(153,153,153,0) 90%,#333 100%);
  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: -moz-linear-gradient(#333 0,rgba(153,153,153,0) 10%,rgba(153,153,153,0) 90%,#333 100%);
  background: -o-linear-gradient(#333 0,rgba(153,153,153,0) 10%,rgba(153,153,153,0) 90%,#333 100%);
}

.ios .dwwol {
  height: 28px;
  padding: 1px;
  margin-top: -16px;
  border-color: #7b8699;
  background: #6f75b0;
  background: linear-gradient(rgba(151,157,197,0.5) 50%,rgba(111,117,176,0.5) 50%);
  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: -moz-linear-gradient(rgba(151,157,197,0.5) 50%,rgba(111,117,176,0.5) 50%);
  background: -o-linear-gradient(rgba(151,157,197,0.5) 50%,rgba(111,117,176,0.5) 50%);
  z-index: 10;
  left: -1px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  filter: alpha(opacity=50);
}

.ios .dww .dwwol {
  display: none;
}

.ios .dw .dwbc {
  position: absolute;
  top: -40px;
  left: 0;
  width: 100%;
  height: 28px;
  padding: 5px 0;
  background: #454545;
  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));
  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: -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: -o-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);
}

.ios .dw .dwb {
  margin: 0 5px;
  padding: 0 10px;
  display: inline-block;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  border: 1px solid #1f1f1f;
  background: #1a1a1a;
  background: linear-gradient(#7b7b7b,#1a1a1a 50%,#000 50%);
  background: -webkit-gradient(linear,left top,left bottom,from(#7b7b7b),color-stop(0.5,#1a1a1a),color-stop(0.5,#000));
  background: -moz-linear-gradient(#7b7b7b,#1a1a1a 50%,#000 50%);
  background: -o-linear-gradient(#7b7b7b,#1a1a1a 50%,#000 50%);
  box-shadow: 0 1px 0 rgba(255,255,255,0.3);
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.3);
}

.ios .dwb-s .dwb {
  border: 1px solid #194aab;
  background: #194aab;
  background: linear-gradient(#82aaff,#3162c4 50%,#194aab 50%);
  background: -webkit-gradient(linear,left top,left bottom,from(#82aaff),color-stop(0.5,#3162c4),color-stop(0.5,#194aab));
  background: -moz-linear-gradient(#82aaff,#3162c4 50%,#194aab 50%);
  background: -o-linear-gradient(#82aaff,#3162c4 50%,#194aab 50%);
}

.ios .dwb-a {
  opacity: .8;
  filter: alpha(opacity=80);
}

.ios .dw .dwwb {
  color: #fff;
  border: 0;
  background: #3f4e68;
  background: linear-gradient(#c7d1e2 0,#808ea6 50%,#75859f 50%,#3f4e68 100%);
  background: -webkit-gradient(linear,left bottom,left top,from(#3f4e68),color-stop(0.5,#75859f),color-stop(0.5,#808ea6),to(#c7d1e2));
  background: -moz-linear-gradient(#c7d1e2 0,#808ea6 50%,#75859f 50%,#3f4e68 100%);
  background: -o-linear-gradient(#c7d1e2 0,#808ea6 50%,#75859f 50%,#3f4e68 100%);
}

.ios .dw .dwwl .dwb-a {
  background: #252c36;
  background: linear-gradient(#6b6e75 0,#272e38 50%,#171e28 50%,#252c36 100%);
  background: -webkit-gradient(linear,left bottom,left top,from(#252c36),color-stop(0.5,#171e28),color-stop(0.5,#272e38),to(#6b6e75));
  background: -moz-linear-gradient(#6b6e75 0,#272e38 50%,#171e28 50%,#252c36 100%);
  background: -o-linear-gradient(#6b6e75 0,#272e38 50%,#171e28 50%,#252c36 100%);
}

.ios .dwb-s,
.ios .dwb-n {
  width: auto;
  float: right;
  text-align: right;
}

.ios .dwb-c {
  width: auto;
  float: left;
  text-align: left;
}

.ios.dw-bubble .dw {
  padding: 6px;
  background: #afafaf;
  background: linear-gradient(#afafaf,#1b2530 30%);
  background: -webkit-gradient(linear,left top,left bottom,from(#afafaf),color-stop(0.3,#1b2530));
  background: -moz-linear-gradient(#afafaf,#1b2530 30%);
  background: -o-linear-gradient(#afafaf,#1b2530 30%);
  box-shadow: 0 0 25px rgba(0,0,0,0.7);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.7);
}

.ios .dw-bubble-bottom .dw-arr {
  border-color: transparent transparent #2d3034 transparent;
}

.ios .dw-bubble-bottom .dw-arr:after {
  content: '';
  position: absolute;
  top: -16px;
  left: -17px;
  border: 17px solid #afafaf;
  border-color: transparent transparent #afafaf transparent;
}

.ios .dw-bubble-top .dw-arr {
  border-color: #1b2530 transparent transparent transparent;
}

.ios .dwwms .dwwol {
  display: none;
}

.ios .dwwms .dw-li {
  padding: 0 5px 0 30px;
  text-align: left;
}

.ios .dw-msel:after {
  width: 30px;
}

.ios .dww .dw-msel {
  color: #215085;
}

.jqm .dwo {
  background: 0;
}

.jqm .dw {
  padding: 6px;
  z-index: 1003;
}

.jqm .dwv {
  position: static;
  width: auto;
  padding: .7em 15px .7em 15px;
  border: 0;
}

.jqm .dwwr {
  border: 0;
  padding: 0;
}

.jqm .dwpm .dwwo {
  background: 0;
}

.jqm .dwc {
  margin: 0;
  padding: 30px 5px 5px 5px;
}

.jqm .dwhl {
  padding: 5px;
}

.jqm .dwwb {
  margin: 0;
  border: 0;
}

.jqm .dwwb span {
  padding: 0;
}

.jqm .dwwbp .ui-btn-inner {
  font-size: 40px;
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
}

.jqm .dwwbm .ui-btn-inner {
  font-size: 32px;
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
}

.jqm .dwwbp span {
  font-weight: normal;
}

.jqm .dwbc {
  padding: 0;
}

.jqm .dwbc .ui-btn {
  margin: .5em 5px;
}

.jqm .dwbc .ui-btn-inner {
  font-size: 12px;
}

.jqm .dwpm .dwl {
  border: 0;
  background: 0;
}

.jqm .dw-bubble-bottom .dw-arr {
  border-color: transparent transparent #444 transparent;
}

.jqm .dw-bubble-top .dw-arr {
  border-color: #222 transparent transparent transparent;
}

.jqm.dw-bottom .dw,
.jqm.dw-top .dw {
  padding: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.jqm.dw-top .dw {
  border-right: 0;
  border-top: 0;
  border-left: 0;
}

.jqm.dw-bottom .dw {
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
}

.sense-ui .dw {
  padding: 0;
  background: #333;
  border: 2px solid #fff;
  color: #fff;
}

.sense-ui .dwwr {
  padding: 0;
}

.sense-ui .dwv {
  padding: 5px 10px;
  border-bottom: 1px solid #666;
  text-align: left;
}

.sense-ui .dwwc {
  background: #333;
}

.sense-ui .dw .dwpm .dwwl,
.sense-ui .dw .dwpm .dww {
  background: #fff;
  border: 0;
  padding: 0;
}

.sense-ui .dwbc {
  padding: 5px 1px;
  background: #000;
  background: linear-gradient(#666 50%,#000 50%);
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5,#000),color-stop(0.5,#666));
  background: -moz-linear-gradient(#666 50%,#000 50%);
  background: -o-linear-gradient(#666 50%,#000 50%);
}

.sense-ui .dw .dwb {
  margin: 0 5px;
  border: 1px solid #333;
  background: #222;
  background: linear-gradient(#444,#000);
  background: -webkit-gradient(linear,left bottom,left top,from(#000),to(#444));
  background: -moz-linear-gradient(#444,#000);
  background: -o-linear-gradient(#444,#000);
  box-shadow: inset 0 0 5px #000;
}

.sense-ui .dw .dwb-a {
  background: #3c7500;
  background: linear-gradient(#94c840,#3c7500);
  background: -webkit-gradient(linear,left bottom,left top,from(#3c7500),to(#94c840));
  background: -moz-linear-gradient(#94c840,#3c7500);
  background: -o-linear-gradient(#94c840,#3c7500);
}

.sense-ui.dw-top .dw {
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
}

.sense-ui.dw-bottom .dw {
  border: 0;
  border-top: 1px solid #666;
  border-radius: 0;
  -webkit-border-radius: 0;
}

.wp .dw {
  background: #1f1f1f;
  border-radius: 0;
  -webkit-border-radius: 0;
}

.wp .dwwr {
  padding: 10px;
}

.wp .dwv {
  display: none;
}

.wp .dwc {
  padding: 30px 0 0 0;
  margin: 0;
  vertical-align: middle;
}

.wp .dwhl {
  padding: 0;
}

.wp .dwwc {
  padding: 3px;
  background: 0;
}

.wp .dwwl {
  margin: 0;
  padding: 0 2px;
  background: 0;
}

.wp .dwl {
  color: #fff;
}

.wp .dw .dwwl .dww {
  background: 0;
  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);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

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

.wp .dw-sel .dw-day,
.wp .dw-sel .dw-mon {
  color: #fff;
}

.wp .dw-hl {
  background: 0;
}

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

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

.wp .dw-bubble-bottom .dw-arr {
  border-color: transparent transparent #1f1f1f transparent;
}

.wp .dw-bubble-top .dw-arr {
  border-color: #1f1f1f transparent transparent transparent;
}

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

.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: '✔';
}

.wp.light .dw {
  background: #dedede;
}

.wp.light .dwv,
.wp.light .dwl,
.wp.light .dwb {
  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: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);
}

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

.wp.light .dwc .dwwms .dw-i,
.wp.light .dwwms.dwa .dw-sel .dw-i {
  border: 0;
  background: 0;
  color: #000;
}

.wp.light .dwwms .dw-li:after {
  background: #b5b5b5;
}

.wp.light .wp-none .dwwms .dw-li:after {
  color: #000;
}

.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: #a0f;
  border-color: #a0f;
}

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

.section {
  margin-bottom: 15px;
}

.question {
  padding: 5px 5px 5px 5px;
}

.question.invalid {
  border: #C43B1D 2px solid;
  background-color: #FFE6CC;
}

.question-default {
  margin-bottom: 20px;
}

.question-tabular {
  display: table-row;
}

.question-tabular > .prompt {
  padding-right: 2px;
  display: table-cell;
}

.question-tabular  > .answer {
  display: table-cell;
}

.question-code {
  color: #888;
}



.answer {
  margin-top: 10px;
}

.question-comments {
  margin-top: 5px;
}

.question-default  > .prompt {
  font-weight: bold;
}

.required {
  color: Red;
  margin-left: 2px;
}

select {
  width: 300px;
}

.check-section {
  font-weight: bold;
  color: #999999;
}

.touch-checkbox {
  background-repeat: no-repeat;
  vertical-align: middle;
  line-height: 30px;
  padding-left: 33px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAACICAYAAADqM7tyAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAB3RJTUUH3QcTAQQI+Y2mMQAAAvBJREFUaN7t2k9sDFEcwPHvmxm7O9Pp1jZltUoiLpSGFBE3idShEomLqD8JFw4kJI04EAkhbiqcxEE4EOHChXDw7yCpirjgQEg23ZVS7Xa383a6s/scMGy2Um33IPI+yTtM5s1vfr/33rzLG1EsFpWUkmKxSKlUYipM0yQejwNgFQoF0uk00xUEAYlEAiOTySCEmHYbGRlBKYWhlGKmhBAY1IBSqjaBACwhxL8TqKal/c+DXYsFqZSqXUa1m7VaZFQulzEaGxtn9PU7joNhGAjP85Tv+/i+z1QHPhKJYNs2mqZpmqZpmqZpmqZpmqZpmqZpmqZptSa+5qS6/nKQx2/SDOb8KT08tz5K14oF7FiVxHr2Mcu1R6+mlcWAB5fuf2auuxax6fxTlc2OzKislmQT1tj43/10EnijBDIPgGW7WE48vDc46n8/gp6sBd4ohaE02zrm8bx3Lye3rCQajFX0mfRQvCRzBDJPMhikZ9dmADrXtHFg43JKMhf2M4CqDJT/622BzJNLveX0oT3hQ1JKzt548P0M+8ehelgaQLmQpzCUpq2hhDmaoTCUxvucYk9nB6val4aBes5ewbdcjJhbXVq5kEd+GWD76hYu9nRzaX8XIptm/izJkX07wyB3n/TRNyCJ1MX5/Yjf+lkaQPs8m4PdXQAsXtDMwwuHef3uY0VJJ67ew25ZUjFr4Rj91P8uw/U798Nr27arShKJ1qogFWNkmiZRdzbHL97k2Jneqo637j6kb0ASdRsmXCJhRkbMxU0upKltHbdepNh96CjDw8MAvE9lOHf7Gc6cVoyYO+EyqZh+067HjidILFpO/6ci3QeP8z6V4dTl26iGFiwnPmE2AGJD71Olxr2K6Mofw89n8XPDBDKH3dSKHU8gonUTbyERB8uZZeIVK//UEDGXWLSOqNvA76X/cTtxIxhbVjZjmmb14BkGpl0ftj99h6Zp0rmsGWtbRxIvgP4PX/jqjU9p+2h0IqxfkmTriia+AfnrBYxSemuvAAAAAElFTkSuQmCC');
  font-size: 14pt;
  font-weight: bold;
  background-position: 8px 6px;
  margin-bottom: 5px;
  margin-top: 3px;
  cursor: pointer;
}

.touch-checkbox.checked {
  background-position: 8px -112px;
}

.checkbox-choice-hint {
  font-size: 10pt;
  font-weight: normal;
  color: gray;
}

.touch-radio {
  background-repeat: no-repeat;
  vertical-align: middle;
  line-height: 30px;
  padding-left: 33px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAACICAYAAADqM7tyAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAB3RJTUUH3QcTDSE7p7TupAAABHNJREFUaN7tmU9s22QYh3/fG9tZ2i/YbUq7ohG6MNgkaGFCGovEAQkOXAqnnDjshLTzxA3BgYG4oJ2RdkBC4pQTq5A4wNQDUrRDKZQdKrplW5i6blOaf06+2LH9cvAcNWlXdekOaPIj+RDbefz68+efrdei1+thDxYBFFqtVt7zvCwAaJpWSafTJQBFAEvDfxCu6+78fRrApXK5/C72IZfLLQO4AGB1L9Fio9Eobm9vJ3EAJicnHdM0C1F1keh0vV4v1Wq1A0kiJiYmHMuy8gBWiZkRBMGlJ5UAQK1WSwZBcImZIRzHWaxUKleCIMAoEBGy2eyHGjMXmBlCiJFEzAxmLmi2bedHlUTYtp0nAFkcEmbOakopHLaibrcLklJWHp3nyIuUsqIlEomSEOLEYSpKJBIl0nW9aBjGyBLDMKDrepGYecmyrOVRRZZlLTPzEgGArusXTNN0nlRimqaj6/oFACAACIJgVUpZME3TEULgIItpmo6UshAEwSoAEDMDAHzfX5JS5qemppZ1XX9sFbquY2pqallKmfd9fyma3aLdbg9M90QiAQCLnucVXNfNu66bfTSoFcMwSpqmFZl5KQiCgfkn9krItU0bv27UsP5vFbeq4YGOZ8Zx6sUM3n9lAgsvSOybkDerCpdL93Dt+j/7DvLbr7+KT/KzeDmT2i26WVX4tLiGRqPe3+h1mgMCbey5HVfMwreFhb5MuK67SzIsGCYS7pQRM+Ny6R6azQaEEAi6dihTNrrVzYHFU+G2oGtDCIFms4HLpXtgZtDapo2V9XI4BVSrL/E6TST9DvJZiXxWIul34HWafVm078p6GWubNrSrG3XsTMhI8t6paVw8X0AqFY6BUgqff1fEb+sPQETQUhJCCDAzrm7UQRtbtV15lPQ7AxIASKVSuHi+gKTfGbzsQmBjqwa6UwtvMXbaICL4qoWzJ48NSHbKzp48Bl+1QERgJ5xjd2oOiHxnV0U9oT32iu3cRkfC0yPfAc3NTIbhlEpDCIFEKo2V9dtQSu2SKKWwsn67v29UwNzMJCiXGeuvICIQETwjjW9++HlAppTCV99fgWekQUQDY5TLjEFcu/kQX/z0N6IZ7nWa6HVa6LUbOBIovHHiGADgrxt30aUU9HET+lgooyMShmHgy4/moc3PjmNhbgYrG3fx6PUFJM1w4AMTf9z3wkOnjyJJ1JeI5DgAYGFuBvOz49AA4NyZWdzdbuN+tQaRHAcxI0mE4cd4dEqRZCYzgXNnZsN17XYbzIzbdRdf/3IDD7brB4rZ6UkLn31wAnOWEQ58FGyR7MeVLfx56wEe8yYHXdfx5vFpfPzW0b6kX9FwQl7f6uD3ch3lhzbuVMN766WMRO55iXdyFl6bSWE4IbW9nmlEBJcFbOWiqcLKbOXCZQEiwl6ZHidknJBxQsYJ+cwlZExMTExMTExMTExMTExMTExMzH6IXq/HwytH/QbZFx22w86R5LAddo477HGH/f/UYednt8POT6vDzsDT6bD38+gwHfb/AA/Aj2GT0n6fAAAAAElFTkSuQmCC');
  font-size: 14pt;
  font-weight: bold;
  background-position: 8px 6px;
  margin-bottom: 3px;
  margin-top: 3px;
  cursor: pointer;
}

.touch-radio.checked {
  background-position: 8px -112px;
}

.radio-choice-hint {
  font-size: 10pt;
  font-weight: normal;
  color: gray;
}

/* Placeholder for dragging */

.sortable-placeholder {
  border: dashed 1px #C0C0C0;
}

.item-panel {
  padding: 5px 5px 0px 5px;
  margin: 0px 5px 0px 5px;
}

.item-panel-header {
  visibility: hidden;
}

.item-panel:hover {
  background-color: #F0F0F0;
}

.item-panel:hover > .item-panel-header {
  visibility: visible;
}

.item-panel .cut {
  border-color: blue;
  border-width: 2px;
  border-style: dashed;
}

.item-panel-body {
  /* Remove extra margins in items since we fill gap with other controls */
  margin-bottom: -20px;
}

.not-visible {
  color: #808080;
}

.item-panel-body > .not-visible-label {
  visibility: collapse;
}

.not-visible > .not-visible-label {
  visibility: visible;
}

.item-seq {
  font-weight: bold;
}

.item-handle {
  color: #428bca;
}

.section-controls {
  visibility: hidden;
}

.section-heading:hover .section-controls {
  visibility: visible;
}

.section-heading > .not-visible-label {
  display: none;
}

.not-visible > .not-visible-label {
  display: block;
}

.section-seq {
  font-weight: bold;
}

.form-controls {
  visibility: hidden;
}

.form-heading:hover .form-controls {
  visibility: visible;
}

/*
 * Side navigation
 *
 * Scrollspy and affixed enhanced navigation to highlight sections and secondary
 * sections of docs content.
 */

/* By default it's not affixed in mobile views, so undo that */

.forms-sidebar.affix {
  position: static;
}

@media (min-width: 768px) {
  .forms-sidebar {
    padding-left: 20px;
  }
}

/* First level of nav */

.forms-sidenav {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* All levels of nav */

.forms-sidebar .nav > li > a {
  display: block;
  padding: 4px 20px;
  font-size: 13px;
  font-weight: 500;
  color: #999;
}

.forms-sidebar .nav > li > a:hover,
.forms-sidebar .nav > li > a:focus {
  padding-left: 19px;
  color: #563d7c;
  text-decoration: none;
  background-color: transparent;
  border-left: 1px solid #563d7c;
}

.forms-sidebar .nav > .active > a,
.forms-sidebar .nav > .active:hover > a,
.forms-sidebar .nav > .active:focus > a {
  padding-left: 18px;
  font-weight: bold;
  color: #563d7c;
  background-color: transparent;
  border-left: 2px solid #563d7c;
}

/* Nav: second level (shown on .active) */

.forms-sidebar .nav .nav {
  display: none;
  /* Hide by default, but at >768px, show it */
  padding-bottom: 10px;
}

.forms-sidebar .nav .nav > li > a {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 30px;
  font-size: 12px;
  font-weight: normal;
}

.forms-sidebar .nav .nav > li > a:hover,
.forms-sidebar .nav .nav > li > a:focus {
  padding-left: 29px;
}

.forms-sidebar .nav .nav > .active > a,
.forms-sidebar .nav .nav > .active:hover > a,
.forms-sidebar .nav .nav > .active:focus > a {
  padding-left: 28px;
  font-weight: 500;
}

/* Back to top (hidden on mobile) */

.back-to-top {
  display: none;
  padding: 4px 10px;
  margin-top: 10px;
  margin-left: 10px;
  font-size: 12px;
  font-weight: 500;
  color: #999;
}

.back-to-top:hover {
  color: #563d7c;
  text-decoration: none;
}

@media (min-width: 768px) {
  .back-to-top {
    display: block;
  }
}

/* Show and affix the side nav when space allows it */

@media (min-width: 992px) {
  .forms-sidebar .nav > .active > ul {
    display: block;
  }

  /* Widen the fixed sidebar */

  .forms-sidebar.affix,
  .forms-sidebar.affix-bottom {
    width: 213px;
  }

  .forms-sidebar.affix {
    position: fixed;
    /* Undo the static from mobile first approach */
    top: 20px;
  }

  .forms-sidebar.affix-bottom {
    position: absolute;
    /* Undo the static from mobile first approach */
  }

  .forms-sidebar.affix-bottom .forms-sidenav,
  .forms-sidebar.affix .forms-sidenav {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  /* Widen the fixed sidebar again */

  .forms-sidebar.affix-bottom,
  .forms-sidebar.affix {
    width: 263px;
  }
}

/* Removes left&right padding from columns */

.no-col-padding {
  padding-left: 0px;
  padding-right: 0px;
}