.softInputs {
  /*
 tooltip

 DESC: Several tooltip mixins.

 markup:
 <div class="tt-sample">
  <p>This is the GD generic tooltip</p>
 </div>

 CSS:
   @import '~@npm/tooltip-styles-lib/style/tt';
   .tt-sample{
     .tt();
     // use the mixin variant you need:
     .tt-bottom-center();
     min-width: 200px;
     display: inline-block;
   }

 styleguide tooltip
*/
  /*
 icon-sprite

 DESC: Example layout for tooltips sporting icons on the left hand side. See markup tab for corresponding html-code.

 CSS:
  @import '~@npm/tooltip-styles-lib/style/tt';
  .tt-icon-sprite-demo{
    .tt();
    .tt-bottom-center();
    .tt-icon-sprite();
  }

 Markup: ../demo/tt-icon-sprite-demo.html

 Markup-style: grid

 styleguide tooltip-icon
*/
  /*
 Error content

 DESC: Text content stylized for error messages

 All css-classes describing the arrow positions (see above) apply to this as well

 CSS:
   .tt-error();

 Markup: ../demo/tooltip-demo.html

 Markup-style: grid

 default: none

 .tooltip-instance.error.left-top - &nbsp;

 styleguide tooltip-error
*/
  /*
 Image or video content

 DESC: Layout for tooltips showing image or video content

 CSS:
  @import '~@npm/tooltip-styles-lib/style/tt';
  .tt-video-demo{
    .tt();
    .tt-bottom-center();
    .tt-video();
    display: inline-block;
  }

 Markup: ../demo/tt-video-demo.html

 styleguide tooltip-video
*/
  /*
  Top

  DESC: Arrows placed on top of the tooltip

  CSS:
   ...
    // arrow top
    .tt-top-right();
    // arrow center
    .tt-top-center();
    // arrow bottom
    .tt-top-left();
   ...

  Markup: ../demo/tooltip-demo.html

  Markup-style: grid

  default: none

  .tooltip-instance.top-left - &nbsp;
  .tooltip-instance.top-center - &nbsp;
  .tooltip-instance.top-right - &nbsp;

  styleguide tooltip.top
*/
  /*
 Right

 DESC: Arrows placed on the right side of the tooltip

 CSS:
  ...
    // arrow top
    .tt-right-top();
    // arrow center
    .tt-right-center();
    // arrow bottom
    .tt-right-bottom();
  ...

 Markup: ../demo/tooltip-demo.html

 Markup-style: grid

 default: none

 .tooltip-instance.right-top - &nbsp;
 .tooltip-instance.right-center - &nbsp;
 .tooltip-instance.right-bottom - &nbsp;

 styleguide tooltip.right
*/
  /*
 Bottom

 DESC: Arrows placed at the bottom of the tooltip

 CSS:
  ...
    // arrow right
    .tt-bottom-right();
    // arrow center
    .tt-bottom-center();
    // arrow left
    .tt-bottom-left();
  ...

 Markup: ../demo/tooltip-demo.html

 Markup-style: grid

 default: none

 .tooltip-instance.bottom-left - &nbsp;
 .tooltip-instance.bottom-center - &nbsp;
 .tooltip-instance.bottom-right - &nbsp;

 styleguide tooltip.bottom
*/
  /*
 Left

 DESC: Arrows attached to the left side of the tooltip

 CSS:
  ...
    // arrow top
    .tt-left-top();
    // arrow center
    .tt-left-center();
    // arrow bottom
    .tt-left-bottom();
  ...

 Markup: ../demo/tooltip-demo.html

 Markup-style: grid

 default: none

 .tooltip-instance.left-top - &nbsp;
 .tooltip-instance.left-center - &nbsp;
 .tooltip-instance.left-bottom - &nbsp;

 styleguide tooltip.left
*/
}
@font-face {
  font-family: 'icf-gdx';
  src: url('icf-fonts/icf-gdx.eot?-d0xph7');
  src: url('icf-fonts/icf-gdx.eot?#iefix-d0xph7') format('embedded-opentype'), url('icf-fonts/icf-gdx.woff?-d0xph7') format('woff'), url('icf-fonts/icf-gdx.ttf?-d0xph7') format('truetype'), url('icf-fonts/icf-gdx.svg?-d0xph7#icf-gdx') format('svg');
  font-weight: normal;
  font-style: normal;
}
.softInputs [class^="icf-"]:before,
.softInputs [class^="icf-"]:after,
.softInputs [class*=" icf-"]:before,
.softInputs [class*=" icf-"]:after {
  font-family: 'icf-gdx';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.softInputs [class^="icf-"]:after,
.softInputs [class*=" icf-"]:after,
.softInputs [class^="icf-"]:before,
.softInputs [class*=" icf-"]:before {
  top: 0.1em;
  position: relative;
}
.softInputs .icf-reset[class^="icf-"]:after,
.softInputs .icf-reset[class*=" icf-"]:after,
.softInputs .icf-reset[class^="icf-"]:before,
.softInputs .icf-reset[class*=" icf-"]:before {
  top: 0px;
}
.softInputs .icf-textSpace:before {
  padding-right: 0.3em;
}
.softInputs .icf-textSpace:after {
  padding-left: 0.3em;
}
.softInputs .icf-autosortOff:before,
.softInputs .icf-autosortOff-after:after {
  content: "\e904";
}
.softInputs .icf-autosortOn:before,
.softInputs .icf-autosortOn-after:after {
  content: "\e905";
}
.softInputs .icf-chatHistory:before,
.softInputs .icf-chatHistory-after:after {
  content: "\e906";
}
.softInputs .icf-table:before,
.softInputs .icf-table-after:after {
  content: "\e902";
}
.softInputs .icf-denied:before,
.softInputs .icf-denied-after:after {
  content: "\e903";
}
.softInputs .icf-colorblindOff:before,
.softInputs .icf-colorblindOff-after:after {
  content: "\e900";
}
.softInputs .icf-colorblindOn:before,
.softInputs .icf-colorblindOn-after:after {
  content: "\e901";
}
.softInputs .icf-jumpToDuel:before,
.softInputs .icf-jumpToDuel-after:after {
  content: "\e800";
}
.softInputs .icf-leaveDuel:before,
.softInputs .icf-leaveDuel-after:after {
  content: "\e801";
}
.softInputs .icf-winnerByPoint:before,
.softInputs .icf-winnerByPoint-after:after {
  content: "\e642";
}
.softInputs .icf-winnerTakesAll:before,
.softInputs .icf-winnerTakesAll-after:after {
  content: "\e643";
}
.softInputs .icf-skillLevel:before,
.softInputs .icf-skillLevel-after:after {
  content: "\e644";
}
.softInputs .icf-doubleArrow:before,
.softInputs .icf-doubleArrow-after:after {
  content: "\e641";
}
.softInputs .icf-star:before,
.softInputs .icf-star-after:after {
  content: "\e640";
}
.softInputs .icf-diamond:before,
.softInputs .icf-diamond-after:after {
  content: "\e63f";
}
.softInputs .icf-abort:before,
.softInputs .icf-abort-after:after {
  content: "\e600";
}
.softInputs .icf-action:before,
.softInputs .icf-action-after:after {
  content: "\e601";
}
.softInputs .icf-addFriend:before,
.softInputs .icf-addFriend-after:after {
  content: "\e602";
}
.softInputs .icf-alert:before,
.softInputs .icf-alert-after:after {
  content: "\e603";
}
.softInputs .icf-arrowBottom:before,
.softInputs .icf-arrowBottom-after:after {
  content: "\e604";
}
.softInputs .icf-arrowDown:before,
.softInputs .icf-arrowDown-after:after {
  content: "\e605";
}
.softInputs .icf-arrowLeft:before,
.softInputs .icf-arrowLeft-after:after {
  content: "\e606";
}
.softInputs .icf-arrowRight:before,
.softInputs .icf-arrowRight-after:after {
  content: "\e607";
}
.softInputs .icf-arrowTop:before,
.softInputs .icf-arrowTop-after:after {
  content: "\e608";
}
.softInputs .icf-bookmarkAndroid:before,
.softInputs .icf-bookmarkAndroid-after:after {
  content: "\e609";
}
.softInputs .icf-burger:before,
.softInputs .icf-burger-after:after {
  content: "\e60a";
}
.softInputs .icf-cardsBoards:before,
.softInputs .icf-cardsBoards-after:after {
  content: "\e60b";
}
.softInputs .icf-challenge:before,
.softInputs .icf-challenge-after:after {
  content: "\e60c";
}
.softInputs .icf-chatOn:before,
.softInputs .icf-chatOn-after:after {
  content: "\e60d";
}
.softInputs .icf-chatOff:before,
.softInputs .icf-chatOff-after:after {
  content: "\e60e";
}
.softInputs .icf-close:before,
.softInputs .icf-close-after:after {
  content: "\e60f";
}
.softInputs .icf-coins:before,
.softInputs .icf-coins-after:after {
  content: "\e610";
}
.softInputs .icf-colorblind:before,
.softInputs .icf-colorblind-after:after {
  content: "\e611";
}
.softInputs .icf-community:before,
.softInputs .icf-community-after:after {
  content: "\e612";
}
.softInputs .icf-controller:before,
.softInputs .icf-controller-after:after {
  content: "\e613";
}
.softInputs .icf-externLink:before,
.softInputs .icf-externLink-after:after {
  content: "\e614";
}
.softInputs .icf-fat_arrow:before,
.softInputs .icf-fat_arrow-after:after {
  content: "\e615";
}
.softInputs .icf-favorite:before,
.softInputs .icf-favorite-after:after {
  content: "\e616";
}
.softInputs .icf-female:before,
.softInputs .icf-female-after:after {
  content: "\e617";
}
.softInputs .icf-flame:before,
.softInputs .icf-flame-after:after {
  content: "\e618";
}
.softInputs .icf-friend:before,
.softInputs .icf-friend-after:after {
  content: "\e619";
}
.softInputs .icf-fullscreenOff:before,
.softInputs .icf-fullscreenOff-after:after {
  content: "\e61a";
}
.softInputs .icf-fullscreenOn:before,
.softInputs .icf-fullscreenOn-after:after {
  content: "\e61b";
}
.softInputs .icf-info:before,
.softInputs .icf-info-after:after {
  content: "\e61c";
}
.softInputs .icf-infoPositive:before,
.softInputs .icf-infoPositive-after:after {
  content: "\e61d";
}
.softInputs .icf-internLink:before,
.softInputs .icf-internLink-after:after {
  content: "\e61e";
}
.softInputs .icf-logic:before,
.softInputs .icf-logic-after:after {
  content: "\e61f";
}
.softInputs .icf-logout:before,
.softInputs .icf-logout-after:after {
  content: "\e620";
}
.softInputs .icf-mailService:before,
.softInputs .icf-mailService-after:after {
  content: "\e621";
}
.softInputs .icf-male:before,
.softInputs .icf-male-after:after {
  content: "\e622";
}
.softInputs .icf-message:before,
.softInputs .icf-message-after:after {
  content: "\e623";
}
.softInputs .icf-minus:before,
.softInputs .icf-minus-after:after {
  content: "\e624";
}
.softInputs .icf-mobile:before,
.softInputs .icf-mobile-after:after {
  content: "\e625";
}
.softInputs .icf-musicOff:before,
.softInputs .icf-musicOff-after:after {
  content: "\e626";
}
.softInputs .icf-musicOn:before,
.softInputs .icf-musicOn-after:after {
  content: "\e627";
}
.softInputs .icf-numbre1:before,
.softInputs .icf-numbre1-after:after {
  content: "\e628";
}
.softInputs .icf-ok:before,
.softInputs .icf-ok-after:after {
  content: "\e629";
}
.softInputs .icf-phoneService:before,
.softInputs .icf-phoneService-after:after {
  content: "\e62a";
}
.softInputs .icf-plus:before,
.softInputs .icf-plus-after:after {
  content: "\e62b";
}
.softInputs .icf-question:before,
.softInputs .icf-question-after:after {
  content: "\e62c";
}
.softInputs .icf-result:before,
.softInputs .icf-result-after:after {
  content: "\e62d";
}
.softInputs .icf-rounds:before,
.softInputs .icf-rounds-after:after {
  content: "\e62e";
}
.softInputs .icf-rules:before,
.softInputs .icf-rules-after:after {
  content: "\e62f";
}
.softInputs .icf-secure:before,
.softInputs .icf-secure-after:after {
  content: "\e630";
}
.softInputs .icf-shakeOff:before,
.softInputs .icf-shakeOff-after:after {
  content: "\e631";
}
.softInputs .icf-shakeOn:before,
.softInputs .icf-shakeOn-after:after {
  content: "\e632";
}
.softInputs .icf-soundOff:before,
.softInputs .icf-soundOff-after:after {
  content: "\e633";
}
.softInputs .icf-soundOn:before,
.softInputs .icf-soundOn-after:after {
  content: "\e634";
}
.softInputs .icf-specialAutumn:before,
.softInputs .icf-specialAutumn-after:after {
  content: "\e635";
}
.softInputs .icf-specialSpring:before,
.softInputs .icf-specialSpring-after:after {
  content: "\e636";
}
.softInputs .icf-specialSummer:before,
.softInputs .icf-specialSummer-after:after {
  content: "\e637";
}
.softInputs .icf-specialWinter:before,
.softInputs .icf-specialWinter-after:after {
  content: "\e638";
}
.softInputs .icf-timing:before,
.softInputs .icf-timing-after:after {
  content: "\e639";
}
.softInputs .icf-toDesktop:before,
.softInputs .icf-toDesktop-after:after {
  content: "\e63a";
}
.softInputs .icf-toTablet:before,
.softInputs .icf-toTablet-after:after {
  content: "\e63b";
}
.softInputs .icf-visitingCard:before,
.softInputs .icf-visitingCard-after:after {
  content: "\e63c";
}
.softInputs .icf-warning:before,
.softInputs .icf-warning-after:after {
  content: "\e63d";
}
.softInputs .icf-winnings:before,
.softInputs .icf-winnings-after:after {
  content: "\e63e";
}
.softInputs .icf-faceFrowling:before,
.softInputs .icf-faceFrowling-after:after {
  content: "\e907";
}
.softInputs .icf-faceNeutral:before,
.softInputs .icf-faceNeutral-after:after {
  content: "\e908";
}
.softInputs .icf-faceSmiling:before,
.softInputs .icf-faceNeutral-after:after {
  content: "\e909";
}
.softInputs .icf-diceOff:before,
.softInputs .icf-diceOff-after:after {
  content: "\e90a";
}
.softInputs .icf-diceOn:before,
.softInputs .icf-diceOn-after:after {
  content: "\e90b";
}
.softInputs .icf-flipBoardLeft:before,
.softInputs .icf-flipBoardLeft-after:after {
  content: "\e90c";
}
.softInputs .icf-flipBoardRight:before,
.softInputs .icf-flipBoardRight-after:after {
  content: "\e90d";
}
.softInputs .icf-letterOn:before,
.softInputs .icf-letterOn-after:after {
  content: "\e90f";
}
.softInputs .icf-letterOff:before,
.softInputs .icf-letterOff-after:after {
  content: "\e90e";
}
.softInputs .icf-lastTrick:before,
.softInputs .icf-lastTrick-after:after {
  content: "\e910";
}
.softInputs .icf-subscription:before,
.softInputs .icf-subscription-after:after {
  content: "\e911";
}
.softInputs .icf-expressPayment:before,
.softInputs .icf-expressPayment-after:after {
  content: "\e912";
}
.softInputs .icf-ok {
  color: #399E16;
}
.softInputs input[type="date"],
.softInputs input[type="datetime-local"],
.softInputs input[type="email"],
.softInputs input[type="month"],
.softInputs input[type="number"],
.softInputs input[type="password"],
.softInputs input[type="search"],
.softInputs input[type="tel"],
.softInputs input[type="text"],
.softInputs input[type="time"],
.softInputs input[type="url"],
.softInputs input[type="week"] {
  border: 2px solid #D9E2E7;
  box-shadow: inset 3.2px 3.2px 5px -1.2px #adb6bb;
  transition: box-shadow 0.3s;
  border-radius: 5px;
  padding: .5em .7em;
  background-color: white;
  font-size: 1em;
  color: #313A3F;
  font-family: Verdana, 'Bitstream Vera Sans', 'DejaVu Sans', Tahoma, Geneva, Arial, Sans-serif;
}
.softInputs input[type="date"]:focus,
.softInputs input[type="datetime-local"]:focus,
.softInputs input[type="email"]:focus,
.softInputs input[type="month"]:focus,
.softInputs input[type="number"]:focus,
.softInputs input[type="password"]:focus,
.softInputs input[type="search"]:focus,
.softInputs input[type="tel"]:focus,
.softInputs input[type="text"]:focus,
.softInputs input[type="time"]:focus,
.softInputs input[type="url"]:focus,
.softInputs input[type="week"]:focus {
  border: 2px solid #313A3F;
  background-color: white;
  outline: none;
}
.softInputs input[type="date"].error,
.softInputs input[type="datetime-local"].error,
.softInputs input[type="email"].error,
.softInputs input[type="month"].error,
.softInputs input[type="number"].error,
.softInputs input[type="password"].error,
.softInputs input[type="search"].error,
.softInputs input[type="tel"].error,
.softInputs input[type="text"].error,
.softInputs input[type="time"].error,
.softInputs input[type="url"].error,
.softInputs input[type="week"].error {
  background-color: #F7C1BC;
  border: 2px solid #BC111A;
}
.softInputs input[type="date"].error:focus,
.softInputs input[type="datetime-local"].error:focus,
.softInputs input[type="email"].error:focus,
.softInputs input[type="month"].error:focus,
.softInputs input[type="number"].error:focus,
.softInputs input[type="password"].error:focus,
.softInputs input[type="search"].error:focus,
.softInputs input[type="tel"].error:focus,
.softInputs input[type="text"].error:focus,
.softInputs input[type="time"].error:focus,
.softInputs input[type="url"].error:focus,
.softInputs input[type="week"].error:focus {
  border: 2px solid #BC111A;
  background-color: white;
}
.softInputs input[type="date"][disabled],
.softInputs input[type="datetime-local"][disabled],
.softInputs input[type="email"][disabled],
.softInputs input[type="month"][disabled],
.softInputs input[type="number"][disabled],
.softInputs input[type="password"][disabled],
.softInputs input[type="search"][disabled],
.softInputs input[type="tel"][disabled],
.softInputs input[type="text"][disabled],
.softInputs input[type="time"][disabled],
.softInputs input[type="url"][disabled],
.softInputs input[type="week"][disabled],
.softInputs input[type="date"] :disabled,
.softInputs input[type="datetime-local"] :disabled,
.softInputs input[type="email"] :disabled,
.softInputs input[type="month"] :disabled,
.softInputs input[type="number"] :disabled,
.softInputs input[type="password"] :disabled,
.softInputs input[type="search"] :disabled,
.softInputs input[type="tel"] :disabled,
.softInputs input[type="text"] :disabled,
.softInputs input[type="time"] :disabled,
.softInputs input[type="url"] :disabled,
.softInputs input[type="week"] :disabled {
  color: #a3a6a9;
  cursor: not-allowed;
}
.softInputs input[type="date"][disabled]::-webkit-input-placeholder,
.softInputs input[type="datetime-local"][disabled]::-webkit-input-placeholder,
.softInputs input[type="email"][disabled]::-webkit-input-placeholder,
.softInputs input[type="month"][disabled]::-webkit-input-placeholder,
.softInputs input[type="number"][disabled]::-webkit-input-placeholder,
.softInputs input[type="password"][disabled]::-webkit-input-placeholder,
.softInputs input[type="search"][disabled]::-webkit-input-placeholder,
.softInputs input[type="tel"][disabled]::-webkit-input-placeholder,
.softInputs input[type="text"][disabled]::-webkit-input-placeholder,
.softInputs input[type="time"][disabled]::-webkit-input-placeholder,
.softInputs input[type="url"][disabled]::-webkit-input-placeholder,
.softInputs input[type="week"][disabled]::-webkit-input-placeholder,
.softInputs input[type="date"] :disabled::-webkit-input-placeholder,
.softInputs input[type="datetime-local"] :disabled::-webkit-input-placeholder,
.softInputs input[type="email"] :disabled::-webkit-input-placeholder,
.softInputs input[type="month"] :disabled::-webkit-input-placeholder,
.softInputs input[type="number"] :disabled::-webkit-input-placeholder,
.softInputs input[type="password"] :disabled::-webkit-input-placeholder,
.softInputs input[type="search"] :disabled::-webkit-input-placeholder,
.softInputs input[type="tel"] :disabled::-webkit-input-placeholder,
.softInputs input[type="text"] :disabled::-webkit-input-placeholder,
.softInputs input[type="time"] :disabled::-webkit-input-placeholder,
.softInputs input[type="url"] :disabled::-webkit-input-placeholder,
.softInputs input[type="week"] :disabled::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #a3a6a9;
}
.softInputs input[type="date"][disabled]:-moz-placeholder,
.softInputs input[type="datetime-local"][disabled]:-moz-placeholder,
.softInputs input[type="email"][disabled]:-moz-placeholder,
.softInputs input[type="month"][disabled]:-moz-placeholder,
.softInputs input[type="number"][disabled]:-moz-placeholder,
.softInputs input[type="password"][disabled]:-moz-placeholder,
.softInputs input[type="search"][disabled]:-moz-placeholder,
.softInputs input[type="tel"][disabled]:-moz-placeholder,
.softInputs input[type="text"][disabled]:-moz-placeholder,
.softInputs input[type="time"][disabled]:-moz-placeholder,
.softInputs input[type="url"][disabled]:-moz-placeholder,
.softInputs input[type="week"][disabled]:-moz-placeholder,
.softInputs input[type="date"] :disabled:-moz-placeholder,
.softInputs input[type="datetime-local"] :disabled:-moz-placeholder,
.softInputs input[type="email"] :disabled:-moz-placeholder,
.softInputs input[type="month"] :disabled:-moz-placeholder,
.softInputs input[type="number"] :disabled:-moz-placeholder,
.softInputs input[type="password"] :disabled:-moz-placeholder,
.softInputs input[type="search"] :disabled:-moz-placeholder,
.softInputs input[type="tel"] :disabled:-moz-placeholder,
.softInputs input[type="text"] :disabled:-moz-placeholder,
.softInputs input[type="time"] :disabled:-moz-placeholder,
.softInputs input[type="url"] :disabled:-moz-placeholder,
.softInputs input[type="week"] :disabled:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a3a6a9;
}
.softInputs input[type="date"][disabled]::-moz-placeholder,
.softInputs input[type="datetime-local"][disabled]::-moz-placeholder,
.softInputs input[type="email"][disabled]::-moz-placeholder,
.softInputs input[type="month"][disabled]::-moz-placeholder,
.softInputs input[type="number"][disabled]::-moz-placeholder,
.softInputs input[type="password"][disabled]::-moz-placeholder,
.softInputs input[type="search"][disabled]::-moz-placeholder,
.softInputs input[type="tel"][disabled]::-moz-placeholder,
.softInputs input[type="text"][disabled]::-moz-placeholder,
.softInputs input[type="time"][disabled]::-moz-placeholder,
.softInputs input[type="url"][disabled]::-moz-placeholder,
.softInputs input[type="week"][disabled]::-moz-placeholder,
.softInputs input[type="date"] :disabled::-moz-placeholder,
.softInputs input[type="datetime-local"] :disabled::-moz-placeholder,
.softInputs input[type="email"] :disabled::-moz-placeholder,
.softInputs input[type="month"] :disabled::-moz-placeholder,
.softInputs input[type="number"] :disabled::-moz-placeholder,
.softInputs input[type="password"] :disabled::-moz-placeholder,
.softInputs input[type="search"] :disabled::-moz-placeholder,
.softInputs input[type="tel"] :disabled::-moz-placeholder,
.softInputs input[type="text"] :disabled::-moz-placeholder,
.softInputs input[type="time"] :disabled::-moz-placeholder,
.softInputs input[type="url"] :disabled::-moz-placeholder,
.softInputs input[type="week"] :disabled::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a3a6a9;
}
.softInputs input[type="date"][disabled]:-ms-input-placeholder,
.softInputs input[type="datetime-local"][disabled]:-ms-input-placeholder,
.softInputs input[type="email"][disabled]:-ms-input-placeholder,
.softInputs input[type="month"][disabled]:-ms-input-placeholder,
.softInputs input[type="number"][disabled]:-ms-input-placeholder,
.softInputs input[type="password"][disabled]:-ms-input-placeholder,
.softInputs input[type="search"][disabled]:-ms-input-placeholder,
.softInputs input[type="tel"][disabled]:-ms-input-placeholder,
.softInputs input[type="text"][disabled]:-ms-input-placeholder,
.softInputs input[type="time"][disabled]:-ms-input-placeholder,
.softInputs input[type="url"][disabled]:-ms-input-placeholder,
.softInputs input[type="week"][disabled]:-ms-input-placeholder,
.softInputs input[type="date"] :disabled:-ms-input-placeholder,
.softInputs input[type="datetime-local"] :disabled:-ms-input-placeholder,
.softInputs input[type="email"] :disabled:-ms-input-placeholder,
.softInputs input[type="month"] :disabled:-ms-input-placeholder,
.softInputs input[type="number"] :disabled:-ms-input-placeholder,
.softInputs input[type="password"] :disabled:-ms-input-placeholder,
.softInputs input[type="search"] :disabled:-ms-input-placeholder,
.softInputs input[type="tel"] :disabled:-ms-input-placeholder,
.softInputs input[type="text"] :disabled:-ms-input-placeholder,
.softInputs input[type="time"] :disabled:-ms-input-placeholder,
.softInputs input[type="url"] :disabled:-ms-input-placeholder,
.softInputs input[type="week"] :disabled:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #a3a6a9;
}
.softInputs input[type="date"][disabled]:-ms-input-placeholder,
.softInputs input[type="datetime-local"][disabled]:-ms-input-placeholder,
.softInputs input[type="email"][disabled]:-ms-input-placeholder,
.softInputs input[type="month"][disabled]:-ms-input-placeholder,
.softInputs input[type="number"][disabled]:-ms-input-placeholder,
.softInputs input[type="password"][disabled]:-ms-input-placeholder,
.softInputs input[type="search"][disabled]:-ms-input-placeholder,
.softInputs input[type="tel"][disabled]:-ms-input-placeholder,
.softInputs input[type="text"][disabled]:-ms-input-placeholder,
.softInputs input[type="time"][disabled]:-ms-input-placeholder,
.softInputs input[type="url"][disabled]:-ms-input-placeholder,
.softInputs input[type="week"][disabled]:-ms-input-placeholder,
.softInputs input[type="date"] :disabled:-ms-input-placeholder,
.softInputs input[type="datetime-local"] :disabled:-ms-input-placeholder,
.softInputs input[type="email"] :disabled:-ms-input-placeholder,
.softInputs input[type="month"] :disabled:-ms-input-placeholder,
.softInputs input[type="number"] :disabled:-ms-input-placeholder,
.softInputs input[type="password"] :disabled:-ms-input-placeholder,
.softInputs input[type="search"] :disabled:-ms-input-placeholder,
.softInputs input[type="tel"] :disabled:-ms-input-placeholder,
.softInputs input[type="text"] :disabled:-ms-input-placeholder,
.softInputs input[type="time"] :disabled:-ms-input-placeholder,
.softInputs input[type="url"] :disabled:-ms-input-placeholder,
.softInputs input[type="week"] :disabled:-ms-input-placeholder {
  /* Microsoft Edge */
  color: #a3a6a9;
}
.softInputs input[type=password]::-ms-reveal,
.softInputs input[type=password]::-ms-clear {
  display: none;
}
.softInputs .input-btn {
  position: relative;
  display: inline-block;
}
.softInputs .input-btn input[type="password"] {
  padding-right: 3.2em;
}
.softInputs .input-btn input[type="password"] ~ .input-btn--button::before {
  display: none;
}
.softInputs .input-btn input[type="password"][disabled] ~ .input-btn--button,
.softInputs .input-btn input[type="password"]:disabled ~ .input-btn--button,
.softInputs .input-btn input[type="text"][disabled] ~ .input-btn--button,
.softInputs .input-btn input[type="text"]:disabled ~ .input-btn--button {
  cursor: not-allowed;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5FAFC), to(#D9E2E7));
  background-image: -webkit-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -moz-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -ms-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -o-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: linear-gradient(#F5FAFC, #D9E2E7);
  box-shadow: none;
}
.softInputs .input-btn input[type="password"][disabled] ~ .input-btn--button::before,
.softInputs .input-btn input[type="password"]:disabled ~ .input-btn--button::before,
.softInputs .input-btn input[type="text"][disabled] ~ .input-btn--button::before,
.softInputs .input-btn input[type="text"]:disabled ~ .input-btn--button::before,
.softInputs .input-btn input[type="password"][disabled] ~ .input-btn--button::after,
.softInputs .input-btn input[type="password"]:disabled ~ .input-btn--button::after,
.softInputs .input-btn input[type="text"][disabled] ~ .input-btn--button::after,
.softInputs .input-btn input[type="text"]:disabled ~ .input-btn--button::after {
  opacity: .4;
}
.softInputs .input-btn input[type="password"][disabled] ~ .input-btn--button:hover,
.softInputs .input-btn input[type="password"]:disabled ~ .input-btn--button:hover,
.softInputs .input-btn input[type="text"][disabled] ~ .input-btn--button:hover,
.softInputs .input-btn input[type="text"]:disabled ~ .input-btn--button:hover,
.softInputs .input-btn input[type="password"][disabled] ~ .input-btn--button.hover,
.softInputs .input-btn input[type="password"]:disabled ~ .input-btn--button.hover,
.softInputs .input-btn input[type="text"][disabled] ~ .input-btn--button.hover,
.softInputs .input-btn input[type="text"]:disabled ~ .input-btn--button.hover,
.softInputs .input-btn input[type="password"][disabled] ~ .input-btn--button:active,
.softInputs .input-btn input[type="password"]:disabled ~ .input-btn--button:active,
.softInputs .input-btn input[type="text"][disabled] ~ .input-btn--button:active,
.softInputs .input-btn input[type="text"]:disabled ~ .input-btn--button:active,
.softInputs .input-btn input[type="password"][disabled] ~ .input-btn--button.active,
.softInputs .input-btn input[type="password"]:disabled ~ .input-btn--button.active,
.softInputs .input-btn input[type="text"][disabled] ~ .input-btn--button.active,
.softInputs .input-btn input[type="text"]:disabled ~ .input-btn--button.active {
  cursor: not-allowed;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5FAFC), to(#D9E2E7));
  background-image: -webkit-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -moz-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -ms-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -o-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: linear-gradient(#F5FAFC, #D9E2E7);
  box-shadow: none;
}
.softInputs .input-btn input[type="password"][disabled] ~ .input-btn--button:hover::before,
.softInputs .input-btn input[type="password"]:disabled ~ .input-btn--button:hover::before,
.softInputs .input-btn input[type="text"][disabled] ~ .input-btn--button:hover::before,
.softInputs .input-btn input[type="text"]:disabled ~ .input-btn--button:hover::before,
.softInputs .input-btn input[type="password"][disabled] ~ .input-btn--button.hover::before,
.softInputs .input-btn input[type="password"]:disabled ~ .input-btn--button.hover::before,
.softInputs .input-btn input[type="text"][disabled] ~ .input-btn--button.hover::before,
.softInputs .input-btn input[type="text"]:disabled ~ .input-btn--button.hover::before,
.softInputs .input-btn input[type="password"][disabled] ~ .input-btn--button:active::before,
.softInputs .input-btn input[type="password"]:disabled ~ .input-btn--button:active::before,
.softInputs .input-btn input[type="text"][disabled] ~ .input-btn--button:active::before,
.softInputs .input-btn input[type="text"]:disabled ~ .input-btn--button:active::before,
.softInputs .input-btn input[type="password"][disabled] ~ .input-btn--button.active::before,
.softInputs .input-btn input[type="password"]:disabled ~ .input-btn--button.active::before,
.softInputs .input-btn input[type="text"][disabled] ~ .input-btn--button.active::before,
.softInputs .input-btn input[type="text"]:disabled ~ .input-btn--button.active::before,
.softInputs .input-btn input[type="password"][disabled] ~ .input-btn--button:hover::after,
.softInputs .input-btn input[type="password"]:disabled ~ .input-btn--button:hover::after,
.softInputs .input-btn input[type="text"][disabled] ~ .input-btn--button:hover::after,
.softInputs .input-btn input[type="text"]:disabled ~ .input-btn--button:hover::after,
.softInputs .input-btn input[type="password"][disabled] ~ .input-btn--button.hover::after,
.softInputs .input-btn input[type="password"]:disabled ~ .input-btn--button.hover::after,
.softInputs .input-btn input[type="text"][disabled] ~ .input-btn--button.hover::after,
.softInputs .input-btn input[type="text"]:disabled ~ .input-btn--button.hover::after,
.softInputs .input-btn input[type="password"][disabled] ~ .input-btn--button:active::after,
.softInputs .input-btn input[type="password"]:disabled ~ .input-btn--button:active::after,
.softInputs .input-btn input[type="text"][disabled] ~ .input-btn--button:active::after,
.softInputs .input-btn input[type="text"]:disabled ~ .input-btn--button:active::after,
.softInputs .input-btn input[type="password"][disabled] ~ .input-btn--button.active::after,
.softInputs .input-btn input[type="password"]:disabled ~ .input-btn--button.active::after,
.softInputs .input-btn input[type="text"][disabled] ~ .input-btn--button.active::after,
.softInputs .input-btn input[type="text"]:disabled ~ .input-btn--button.active::after {
  opacity: .4;
}
.softInputs .input-btn input[type="text"] {
  padding-right: 3.2em;
}
.softInputs .input-btn input[type="text"] ~ .input-btn--button::after {
  display: none;
}
.softInputs .input-btn--button {
  cursor: pointer;
  float: left;
  list-style-type: none;
  border: 1px solid #BEC7CC;
  padding: .1em 1em;
  text-align: center;
  font-size: 1.4em;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5FAFC), to(#D9E2E7));
  background-image: -webkit-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -moz-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -ms-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -o-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: linear-gradient(#F5FAFC, #D9E2E7);
  padding: 0 0.4em;
  position: absolute;
  right: 2px;
  top: 2px;
  bottom: 2px;
  display: flex;
  align-items: center;
}
.softInputs .input-btn--button:hover,
.softInputs .input-btn--button.hover,
.softInputs .input-btn--button.active:hover,
.softInputs .input-btn--button.active.hover {
  box-shadow: none;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#BEC7CC), to(#D9E2E7));
  background-image: -webkit-linear-gradient(#BEC7CC, #D9E2E7);
  background-image: -moz-linear-gradient(#BEC7CC, #D9E2E7);
  background-image: -ms-linear-gradient(#BEC7CC, #D9E2E7);
  background-image: -o-linear-gradient(#BEC7CC, #D9E2E7);
  background-image: linear-gradient(#BEC7CC, #D9E2E7);
  border-right-color: transparent;
}
.softInputs .input-btn--button:active,
.softInputs .input-btn--button.pressed,
.softInputs .input-btn--button.active,
.softInputs .input-btn--button.active:active {
  background: #CBD4D9;
  box-shadow: rgba(0, 0, 0, 0.6) 0 3px 3px -2px inset;
}
.softInputs .input-btn--button.active {
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.softInputs .input-btn--button:not(:last-child) {
  border-right-color: #fff;
}
.softInputs .input-btn--button:not(:last-child).active,
.softInputs .input-btn--button:not(:last-child):active,
.softInputs .input-btn--button:not(:last-child):hover,
.softInputs .input-btn--button:not(:last-child).hover {
  border-right-color: transparent;
}
.softInputs .input-btn--button.softInputs .input-btn--button:last-child {
  border-right-color: #BEC7CC;
}
.softInputs .input-btn--button[disabled],
.softInputs .input-btn--button.disabled,
.softInputs .input-btn--button[disabled]:hover,
.softInputs .input-btn--button.disabled:hover,
.softInputs .input-btn--button[disabled].hover,
.softInputs .input-btn--button.disabled.hover,
.softInputs .input-btn--button[disabled].pressed,
.softInputs .input-btn--button.disabled.pressed,
.softInputs .input-btn--button[disabled]:active,
.softInputs .input-btn--button.disabled:active {
  cursor: not-allowed;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5FAFC), to(#D9E2E7));
  background-image: -webkit-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -moz-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -ms-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -o-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: linear-gradient(#F5FAFC, #D9E2E7);
  box-shadow: none;
}
.softInputs .input-btn--button[disabled]::before,
.softInputs .input-btn--button.disabled::before,
.softInputs .input-btn--button[disabled]:hover::before,
.softInputs .input-btn--button.disabled:hover::before,
.softInputs .input-btn--button[disabled].hover::before,
.softInputs .input-btn--button.disabled.hover::before,
.softInputs .input-btn--button[disabled].pressed::before,
.softInputs .input-btn--button.disabled.pressed::before,
.softInputs .input-btn--button[disabled]:active::before,
.softInputs .input-btn--button.disabled:active::before,
.softInputs .input-btn--button[disabled]::after,
.softInputs .input-btn--button.disabled::after,
.softInputs .input-btn--button[disabled]:hover::after,
.softInputs .input-btn--button.disabled:hover::after,
.softInputs .input-btn--button[disabled].hover::after,
.softInputs .input-btn--button.disabled.hover::after,
.softInputs .input-btn--button[disabled].pressed::after,
.softInputs .input-btn--button.disabled.pressed::after,
.softInputs .input-btn--button[disabled]:active::after,
.softInputs .input-btn--button.disabled:active::after {
  opacity: .4;
}
.softInputs .input-btn--button:active {
  padding-top: 1px;
  border-top: none;
}
.softInputs .checkbox-group {
  position: relative;
}
.softInputs .checkbox-group input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}
.softInputs .checkbox-group label {
  overflow: hidden;
  cursor: pointer;
  position: relative;
  padding-left: 1.8em;
}
.softInputs .checkbox-group label::before {
  content: ' ';
  cursor: pointer;
  position: absolute;
  width: 1em;
  height: 1em;
  top: 0;
  left: 0;
  background: white;
  border: 0.2em solid #9DA6AB;
  border-radius: 4px;
  margin-left: 0;
}
.softInputs .checkbox-group label::after {
  opacity: 0;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 0.2em;
  top: 0.8em;
  border: .2em solid white;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg);
  transform-origin: top left;
}
.softInputs .checkbox-group label:hover::before {
  border-color: #BEC7CC;
}
.softInputs .checkbox-group label:active::before {
  background-color: #6A7378;
}
.softInputs .checkbox-group input[type='checkbox'].error + label::before {
  background-color: #F7C1BC;
  border-color: #BC111A;
}
.softInputs .checkbox-group input[type="checkbox"]:checked + label::before {
  background-color: #6A7378;
  border-color: #9DA6AB;
}
.softInputs .checkbox-group input[type="checkbox"]:checked + label::after {
  width: 0.7em;
  height: 0.26em;
  transition: height 200ms, width 200ms 100ms;
  border-color: #fff;
  opacity: 1;
  box-shadow: 0 0 0 0 white inset;
}
.softInputs .checkbox-group input[type="checkbox"]:checked + label:hover::before {
  border-color: #BEC7CC;
}
.softInputs .checkbox-group input[type="checkbox"]:checked + label:active::before {
  background-color: #fff;
  transition: background-color 200ms;
}
.softInputs .radio-item {
  position: relative;
}
.softInputs .radio-item input[type="radio"] {
  position: absolute;
  opacity: 0;
  left: -0.8em;
  z-index: -1;
  top: 0.2em;
}
.softInputs .radio-item label {
  display: flex;
  align-items: center;
  padding-left: 1.1em;
  cursor: pointer;
  left: 0;
}
.softInputs .radio-item label::before {
  display: block;
  content: " ";
  cursor: pointer;
  position: absolute;
  border-radius: 100%;
  width: 0;
  height: 0;
  border: 0.6em solid #fff;
  transform: translateX(-50%);
  box-shadow: 0 0 0 2px #9DA6AB;
  left: 0;
}
.softInputs .radio-item input[type="radio"]:checked ~ label:before,
.softInputs .radio-item input[type="radio"].error:checked ~ label:before {
  border-width: 0.3em;
  width: 0.6em;
  height: 0.6em;
  transition: border 100ms, width 100ms, height 100ms;
  background-color: #6A7378;
}
.softInputs .radio-item input[type="radio"].error ~ label:before {
  border-color: #F7C1BC;
  box-shadow: 0 0 0 2px #BC111A;
  background-color: #F7C1BC;
}
.softInputs .radio-item input[type="radio"].error:checked ~ label:before {
  border-color: #fff;
  box-shadow: 0 0 0 2px #9DA6AB;
}
.softInputs .select-item {
  position: relative;
  display: inline-block;
}
.softInputs .select-item select {
  border: 2px solid #D9E2E7;
  box-shadow: inset 3.2px 3.2px 5px -1.2px #adb6bb;
  transition: box-shadow 0.3s;
  border-radius: 5px;
  padding: .5em .7em;
  background-color: white;
  font-size: 1em;
  color: #313A3F;
  font-family: Verdana, 'Bitstream Vera Sans', 'DejaVu Sans', Tahoma, Geneva, Arial, Sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding-right: 3.2em;
  box-sizing: border-box;
}
.softInputs .select-item select:focus {
  border: 2px solid #313A3F;
  background-color: white;
  outline: none;
}
.softInputs .select-item select.error {
  background-color: #F7C1BC;
  border: 2px solid #BC111A;
}
.softInputs .select-item select.error:focus {
  border: 2px solid #BC111A;
  background-color: white;
}
.softInputs .select-item select[disabled],
.softInputs .select-item select :disabled {
  color: #a3a6a9;
  cursor: not-allowed;
}
.softInputs .select-item select[disabled]::-webkit-input-placeholder,
.softInputs .select-item select :disabled::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #a3a6a9;
}
.softInputs .select-item select[disabled]:-moz-placeholder,
.softInputs .select-item select :disabled:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a3a6a9;
}
.softInputs .select-item select[disabled]::-moz-placeholder,
.softInputs .select-item select :disabled::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a3a6a9;
}
.softInputs .select-item select[disabled]:-ms-input-placeholder,
.softInputs .select-item select :disabled:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #a3a6a9;
}
.softInputs .select-item select[disabled]:-ms-input-placeholder,
.softInputs .select-item select :disabled:-ms-input-placeholder {
  /* Microsoft Edge */
  color: #a3a6a9;
}
@media all and (-ms-high-contrast: none) {
  .softInputs .select-item select {
    padding-right: 0;
  }
}
.softInputs .select-item select[disabled] ~ .select-item--button,
.softInputs .select-item select:disabled ~ .select-item--button {
  cursor: not-allowed;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5FAFC), to(#D9E2E7));
  background-image: -webkit-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -moz-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -ms-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -o-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: linear-gradient(#F5FAFC, #D9E2E7);
  box-shadow: none;
}
.softInputs .select-item select[disabled] ~ .select-item--button::before,
.softInputs .select-item select:disabled ~ .select-item--button::before,
.softInputs .select-item select[disabled] ~ .select-item--button::after,
.softInputs .select-item select:disabled ~ .select-item--button::after {
  opacity: .4;
}
.softInputs .select-item select[disabled] ~ .select-item--button:hover,
.softInputs .select-item select:disabled ~ .select-item--button:hover,
.softInputs .select-item select[disabled] ~ .select-item--button.hover,
.softInputs .select-item select:disabled ~ .select-item--button.hover,
.softInputs .select-item select[disabled] ~ .select-item--button:active,
.softInputs .select-item select:disabled ~ .select-item--button:active,
.softInputs .select-item select[disabled] ~ .select-item--button.active,
.softInputs .select-item select:disabled ~ .select-item--button.active {
  cursor: not-allowed;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5FAFC), to(#D9E2E7));
  background-image: -webkit-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -moz-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -ms-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -o-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: linear-gradient(#F5FAFC, #D9E2E7);
  box-shadow: none;
}
.softInputs .select-item select[disabled] ~ .select-item--button:hover::before,
.softInputs .select-item select:disabled ~ .select-item--button:hover::before,
.softInputs .select-item select[disabled] ~ .select-item--button.hover::before,
.softInputs .select-item select:disabled ~ .select-item--button.hover::before,
.softInputs .select-item select[disabled] ~ .select-item--button:active::before,
.softInputs .select-item select:disabled ~ .select-item--button:active::before,
.softInputs .select-item select[disabled] ~ .select-item--button.active::before,
.softInputs .select-item select:disabled ~ .select-item--button.active::before,
.softInputs .select-item select[disabled] ~ .select-item--button:hover::after,
.softInputs .select-item select:disabled ~ .select-item--button:hover::after,
.softInputs .select-item select[disabled] ~ .select-item--button.hover::after,
.softInputs .select-item select:disabled ~ .select-item--button.hover::after,
.softInputs .select-item select[disabled] ~ .select-item--button:active::after,
.softInputs .select-item select:disabled ~ .select-item--button:active::after,
.softInputs .select-item select[disabled] ~ .select-item--button.active::after,
.softInputs .select-item select:disabled ~ .select-item--button.active::after {
  opacity: .4;
}
.softInputs .select-item--button {
  cursor: pointer;
  float: left;
  list-style-type: none;
  border: 1px solid #BEC7CC;
  padding: .1em 1em;
  text-align: center;
  font-size: 1.4em;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5FAFC), to(#D9E2E7));
  background-image: -webkit-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -moz-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -ms-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -o-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: linear-gradient(#F5FAFC, #D9E2E7);
  padding: 0 0.4em;
  position: absolute;
  right: 2px;
  top: 2px;
  bottom: 2px;
  pointer-events: none;
  display: flex;
  align-items: center;
}
.softInputs .select-item--button:hover,
.softInputs .select-item--button.hover,
.softInputs .select-item--button.active:hover,
.softInputs .select-item--button.active.hover {
  box-shadow: none;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#BEC7CC), to(#D9E2E7));
  background-image: -webkit-linear-gradient(#BEC7CC, #D9E2E7);
  background-image: -moz-linear-gradient(#BEC7CC, #D9E2E7);
  background-image: -ms-linear-gradient(#BEC7CC, #D9E2E7);
  background-image: -o-linear-gradient(#BEC7CC, #D9E2E7);
  background-image: linear-gradient(#BEC7CC, #D9E2E7);
  border-right-color: transparent;
}
.softInputs .select-item--button:active,
.softInputs .select-item--button.pressed,
.softInputs .select-item--button.active,
.softInputs .select-item--button.active:active {
  background: #CBD4D9;
  box-shadow: rgba(0, 0, 0, 0.6) 0 3px 3px -2px inset;
}
.softInputs .select-item--button.active {
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.softInputs .select-item--button:not(:last-child) {
  border-right-color: #fff;
}
.softInputs .select-item--button:not(:last-child).active,
.softInputs .select-item--button:not(:last-child):active,
.softInputs .select-item--button:not(:last-child):hover,
.softInputs .select-item--button:not(:last-child).hover {
  border-right-color: transparent;
}
.softInputs .select-item--button.softInputs .select-item--button:last-child {
  border-right-color: #BEC7CC;
}
.softInputs .select-item--button[disabled],
.softInputs .select-item--button.disabled,
.softInputs .select-item--button[disabled]:hover,
.softInputs .select-item--button.disabled:hover,
.softInputs .select-item--button[disabled].hover,
.softInputs .select-item--button.disabled.hover,
.softInputs .select-item--button[disabled].pressed,
.softInputs .select-item--button.disabled.pressed,
.softInputs .select-item--button[disabled]:active,
.softInputs .select-item--button.disabled:active {
  cursor: not-allowed;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5FAFC), to(#D9E2E7));
  background-image: -webkit-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -moz-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -ms-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -o-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: linear-gradient(#F5FAFC, #D9E2E7);
  box-shadow: none;
}
.softInputs .select-item--button[disabled]::before,
.softInputs .select-item--button.disabled::before,
.softInputs .select-item--button[disabled]:hover::before,
.softInputs .select-item--button.disabled:hover::before,
.softInputs .select-item--button[disabled].hover::before,
.softInputs .select-item--button.disabled.hover::before,
.softInputs .select-item--button[disabled].pressed::before,
.softInputs .select-item--button.disabled.pressed::before,
.softInputs .select-item--button[disabled]:active::before,
.softInputs .select-item--button.disabled:active::before,
.softInputs .select-item--button[disabled]::after,
.softInputs .select-item--button.disabled::after,
.softInputs .select-item--button[disabled]:hover::after,
.softInputs .select-item--button.disabled:hover::after,
.softInputs .select-item--button[disabled].hover::after,
.softInputs .select-item--button.disabled.hover::after,
.softInputs .select-item--button[disabled].pressed::after,
.softInputs .select-item--button.disabled.pressed::after,
.softInputs .select-item--button[disabled]:active::after,
.softInputs .select-item--button.disabled:active::after {
  opacity: .4;
}
.softInputs .select-item--button.pressed {
  padding-top: 1px;
  border-top: none ;
}
.softInputs textarea {
  border: 2px solid #D9E2E7;
  box-shadow: inset 3.2px 3.2px 5px -1.2px #adb6bb;
  transition: box-shadow 0.3s;
  border-radius: 5px;
  padding: .5em .7em;
  background-color: white;
  font-size: 1em;
  color: #313A3F;
  font-family: Verdana, 'Bitstream Vera Sans', 'DejaVu Sans', Tahoma, Geneva, Arial, Sans-serif;
  overflow: auto;
}
.softInputs textarea:focus {
  border: 2px solid #313A3F;
  background-color: white;
  outline: none;
}
.softInputs textarea.error {
  background-color: #F7C1BC;
  border: 2px solid #BC111A;
}
.softInputs textarea.error:focus {
  border: 2px solid #BC111A;
  background-color: white;
}
.softInputs textarea[disabled],
.softInputs textarea :disabled {
  color: #a3a6a9;
  cursor: not-allowed;
}
.softInputs textarea[disabled]::-webkit-input-placeholder,
.softInputs textarea :disabled::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #a3a6a9;
}
.softInputs textarea[disabled]:-moz-placeholder,
.softInputs textarea :disabled:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a3a6a9;
}
.softInputs textarea[disabled]::-moz-placeholder,
.softInputs textarea :disabled::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a3a6a9;
}
.softInputs textarea[disabled]:-ms-input-placeholder,
.softInputs textarea :disabled:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #a3a6a9;
}
.softInputs textarea[disabled]:-ms-input-placeholder,
.softInputs textarea :disabled:-ms-input-placeholder {
  /* Microsoft Edge */
  color: #a3a6a9;
}
.softInputs .input-item,
.softInputs .select-item {
  width: 100%;
}
.softInputs label {
  margin-bottom: 0.7em;
  font-weight: bold;
  display: inline-block;
}
.softInputs input,
.softInputs select {
  width: 100%;
}
.softInputs .input-group {
  margin-bottom: 1.5em;
}
.softInputs .input-item {
  position: relative;
  display: inline-block;
  width: 100%;
}
.softInputs .input-item .tooltip-error,
.softInputs .input-item .tooltip-hint {
  position: relative;
  box-sizing: border-box;
  border: 1px solid #6A7378;
  border-radius: 10px;
  padding: 15px 20px;
  max-width: 350px;
  font-size: 12px;
  color: #313A3F;
  line-height: 17px;
  background-color: #fff;
  box-shadow: 0 0 6px rgba(51, 51, 51, 0.4);
  position: absolute;
  z-index: 1;
  left: 100%;
  transform: translate(14px, -50%);
  top: 50%;
  visibility: hidden;
  transition: opacity 300ms 200ms;
  border-spacing: 0;
  min-width: 16em;
  margin-left: 0.25em;
}
.softInputs .input-item .tooltip-error h1,
.softInputs .input-item .tooltip-hint h1,
.softInputs .input-item .tooltip-error h2,
.softInputs .input-item .tooltip-hint h2,
.softInputs .input-item .tooltip-error h3,
.softInputs .input-item .tooltip-hint h3,
.softInputs .input-item .tooltip-error h4,
.softInputs .input-item .tooltip-hint h4,
.softInputs .input-item .tooltip-error h5,
.softInputs .input-item .tooltip-hint h5,
.softInputs .input-item .tooltip-error h6,
.softInputs .input-item .tooltip-hint h6 {
  font-weight: bold;
}
.softInputs .input-item .tooltip-error:before,
.softInputs .input-item .tooltip-hint:before {
  position: absolute;
  content: " ";
  width: 15px;
  height: 15px;
  transform: translateY(46%) rotateZ(45deg);
  background: white;
  z-index: 0;
}
.softInputs .input-item .tooltip-error:before,
.softInputs .input-item .tooltip-hint:before {
  border-top: 1px solid #6A7378;
  border-left: 1px solid #6A7378;
}
.softInputs .input-item .tooltip-error:before,
.softInputs .input-item .tooltip-hint:before {
  top: 50%;
  left: 0;
  transform: translateX(-54%) translateY(-50%) rotateZ(-45deg);
}
.softInputs .input-item .tooltip-error {
  color: #CE2830;
}
.softInputs .input-item input.tooltip-hint-always ~ .tooltip-hint,
.softInputs .input-item input.error.tooltip-error-always ~ .tooltip-error,
.softInputs .input-item input.error.tooltip-error-hover:hover ~ .tooltip-error,
.softInputs .input-item input.error.tooltip-error-focus:focus ~ .tooltip-error {
  visibility: visible;
}
.softInputs .input-item input.tooltip-hint-always:hover ~ .tooltip-hint,
.softInputs .input-item input.error.tooltip-error-hover:hover ~ .tooltip-error {
  z-index: 2;
}