body {
  font-family: "Roboto", sans-serif;
}
body a {
  color: #ff6a13;
  font-size: 12px;
}
body a:link, body a:visited {
  text-decoration: underline;
}
body a:hover, body a:focus, body a:active {
  text-decoration: none;
}
body button {
  border-radius: 8px;
  border: none;
  width: 100%;
  height: 46px;
  color: #eee;
  cursor: pointer;
  font-size: 15px;
}
body button:focus, body button:active {
  outline: none;
}
body button:hover {
  color: #fff;
}
body button.btn-orange {
  background-color: #ff6a13;
}
body button.btn-orange.disabled, body button.btn-orange.disabled:hover {
  background-color: #924822;
  color: #929298;
  cursor: default;
}
body button.btn-green {
  background-color: #4aba24;
}
body .hidden {
  display: none !important;
}
body > main {
  background-color: #e2e6ee;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
body > main div.checkbox {
  display: block;
  min-width: 16px;
  height: 16px;
  background: transparent url("../img/checkbox-off.png") center center no-repeat;
  cursor: pointer;
}
body > main div.checkbox.checked {
  background-image: url("../img/checkbox-on.png");
}
body > main > fieldset {
  position: relative;
  display: block;
  background-color: #262631;
  border-radius: 18px;
  border: none;
  width: 480px;
  height: 694px;
  box-sizing: border-box;
  padding: 40px 82px 0 82px;
}
body > main > fieldset > div.row {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
body > main > fieldset > div.row.wider {
  margin-right: -20px;
}
body > main > fieldset > div.row.btn-orange {
  margin-top: 16px;
}
body > main > fieldset > div.row > div.logo {
  width: 96px;
  height: 24px;
  background: transparent url("../img/winline-logo.svg") center center no-repeat;
}
body > main > fieldset > div.row > h1 {
  color: #fff;
  font-size: 23px;
  margin: 17px 0 0 0;
  padding: 0;
  font-weight: 500;
  user-select: none;
}
body > main > fieldset > div.row > div.tabs {
  border: 2px solid #3f3f4c;
  border-radius: 8px;
  background-color: #3f3f4c;
  height: 34px;
  width: 100%;
  margin-top: 26px;
  display: flex;
  flex-direction: row;
}
body > main > fieldset > div.row > div.tabs > div.tab {
  height: 100%;
  width: 50%;
  color: #9d9da6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  cursor: pointer;
  user-select: none;
}
body > main > fieldset > div.row > div.tabs > div.tab:hover {
  color: #fff;
}
body > main > fieldset > div.row > div.tabs > div.tab.active {
  background-color: #61616f;
  color: #fff;
  border-radius: 6px;
  cursor: default;
}
body > main > fieldset > div.row > div.input-panel {
  width: 100%;
  height: 44px;
  border-radius: 8px;
  background-color: #3f3f4c;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  padding: 0 2px;
}
body > main > fieldset > div.row > div.input-panel > input[type=text],
body > main > fieldset > div.row > div.input-panel > input[type=password] {
  font-family: "Roboto", sans-serif;
  height: 40px;
  background-color: transparent;
  border: none;
  border-radius: 6px;
  padding: 0 10px;
  color: #c97e55;
  font-size: 16px;
}
body > main > fieldset > div.row > div.input-panel > input[type=text].password,
body > main > fieldset > div.row > div.input-panel > input[type=password].password {
  width: 250px;
}
body > main > fieldset > div.row > div.input-panel > input[type=text]::placeholder,
body > main > fieldset > div.row > div.input-panel > input[type=password]::placeholder {
  color: #606372;
  font-size: 14px;
}
body > main > fieldset > div.row > div.input-panel > input[type=text]:focus,
body > main > fieldset > div.row > div.input-panel > input[type=password]:focus {
  color: #fff;
  outline: none;
}
body > main > fieldset > div.row > div.input-panel > input[type=text].phone {
  width: 250px;
}
body > main > fieldset > div.row > div.input-panel > input[type=text] .login {
  width: 100%;
}
body > main > fieldset > div.row > div.input-panel > div.plus-seven-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff6a13;
  background-color: #61616f;
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 14px;
  cursor: default;
  user-select: none;
}
body > main > fieldset > div.row > div.input-panel > div.eye-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9d9da6;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 18px;
  padding-top: 2px;
  cursor: pointer;
}
body > main > fieldset > div.row > div.input-panel > div.eye-icon:hover {
  color: #fff;
}
body > main > fieldset > div.row > div.lost-password {
  display: block;
  text-align: right;
  width: 100%;
  margin-top: 5px;
}
body > main > fieldset > div.row > div.lost-password > a {
  color: #ff6a13;
  font-size: 12px;
}
body > main > fieldset > div.row > div.lost-password > a:link, body > main > fieldset > div.row > div.lost-password > a:visited {
  text-decoration: underline;
}
body > main > fieldset > div.row > div.lost-password > a:hover, body > main > fieldset > div.row > div.lost-password > a:focus, body > main > fieldset > div.row > div.lost-password > a:active {
  text-decoration: none;
}
body > main > fieldset > div.row > div.confirm-approval {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: top;
  margin-top: 31px;
  width: 100%;
}
body > main > fieldset > div.row > div.confirm-approval > div.text {
  color: #bebec1;
  font-size: 12px;
  margin-left: 8px;
  line-height: 15px;
}
body > main > fieldset > div.row > div.confirm-approval > div.text > a.details {
  margin-left: 20px;
}
body > main > fieldset > div.lowerblock {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 125px;
  z-index: 3;
  box-sizing: border-box;
  padding: 0 82px 40px 82px;
}
body > main > fieldset > div.lowerblock > div.no-account {
  font-size: 12px;
  color: #929298;
  margin-bottom: 16px;
}
body > section#modal {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.32);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 100;
}
body > section#modal > div.modal-box {
  display: flex;
  row-gap: 26px;
  flex-direction: column;
  background-color: #fff;
  border-radius: 12px;
  box-sizing: border-box;
  min-height: 100px;
  min-width: 250px;
  width: 520px;
  padding: 40px 20px;
  position: relative;
}
body > section#modal > div.modal-box > .modal-close {
  position: absolute;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 6px;
  top: 6px;
  cursor: pointer;
}
body > section#modal > div.modal-box > .modal-close > i {
  color: rgb(101, 104, 119);
  font-size: 10px;
}
body > section#modal > div.modal-box > .modal-close:hover > i {
  color: #ff6a13;
}
body > section#modal > div.modal-box > h1 {
  color: #333;
  font-size: 26px;
  line-height: 28px;
  font-weight: 500;
  margin: 0;
  width: 100%;
  text-align: center;
}
body > section#modal > div.modal-box > div.message {
  color: #333;
  font-size: 15px;
  width: 100%;
  text-align: center;
}
body > section#modal > div.modal-box > button.btn-orange {
  font-size: 13px;
  height: 36px;
  width: 60px;
  margin: 0 auto;
}

/*# sourceMappingURL=bundle.css.map */