.bi-theme--lighter .bi-input, .bi-theme--dark .bi-input {
  border: 1px solid #ebebec;
  transition: border-color .2s;
  display: inline-flex;
  height: 36px;
  min-width: 200px;
  padding: 6px 10px;
  font-family: "Open Sans";
  font-size: 12px;
  color: #000000;
  outline: none;
  box-sizing: border-box; }
  .bi-theme--lighter .bi-input[disabled], .bi-theme--dark .bi-input[disabled] {
    background-color: #fdfdfd;
    cursor: not-allowed; }
  .bi-theme--lighter .bi-input:not([disabled]):hover, .bi-theme--dark .bi-input:not([disabled]):hover {
    border-color: #c4e3fc; }
  .bi-theme--lighter .bi-input:not([disabled]):focus, .bi-theme--dark .bi-input:not([disabled]):focus {
    border-color: #64B5F6; }
  .bi-theme--lighter .bi-input[required].ng-dirty.ng-valid, .bi-theme--dark .bi-input[required].ng-dirty.ng-valid {
    border-color: #81C784; }
  .bi-theme--lighter .bi-input[required].ng-dirty.ng-invalid, .bi-theme--dark .bi-input[required].ng-dirty.ng-invalid {
    border-color: #E57373; }

.bi-theme--lighter .bi-input {
  color: #353a44;
  background-color: #FFFFFF; }
  .bi-theme--lighter .bi-input::placeholder {
    color: #686b73; }

.bi-theme--dark .bi-input {
  border: none;
  color: #ebebec;
  background-color: #404652; }
  .bi-theme--dark .bi-input::placeholder {
    color: #9a9da2; }

textarea.bi-input {
  min-height: 50px; }

.bi-input + .bi-input-action {
  margin-left: -1px; }

.bi-input-action {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  display: flex;
  width: 36px;
  height: 36px;
  border: 1px solid #d7d8da; }