@font-face {
  font-family: "roboto-bold";
  src: url(/public/fonts/Roboto/Roboto-medium.ttf) format("opentype"); }

@font-face {
  font-family: "roboto";
  src: url(/public/fonts/Roboto/Roboto-Regular.ttf) format("opentype"); }

@font-face {
  font-family: "roboto-bold";
  src: url(/public/fonts/Roboto/Roboto-medium.ttf) format("opentype"); }

@font-face {
  font-family: "roboto";
  src: url(/public/fonts/Roboto/Roboto-Regular.ttf) format("opentype"); }

.form-item {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .form-item_is-bigger .form-item__label {
    font-size: 18px !important; }
  .form-item select {
    position: relative;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat, repeat;
    /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
    background-position: right 0.7em top 50%, 0 0;
    /* icon size, then gradient */
    background-size: 0.65em auto, 100%; }
    .form-item select:disabled {
      background-color: #fafafa;
      opacity: 0.7; }
  .form-item input:disabled {
    background-color: #fafafa;
    opacity: 0.7; }

.form-item__label {
  display: flex;
  flex-direction: column;
  color: #00438E;
  margin-bottom: 10px;
  font-size: 14px; }
  .form-item__label_is-important {
    font-size: 12px;
    font-style: italic;
    margin-bottom: 0; }

.form-item__input {
  position: relative;
  padding-bottom: 10px; }