div,
p {
  font-family: sans-serif !important;
}
/*********for login page******/
.loginBoxRight {
  /*padding: 0px 100px 0px 100px;*/
  margin-bottom: 20px;
}
.loginBoxLeft {
  /*padding: 0px 0px 0px 100px;*/
  margin-bottom: 20px;
}
/*
.loginInputField input{
  margin-top: 5px;
}*/
.loginLabel {
  /*padding-top: 10px;*/
  display: block;
}
.loginSubmit {
  margin-top: 10px;
}
.loginWrapper .loginInput input {
  width: 250px;
  background-color: #ffffff;
  color: #000000;
  padding: 5px 5px 5px 5px;
  border: solid 1px #bcbcbc;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 12px;
}

.loginWrapper input[type="submit"],
.loginWrapper input[type="button"] {
  width: 250px;
  background-color: #404040;
  padding: 5px 35px 5px 35px;
  border: solid 1px #404040;
  border-radius: 7px;
  color: White;
  font-size: 18px;
  font-weight: 600;
}

.loginWrapper input[type="submit"]:hover,
.loginWrapper input[type="button"]:hover {
  box-shadow: 0px 3px 6px rgb(0 0 0 / 31%);
}

.btn:hover {
  box-shadow: 0px 3px 6px rgb(0 0 0 / 31%);
}

@media only screen and (max-width: 767px) {
  .loginWrapper .loginInput input {
    width: 100%;
  }
  .loginWrapper input[type="submit"],
  .loginWrapper input[type="button"] {
    width: 100%;
  }
}
/*******end login page*******/

/**********signup page***********/
.signupRight {
  /*padding: 0px 100px 0px 100px;*/
  margin-bottom: 20px;
}
.signupLeft {
  /*padding: 0px 0px 0px 100px;*/
  margin-bottom: 20px;
}
.signupLabel {
  /*padding-top: 10px;*/
  display: block;
}
.signupSubmit {
  margin-top: 10px;
}
.signupWrapper input[type="text"],
.signupWrapper input[type="password"] {
  width: 100%;
  background-color: #ffffff;
  color: #000000;
  padding: 5px 5px 5px 5px;
  border: solid 1px #bcbcbc;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 12px;
}

.signupWrapper input[type="checkbox"] {
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  color: #000000;
  padding: 5px 5px 5px 5px;
  border: solid 1px #bcbcbc;
  border-radius: 7px;
  font-size: 15px;
  font-weight: 600;
}

.signupWrapper .kennitalaWrapper input {
  width: 180px;
}

.signupWrapper .kennitalaWrapper input[type="button"] {
  width: 150px;
  color: #404040;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  background-color: #ffc430;
  box-shadow: 0px 3px 6px rgb(0 0 0 / 31%);
  border: 1px solid #ffc430;
  border-radius: 7px;
  text-align: center;
  padding: 4px 10px 4px 10px;
  /*text-transform: uppercase;*/
  margin-bottom: 10px;
}

.signupWrapper input[type="submit"] {
  width: 250px;
  background-color: #404040;
  padding: 5px 35px 5px 35px;
  border: solid 1px #404040;
  border-radius: 7px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
}

.signupWrapper input[type="submit"]:hover {
  box-shadow: 0px 3px 6px rgb(0 0 0 / 31%);
}

.termsContent {
  width: 100%;
  height: 400px;
  overflow: auto;
}

.nlCheckboxWrapper {
  margin-top: 10px;
}

.termsCheckboxWrapper {
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  .signupWrapper input[type="text"],
  .signupWrapper input[type="password"] {
    width: 100%;
  }
  .signupWrapper input[type="submit"] {
    width: 100%;
  }
  .termsContent {
    height: 200px;
  }
}
/********end signup page*******/

/*******forgot password page*******/
.fpWrapper input[type="text"],
.fpWrapper input[type="password"] {
  width: 400px;
  background-color: #ffffff;
  color: #000000;
  padding: 5px 5px 5px 5px;
  border: solid 1px #bcbcbc;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 12px;
}
.fpWrapper input[type="submit"] {
  width: 400px;
  background-color: #404040;
  padding: 5px 35px 5px 35px;
  border: solid 1px #404040;
  border-radius: 7px;
  color: #ffc430;
  font-size: 18px;
  font-weight: 600;
}

.fpWrapper .fpInput label {
  display: block;
}

@media only screen and (max-width: 767px) {
  .fpWrapper input[type="text"],
  .fpWrapper input[type="password"] {
    width: 100%;
  }
  .fpWrapper input[type="submit"] {
    width: 100%;
  }
}
/*******end forgot password page*******/

/*******account page*********/
.accountWrapper .account_btns a.btn:link,
.accountWrapper .account_btns a.btn:visited,
.accountWrapper .account_btns a.btn:active {
  width: 100%;
  display: block;
  background-color: #404040;
  padding: 5px 35px 5px 35px;
  margin-top: 15px;
  border: solid 1px #404040;
  border-radius: 7px;
  color: white;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
}

.accountWrapper .account_btns img.icon {
  vertical-align: middle;
}

.accountWrapper .account_btns {
  margin-top: 5px;
}

.accountWrapper label {
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .accountWrapper .account_btns {
    margin-top: 10px;
  }
}
/*******end account page*****/