@import "reset.css";
@font-face {
  font-family: "PTSerif";
  src: url("fonts/ptserif/PTSerif-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Arial;
  src: local('Arial'), url('fonts/arial/ArialMT.woff2') format('woff2'), url('fonts/arial/ArialMT.woff') format('woff');
}
button {
  font-family: Arial;
}
.login_container {
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background: #e9faff;
  box-sizing: border-box;
}
.wrap_login {
  width: 100%;
  max-width: 413px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  padding: 60px 55px 50px 55px;
  box-sizing: border-box;
  min-height: 604px;
  box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
}
.login_form {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "PTSerif";
  font-size: 25px;
  color: #555555;
  line-height: 1.2;
}
.login_form .auth_tabs {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.text_center {
  text-align: center;
}
.txt1 {
  font-family: "PTSerif";
  font-size: 14px;
  line-height: 1.4;
  color: #999999;
}
.txt2 {
  font-family: "PTSerif";
  font-size: 15px;
  line-height: 1.4;
  color: #4272d7;
}
.field_wrapper {
  width: 100%;
  margin: 10px 0;
}
.register_field_wrapper {
  width: 100%;
  margin: 4px 0;
}
.enter_btn,
.register_btn,
.restore_btn,
.change_password_btn {
  font-size: 15px;
  width: 100%;
}
.header_wrapper {
  position: relative;
  text-align: left;
  width: 100%;
  margin-bottom: 30px;
}
.header_wrapper .login_form_title {
  cursor: pointer;
}
.header_wrapper .login_form_title:nth-of-type(1) {
  margin-right: 20px;
}
.header_wrapper .underline_hilight {
  position: absolute;
  bottom: 0;
  height: 3px;
  background: #4555e6;
  transition: 0.5s left, 0.5s width;
}
.header_wrapper .underline_hilight.enter {
  left: 0;
  width: 58px;
}
.header_wrapper .underline_hilight.registration {
  left: 83px;
  width: 147px;
}
.overlay {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  background: #000;
  z-index: 10;
  top: 0;
  left: 0;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.8;
  cursor: pointer;
}
.form_popup {
  width: 500px;
  max-height: 500px;
  background: #ffffff;
  position: fixed;
  z-index: 998;
  top: 50%;
  left: 50%;
  margin: -200px -250px;
  -moz-user-select: none;
  -webkit-user-select: none;
  display: none;
  border-radius: 20px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 49px 50px;
  box-sizing: border-box;
}
.form_popup .result_message {
  font-size: 23px;
  text-align: center;
}
.form_wrapper .header_form {
  text-align: center;
  margin-bottom: 20px;
}
.form_wrapper .login_form_title {
  font-size: 27px;
  color: #555555;
  line-height: 1.2;
}
.form_wrapper .form_wrapper__description {
  margin-bottom: 14px;
}
/**
 restorePassPage
 */
.form_content {
  width: 100%;
}
.green {
  color: #009926;
}
.text-input-wrapper {
  display: inline-block;
  position: relative;
  height: 50px;
  width: 100%;
  margin-bottom: 5px;
}
.text-input-wrapper input {
  position: absolute;
  margin-top: 20px;
  height: 36px;
  padding-left: 10px;
  box-sizing: border-box;
  width: 100%;
  border-left: none;
  border-right: none;
  outline: none;
  transition: all 1s;
}
.text-input-wrapper__light input {
  border-top: 3px solid #4555e6;
  border-bottom: 3px solid #4555e6;
}
.text-input-wrapper__dark input {
  background: #000;
  color: #fff;
  border-top: 3px solid #ff3c1d;
  border-bottom: 3px solid #ff3c1d;
}
.text-input-wrapper label {
  position: absolute;
  font-size: 14px;
  width: 200px;
  margin-top: 28px;
  margin-left: 10px;
  cursor: text;
  z-index: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 1s;
}
.text-input-wrapper__dark label {
  color: #fff;
}
.text-input-wrapper__filled-input label {
  margin-top: 0px;
  font-size: 14px;
  color: #4555e6;
}
.text-input-wrapper__filled-input input {
  height: 38px;
  border-top: 3px solid inherit;
  border-bottom: 3px solid inherit;
}
input.text-input-wrapper_alert {
  border-top: 3px solid #FF0C18;
  border-bottom: 3px solid #FF0C18;
}
.text-input-wrapper-alert {
  display: none;
  color: #f20d0d;
}
.input_wrapper_alert {
  color: #f20d0d;
}
.text-input-wrapper__disabled input {
  border-top: 3px solid #8c8c8c;
  border-bottom: 3px solid #8c8c8c;
  background: #e2e2e2;
}
.middle_length {
  width: 271px;
}
.sent_button_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.sent_button_wrapper button {
  background: none;
  border: 0;
  box-sizing: border-box;
  margin: 1em;
  padding: 1em 2em;
  box-shadow: inset 0 0 0 3px #4555e6;
  color: #000;
  font-size: inherit;
  font-weight: 700;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}
.sent_button_wrapper button::before,
.sent_button_wrapper button::after {
  border: 3px solid transparent;
  width: 0;
  height: 0;
  box-sizing: inherit;
  content: '';
  position: absolute;
}
.sent_button_wrapper button::before {
  top: 0;
  left: 0;
}
.sent_button_wrapper button::after {
  bottom: 0;
  right: 0;
}
.sent_button_wrapper.in_row_style button {
  margin: 0;
  margin-left: 1em;
  top: 18px;
  padding: 13px 2em;
}
.sent_button_wrapper .max_width_148 {
  max-width: 148px;
}
.sent_button_wrapper .max_width_184 {
  max-width: 184px;
}
.sent_button_wrapper.choose_file {
  min-width: 200px;
  width: auto;
}
.sent_button_wrapper.choose_file button {
  margin: 0;
  padding: 0.77em 2em;
}
.sent_button_wrapper__hover button:hover {
  color: #60daaa;
}
.sent_button_wrapper__hover button:hover::before,
.sent_button_wrapper__hover button:hover::after {
  width: 100%;
  height: 100%;
}
.sent_button_wrapper__hover button:hover::before {
  border-top-color: #60daaa;
  border-right-color: #60daaa;
  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.sent_button_wrapper__hover button:hover::after {
  border-bottom-color: #60daaa;
  border-left-color: #60daaa;
  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}
.sent_button_wrapper__animate button::before,
.sent_button_wrapper__animate button::after {
  border: 3px solid transparent;
  width: 0;
  height: 0;
  box-sizing: inherit;
  content: '';
  position: absolute;
}
.sent_button_wrapper__animate button::before {
  top: 0;
  left: 0;
}
.sent_button_wrapper__animate button::after {
  bottom: 0;
  right: 0;
}
.sent_button_wrapper__animate button::before,
.sent_button_wrapper__animate button::after {
  width: 100%;
  height: 100%;
}
.sent_button_wrapper__animate button::before {
  border-top-color: #60daaa;
  border-right-color: #60daaa;
  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.sent_button_wrapper__animate button::after {
  border-bottom-color: #60daaa;
  border-left-color: #60daaa;
  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}
.sent_button_wrapper__alert {
  display: none;
  color: #f20d0d;
}
.sent_button_wrapper__disabled button {
  background: #d3d3d3;
  box-shadow: inset 0 0 0 3px #8c8c8c;
  color: #4a4a4a;
}