.window-content.block {
  display: block;
}

.logo-wrapper {
  padding: 40px 20px 20px 20px;
}

.block-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.header-wrapper {
  max-width: 420px;
}

.d4f-color {
  color: #018d8d;
}

h3.result {
  color: #504f4f;
  text-overflow: unset;
  word-break: break-word;
  white-space: unset;
}

.btn-primary-d4f {
  border-color: #018d8d;
  border-bottom-color: #018d8d;
  background-color: #018d8d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #059898), color-stop(100%, #248b34));
  background-image: -webkit-linear-gradient(top, #059898 0%, #248b34 100%);
  background-image: linear-gradient(to bottom, #059898 0%, #248b34 100%);
}

.btn-primary-d4f:active {
  background-color: #04a5a5;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #04a5a5), color-stop(100%, #04a5a5));
  background-image: -webkit-linear-gradient(top, #04a5a5 0%, #04a5a5 100%);
  background-image: linear-gradient(to bottom, #04a5a5 0%, #04a5a5 100%);
}

.form-control-d4f {
      display: inline-block;
      width: 100%;
      min-height: 25px;
      padding: 5px 10px;
      font-size: 13px;
      line-height: 1.6;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 4px;
      outline: none;
    }

.form-control-d4f:focus,
.form-control-d4f:active,
.form-control-d4f:active:focus {
      border-color: #6db3fd;
      box-shadow: 3px 3px 0 #6db3fd, -3px -3px 0 #6db3fd, -3px 3px 0 #6db3fd, 3px -3px 0 #6db3fd;
    }

.error {
    border: 1px solid red;
}

span#error-message {
    color: red;
}

.error-message-wrapper {
    min-height: 20px;
}

.form-wrapper {
    padding: 10px;
}

.result-wrapper{
  display: none;
}