body {
  background-color: #cb661420;
  font-family: 'Mulish';
  color: #000;
}

.wrapper {
  max-width: 1000px;
  margin: 0 auto;
}
.topLine {
  margin-top: 50px;
  display: flex;
}

.topLine.center {
  justify-content: center;
}
.topLine.center .logo {
  justify-content: center;
  width: 200px;
  margin-right: 0;
}
.logo {
  width: 135px;
  margin-right: 30px;
}
.logo img {
  width: 100%;
}
.topLine .text {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  width: 400px;
  color: #3e435f;
}

.loginPanel {
  background-color: #fff;
  width: 430px;
  padding: 60px;
  margin: 100px auto;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
}
.loginPanel.noTopMargin {
  margin-top: 20px;
}
.loginPanel h1 {
  text-align: center;
  font-weight: 700;
  font-size: 30px;
}
.loginPanel p {
  text-align: center;
  font-weight: 400;
  font-size: 20px;
}

.loginPanel input {
  width: calc(100% - 25px);
  padding: 10px;
  margin: 10px 0;
  font-size: 15px;
}

.loginPanel .connectBtn,
.loginPanel #da-login-submit {
  margin-top: 30px;
  width: 100%;
  padding: 10px;
  background: #cb6614;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  color: #fff;
  font-weight: 600;
  font-size: 20px;
}

.loginPanel .lostPasswordLink,
.loginPanel .backToHomeLink {
  font-weight: 600;
  font-size: 15px;
  color: #000;
}

.footer {
  margin-top: 50px;
}
.footer p {
  margin: 5px 0;
}
.footer .kleon {
  text-decoration: none;
  color: #000;
  font-size: 30px;
  font-weight: 700;
  border-right: 6px #000 solid;
  padding-right: 5px;
}
.footer .firstLine {
  font-weight: 400;
  font-size: 20px;
}
.footer .secondLine {
  font-weight: 600;
  font-size: 20px;
}

.da-message {
  font-size: 12px;
  border: 1px solid #d2d2d2;
  padding: 15px 8px 15px 45px;
  position: relative;
  cursor: pointer;
  background-color: #f8f8f8;
  background-position: 12px 12px;
  background-repeat: no-repeat;
}
.da-message.error {
  background-color: #ffcbca;
  background-image: url(../../assets/images/message-error.png);
  border-color: #eb979b;
  color: #9b4449;
}
.da-message.success {
  background-color: #e1f1c0;
  background-image: url(../assets/images/message-success.png);
  border-color: #b5d56d;
  color: #62a426;
}

.userSelection {
  border: 1px solid #ddd;
  padding: 10px;
  margin: 10px 0;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.userSelection .identity {
  font-size: 20px;
  color: #333333;
}
.userSelection .lastConnexion {
  font-size: 80%;
}

.userSelection .status {
  color: #c33;
  margin-top: 3px;
}
.userSelection .btn-block {
  margin-top: 10px;
  width: calc(100% - 10px);
  padding: 5px;
  background: #cb6614;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  text-align: center;
}

.loginPanel .noAccount {
  font-weight: 400;
  font-size: 15px;
}
.loginPanel .noAccount a {
  font-weight: 700;
  color: #000;
  text-decoration: none;
}