@import url("https://fonts.googleapis.com/css?family=Inter");
.btn {
  border-radius: 30px;
}

.btn-primary {
  background-color: #1c4b34;
}

.text_field, input[type="text"], input[type="password"] {
  border-radius: 30px;
  border: 1px solid #cccccc;
  padding: 0px 20px;
  height: 50px;
  font-size: 15px;
  color: #000000;
}

/*
.btnchangepassword a:focus{
    background-color: $color1;
    border-radius: $borderRadius;
    border-color: $color1;
    margin-top: 20%;
}
*/
.dialog_title {
  text-align: center;
  color: #FFF;
  font-size: 30px;
  padding-top: 5%;
}

.dialog_background {
  background-color: #000000;
  border: 1px solid #535AA7;
}

.dialog_text {
  color: #ffffff;
}

.dialog_save {
  background-color: #1c4b34;
  border-color: #1c4b34;
  width: 100%;
  margin: auto;
  margin-top: 10%;
  font-size: 15px;
  padding: 15px;
}

.btncancel {
  color: #2CACE1;
  text-decoration: underline;
  font-size: 19px;
  margin-right: 2%;
  text-align: right;
  display: block;
}

.orange_button a {
  background-color: #1c4b34;
  border-color: #1c4b34;
}

/*
.orange_button a:focus{
    background-color: $color1;
    border-radius: $borderRadius;
    border-color: $color1;
}

.orange_button a:hover{
    background-color: $color1;
    border-radius: $borderRadius;
    border-color: $color1;
}
*/
.reset_textfield {
  display: block;
  width: 100%;
}

.login_textfield {
  display: block;
  width: 96%;
  margin-left: 2%;
}

.error {
  margin-top: 12px;
  color: #1c4b34;
}

#forgot_paswword {
  color: white;
  display: block;
  text-align: center;
  margin-top: 20px;
  font-size: 12px;
}

#login_dialog {
  margin-top: 25%;
  background: #000000;
  border-radius: 18px;
  border: 1px solid #535AA7;
}

#login_form .control-label {
  color: white;
  margin-left: 3%;
  margin-bottom: 0;
  font-size: 12px;
}

#reset_dialog {
  margin-top: 40%;
}