html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
}
.header-search_form {
  display: block;
  max-width: 550px;
  width: 100%;
}
.header-login_form {
  display: block;
  max-width: 180px;
  width: 100%;
}
.header-login_form input {
  position: relative;
  display: block;
  width: 100%;
  height: 20px;
  border: 1px solid #dbdbdb;
  border-radius: 24px;
  padding: 0 20px 0 20px;
  margin-left: 20px;
    padding-right: -20px;
  font-size: 16px;
  font-style: italic;
    margin-bottom: 8px;
  color: #000;
  background: #fff;
  z-index: 1;
}
.header-login_form button {
  width: 62px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  text-transform: none;
  border: 0;
  margin-left: 20px;
  margin-top: 20px;
  padding: 5px 40px 5px 40px;
  border-radius: 15px;
  cursor: pointer;
}
.header-login_form .error_login {
  position: relative;
  display: block;
  width: 100%;
  font-size: 16px;
  font-style: italic;
  color: red;
  background: #fff;
  z-index: 1;
  margin-left: 20px;
  margin-bottom: 5px;
}
.header-login_form h2 {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.header-search_form input {
  position: relative;
  display: block;
  width: 100%;
  height: 45px;
  border: 1px solid #dbdbdb;
  border-radius: 24px;
  padding: 0 20px 0 20px;
  margin-left: 20px;
    padding-right: -20px;
  font-size: 16px;
  font-style: italic;
  color: #000;
  background: #fff;
  z-index: 1;
}
.header-search_form button {
  position: absolute;
  top: 0;
  right: -50px;
  height: 100%;
  width: 62px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  background: transparent;
  z-index: 2;
  text-transform: none;
  text-transform: none;
  border: 0;
}
.header-search_form button i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.262 20.7658C19.7684 20.3369 20.2506 19.8743 20.6965 19.3839C21.1145 18.9236 21.1011 18.432 20.6541 17.9815C19.3214 16.637 17.9669 15.3131 16.6112 13.9904C16.4574 13.8406 16.2526 13.7235 16.0515 13.6425C15.7886 13.5374 15.6759 13.413 15.6929 13.2391C16.5906 11.8898 17.1128 10.2724 17.1128 8.53171C17.1128 3.82073 13.2819 0 8.557 0C3.83084 0 0 3.82073 0 8.53171C0 13.2439 3.83084 17.0634 8.557 17.0634C10.1671 17.0634 11.6743 16.6201 12.9597 15.8482H12.9609C12.9863 15.8458 13.0118 15.8398 13.0384 15.8301C13.1874 15.7745 13.4697 15.8035 13.557 15.9062C13.7048 16.0809 13.8321 16.2741 13.9592 16.4672C14.1142 16.7027 14.269 16.9378 14.4608 17.1383C15.5754 18.3016 16.7203 19.437 17.87 20.5665C18.3788 21.0665 18.8235 21.1354 19.262 20.7658ZM13.6013 8.53171C13.6013 11.3096 11.3427 13.5616 8.55651 13.5616C5.77035 13.5616 3.51172 11.3096 3.51172 8.53171C3.51172 5.75378 5.77035 3.50183 8.55651 3.50183C11.3427 3.50183 13.6013 5.75378 13.6013 8.53171Z' fill='%23A8B1B7'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: 0;
}
.header-search_form form {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: 0;
}
.logo-with-input {
    display: flex;
    flex-direction: row;
}
.logo-img {
    width: 100px;
    height: 44px;
}
.logo-img-auth {
    width: 100px;
    height: 44px;
    margin-top: 68px;
}
.main {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

@media (max-width: 600px) {
  .header-login_form {
    display: block;
    max-width: 130px;
    width: 100%;
  }
}

.main-action {
    padding: 10px;
}

.link-logout {
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid black;
  padding: 10px;
  background-color: #dbdbdb;
  color: #1b1b1b;
  text-decoration: none
}