/*!
Pure v0.4.2
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
.pure-g {
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal;
  text-rendering: optimizespeed;
  font-family: inherit;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flexbox;
  -ms-flex-flow: row wrap;
}

.pure-u {
  display: inline-block;
  *display: inline;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}

.pure-u-1,
.pure-u-1-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-1-8,
.pure-u-7-8 {
  display: inline-block;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
  text-align: left;
}

.pure-u-1-8,
.pure-u-2-5 {
  width: 25%;
  margin-left: 5px;
  margin-right: 5px;
}
.pure-u-7-8 {
  width: 60%;
  margin-left: 5px;
  margin-right: 5px;
}
.pure-u-1-5 {
  width: 25%;
  margin-left: 5px;
  margin-right: 5px;
  text-align: left;
  position: relative;
}

.pure-u-4-5 {
  width: 100%;
}

.pure-u-1 {
  width: 100%;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
  display: block;
}

@media (max-width: 480px) {
  .ewd-otp-label-values {
    display: flex;
    flex-direction: column;
  }

  .pure-u-1,
  .pure-u-1-5,
  .pure-u-2-5,
  .pure-u-3-5,
  .pure-u-4-5,
  .pure-u-1-8,
  .pure-u-7-8 {
    width: 100%;
    float: left;
  }
}